import { DateType } from '@mezzanine-ui/core/calendar'; import { RangePickerValue } from '@mezzanine-ui/core/picker'; import { CalendarFooterActionsProps } from '../Calendar/CalendarFooterActions'; import { DateRangePickerCalendarProps } from './DateRangePickerCalendar'; import { RangePickerTriggerProps } from '../Picker'; export interface DateRangePickerProps extends Pick, Pick { /** * Footer action buttons props. * When provided, the calendar will NOT auto-close after range selection. * This allows users to interact with the action buttons before confirming. */ actions?: CalendarFooterActionsProps['actions']; /** * The confirm mode for date range selection. * - `'immediate'` (default): onChange is triggered immediately after selecting both dates, * and calendar auto-closes (unless actions prop is provided). * - `'manual'`: onChange is triggered only when user clicks the confirm button. * Default actions (Confirm/Cancel) will be auto-generated if not provided. * @default 'immediate' */ confirmMode?: 'immediate' | 'manual'; /** * Default value for date range picker. */ defaultValue?: [DateType, DateType]; /** * The format for displaying date. */ format?: string; /** * A function that fires when calendar toggle. Receive open status in boolean format as props. */ onCalendarToggle?: (open: boolean) => void; /** * Change handler. Takes an array of your declared `DateType` which represents from and to in order. */ onChange?: (target?: RangePickerValue) => void; /** * The reference date for getting calendars. Default to current time. */ referenceDate?: DateRangePickerCalendarProps['referenceDate']; /** * Value of the range picker. * It is an array of your declared `DateType` which represents from and to in order. */ value?: RangePickerValue; } /** * The react component for `mezzanine` date range picker. * Notice that any component related to date-range-picker should be used along with `CalendarContext`. */ declare const DateRangePicker: import("react").ForwardRefExoticComponent>; export default DateRangePicker;