Masked Fields
Masked fields are input components that enforce a specific structure for user input. They're ideal for forms that require consistent formatting - such as dates, times, numbers, or identifiers - where accuracy is required.
These components apply formatting rules directly to the input field, helping users understand what type of value is expected while reducing input errors. This makes them particularly useful in financial systems, administrative dashboards, scheduling interfaces, and other apps that rely on validated data entry.
Topics
📄️ MaskedDateField
Capture localized date input with the MaskedDateField, applying configurable masks, format indicators, parsing rules, and validation.
📄️ MaskedNumberField
Format numeric input with the MaskedNumberField using configurable mask characters, grouping, decimal separators, and locale settings.
📄️ MaskedTextField
Enforce formatted text entry with the MaskedTextField, supporting mask characters for digits, letters, and literals for IDs and codes.
📄️ MaskedTimeField
Capture time input with the MaskedTimeField, applying 12 or 24-hour masks, format indicators, locale-aware parsing, and validation.