Examples
Basic Datepicker Range
Please select a valid date range
Properties
| Name | Type | Required | Description |
|---|---|---|---|
| @validationField | string | Yes | The field name in the changeset to validate |
| @changeset | ImmerChangeset | Yes | The ImmerChangeset instance containing the form data |
| @multipleDatesSeparator | string | No | The separator to use when multiple dates are selected. Defaults to " - " |
| @label | string | No | The label text displayed above the datepicker |
| @onChange | function | No | Callback function triggered when the date selection changes |
| @onClose | function | No | Callback function triggered when the datepicker closes |
| @disabled | boolean | No | Whether the datepicker is disabled |
| @mandatory | boolean | No | Indicates if the date range selection is mandatory |
| @placeholder | string | No | Placeholder text shown when no date is selected |
| @clearButton | boolean | No | Whether to show a button to clear the selected dates |
| @todayButton | boolean | No | Whether to show a button to select today's date |
| @closeButton | boolean | No | Whether to show a button to close the datepicker |
| @minDate | Date | No | The minimum selectable date |
| @maxDate | Date | No | The maximum selectable date |
| @keepOpen | boolean | No | Whether to keep the datepicker open after date selection |
| @daysOfWeekDisabled | number[] | No | An array of day numbers to disable (0-6, where 0 is Sunday) |
| @disabledDates | Date[] | No | An array of specific dates to disable |
| @viewMode | string | No | The initial view mode of the date picker. Can be 'clock', 'calendar', 'months', 'years', or 'decades' |
| @locale | string | No | The locale to be used for date formatting |
| @dateFormat | string | No | The format for displaying the selected date |