masked

[danger] DEPRECATION WARNING
The Masked Input Plugin this component is based on is no longer in active development. This field will be removed in v3.
Masked input field
This is a masked input field for formatted string values. (e.g. phone number, zip code, card numbers...etc)
Please note, this field depend on the following library:
​jQuery​
​maskedinput​
Special properties of field
Property
Default
Accepted values
Description
autocomplete
none
​see doc​
Indicates whether the value of the control can be automatically completed by the browser.
mask
none
String
Mask for input field (E.g. (99) 999-9999)
maskOptions
none
Object
Settings to masked component. Read more info from options​
placeholder
none
String
Placeholder text for input field
readonly
false
Boolean
If true, the input field is read only
maskOptions
@TODO
Usage
Phone number masked field
{
    type: "masked",
    label: "Mobile phone",
    model: "mobile",
    mask: "(99) 999-9999"
}
Date masked field
{
    type: "masked",
    label: "Date",
    model: "date",
    mask: "99/99/9999",
    maskOptions: {
      placeholder: "mm/dd/yyyy"
    }
}

image

noUiSlider

Last modified 3yr ago

Property	Default	Accepted values	Description
`autocomplete`	none	see doc	Indicates whether the value of the control can be automatically completed by the browser.
`mask`	none	`String`	Mask for input field (E.g. `(99) 999-9999`)
`maskOptions`	none	`Object`	Settings to masked component. Read more info from options
`placeholder`	none	`String`	Placeholder text for input field
`readonly`	`false`	`Boolean`	If true, the input field is read only