Input Masks
Date Input Fields
The Date Input Fields example uses Cleave.js for formatted date entry.
Configure it with options like date: true and delimiter: '/' for a smooth user experience.
Example: 10/31/2024
Example: 08/10
Example: 2024-10-31
Example: 31.10.2024
Time Input Fields
The Time Input Fields example uses Cleave.js to format time input.
Configure it with options like time: true and timePattern: ['h', 'm'] for a structured input.
Example: 02:30:59 PM
Example: 30:59
Example: 02:30
Custom Input Fields
The Custom Input Fields example uses Cleave.js to format input as needed.
Configure it with options like delimiter: '-', blocks: [4, 4, 4, 4], and uppercase: true for a custom format.
+91
Example: 123-456-7890
+91
Example: (123) (456) (7890)
Example: 1234 5678 9012 3456
Example: 12,345
Example: $123,45
Example: $1,234.56
Example: 123456 789
Example: PREFIX - 100-000.00