Datepicker Range validation prefab

A reusable validation component for date range selection with integrated error handling

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