New to Kendo UI for Angular? Start a free 30-day trial


The MaskedTextBox enables you to format its masked (visible) value by setting its value property.

The mask-formatting configuration is based on the following properties:

  • mask—Represents the current mask pattern of the component.
  • prompt—Represents the character used for the unfilled parts of the mask.

As a result, the masked value is formatted when the user pastes or types in the input field. The value property is recomputed and uses the following configuration:

  • promptPlaceholder—The character you can use to replace the prompt character from the masked value in the value. By default, it is space. The default approach facilitates the persisting of the unfilled parts of the mask in the extracted value. To avoid empty spaces replacing missing prompt characters in the value, set the promptPlaceholder option to an empty string ('') or null.
  • includeLiterals—The property that indicates whether to include literals in the value of the component. By default, includeLiterals does not include literals.

The formatting of the MaskedTextBox value triggers the valueChange event.

View Source
Change Theme:

In this article

Not finding the help you need?