import { DateType } from '@mezzanine-ui/core/calendar'; import { DatePickerCalendarProps } from '../DatePicker'; import { PickerTriggerWithSeparatorProps } from '../Picker'; import { TimePickerPanelProps } from '../TimePicker'; type FocusedInput = 'left' | 'right' | null; export interface DateTimePickerProps extends Omit, Omit, Omit { /** * Default value for date-time picker. */ defaultValue?: DateType; /** * The format for displaying date (left input). */ formatDate?: string; /** * The format for displaying time (right input). */ formatTime?: string; /** * Change handler. Takes your declared `DateType` as argument. * Called when both date and time values are complete. */ onChange?: (target?: DateType) => void; /** * A function that fires when panel toggled. Receive open status and focused input as props. */ onPanelToggle?: (open: boolean, focusedInput: FocusedInput) => void; /** * Other props you may provide to the time picker panel's `Popper` component */ popperPropsTime?: TimePickerPanelProps['popperProps']; /** * The reference date for getting calendars. Default to current time. */ referenceDate?: DateType; /** * Current value of date-time picker. */ value?: DateType; } /** * The react component for `mezzanine` date-time picker. * This component features two separate inputs for date and time, * with independent calendar and time panels shown based on focus. * Notice that any component related to date-time picker should be used along with `CalendarContext`. */ declare const DateTimePicker: import("react").ForwardRefExoticComponent>; export default DateTimePicker;