When application inputs need to be tied to certain data types such as zip codes and phone numbers, a simple way to ensure users are typing the correct information is through a mask. With the Kendo UI for Angular MaskedTextBox, you can add an angular input mask to enforce that information provided follows a strict pattern. The Angular Masked Textbox comes with built-in mask types, as well as the ability to provide any custom mask.
The Kendo UI for Angular MaskedTextBox can be enabled or disabled with a single configuration option. When disabled, the Angular MaskedTextBox provides a unique visual style and prevents the user from interacting with the component.
You can set the Kendo UI for Angular MaskedTextBox to be in read-only mode, preventing the user from editing data bound to the Angular MaskedTextBox input.
The Kendo UI for Angular MaskedTextBox comes with several predefined masks out of the box. These masks can be defined character-by-character and allow you to control what slot requires digits, letters, or special symbols and characters.
The Kendo UI for Angular MaskedTextBox can be integrated with both Template-driven forms and Reactive forms.
The Kendo UI for Angular MaskedTextBox adheres to Section 508 and WAI-ARIA standards and is AAA rated with WCAG 2.0.