Date
A specialized date input component that provides a calendar interface for selecting dates. Supports customizable date formats, range validation, localization (multilingual), and custom validation rules. Features a user-friendly calendar picker interface and handles various date formats.
Extends: fieldComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Date Format |
| text | Specifies the format pattern for displaying and parsing dates |
Date-Time Format |
| text | Specifies the format pattern for date-time display and parsing |
Min Allowed Value |
| text | Sets the earliest allowed date that can be selected |
Max Allowed Value |
| text | Sets the latest allowed date that can be selected |
Custom Validation Script |
| text | A custom JavaScript function for additional date validation rules |
Custom Validation Message |
| multi-locale | The error message shown when custom date validation fails (Multi-lingual) |
Unique |
| boolean | When true, ensures the selected date doesn't duplicate existing dates in the system |
Methods
Name | Description |
|---|---|
| Validates and filters selectable dates based on min and max allowed values |
| Implements custom date range validation logic for selectable dates |
| Converts input value to a formatted date string |
| Converts formatted date string to a Date object |
| Provides localized day and month names for different languages |
Events
Name | Description |
|---|---|
| Triggered when the selected date is modified |
| Triggered when the date input loses focus |
| Triggered when the date input gains focus |