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:

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"
    }
}

results matching ""

    No results matching ""