import { DateMode } from './types'; import { MaskedDateRangeInputProps } from './internal/MaskedDateRangeInput'; export type DateFieldRangeChange = { /** * The start date in ISO 8601 format. * @example "2025-03-22" */ startDate: string | null; /** * The end date in ISO 8601 format. * @example "2025-07-02" */ endDate: string | null; /** * Whether the input field contains two parsable dates. * This is not the same as the date range being valid. * */ isInputValid: boolean; /** * Whether the input field is empty. */ isInputEmpty: boolean; /** * Whether the start and end dates are valid according to the constraints. * Constraints include: * - Required * - Unavailable dates * - Unavailable days of the week * - Min date * - Max date */ isDateRangeValid: boolean; }; export type DateFieldRangeChangeHandler = (change: DateFieldRangeChange) => void; export type DateFieldRangeValue = { startDate: string | null; endDate: string | null; } | null; export type DateFieldRangeProps = Omit & { value?: DateFieldRangeValue; defaultValue?: DateFieldRangeValue; onChange?: DateFieldRangeChangeHandler; mode?: Extract; disableHint?: boolean; disableCalendar?: boolean; unavailable?: { dates?: string[]; daysOfWeek?: (1 | 2 | 3 | 4 | 5 | 6 | 7)[]; }; minDate?: string; maxDate?: string; required?: boolean; onFocus?: (event: FocusEvent) => void; onBlur?: (event: FocusEvent) => void; }; export declare const DateFieldRange: { ({ onFocus, onBlur, disableCalendar, required, mode, value: valueProp, defaultValue: defaultValueProp, minDate: minDateProp, maxDate: maxDateProp, unavailable: unavailableProp, onChange: onChangeProp, ...rest }: DateFieldRangeProps): import("react/jsx-runtime").JSX.Element; displayName: string; };