import { ReactDatePickerProps } from 'react-datepicker'; /** * The structure for a specific date range with optional start and end dates. */ export declare type CertainDateRange = { start: Date | undefined; end: Date | undefined; }; /** * Interface for labeling a date range with optional start and end dates. */ export interface IDateRangeLabel { /** * The start date of the range. */ start?: Date; /** * The end date of the range. */ end?: Date; } /** * DateRange component used to select a range of dates with various customization options. * * @gen_ai * The DateRange component allows users to select a start and end date, supporting various configurations such as limiting selectable dates, customizing date formats, and enabling or disabling editing modes. It should be used within forms or grouped controls to facilitate intuitive date range selection. */ export interface IDateRangeV2 extends Omit, 'onChange' | 'selected'> { /** * Handler for when the date range changes. */ onChange: (range: CertainDateRange) => void; /** * The maximum selectable date. */ maxDate?: Date; /** * The currently selected date range. */ selected?: CertainDateRange | undefined; /** * @deprecated - Castle UI handles localization internally now. Please remove this prop. */ label?: string; /** * @deprecated - Castle UI handles localization internally now. Please remove this prop. */ applyButtonLabel?: string; /** * @deprecated - Castle UI handles localization internally now. Please remove this prop. */ cancelButtonLabel?: string; /** * @deprecated - Castle UI handles localization internally now. Please remove this prop. */ toLabel?: string; /** * Allows the date input to be clearable. */ isClearable?: boolean; }