Input mask

A text input formatted against a mask.

import { BuiInputMask } from 'ng-blatui';

<bui-input-mask mask="(999) 999-9999" inputmode="numeric" [(value)]="phone" />

Date

<bui-input-mask mask="99/99/9999" inputmode="numeric" placeholder="MM/DD/YYYY" />

<bui-input-mask mask="99:99" inputmode="numeric" placeholder="HH:MM" />

<bui-input-mask mask="9999 9999 9999 9999" inputmode="numeric" />

<bui-input-mask mask="99999-9999" inputmode="numeric" placeholder="12345-6789" />

Prop	Type	Default	Description
`mask`	`string`	`''`	Mask pattern where `9` accepts a digit, `a` a letter, `*` an alphanumeric, and other chars are literals.
`placeholder`	`string`	`''`	Placeholder text shown when the input is empty.
`inputmode`	`string`	`''`	Value for the native `inputmode` attribute hinting the virtual keyboard.
`name`	`string`	`''`	Name attribute applied to the underlying input for form submission.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`value`	`string`	`''`	Current masked value. Two-way bindable with `[(value)]`.
`disabled`	`boolean`	`false`	Whether the input is disabled. Two-way bindable with `[(disabled)]`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.