import React from 'react'; import type { ClassesProp } from '@xo-union/react-css-modules'; import type { Locale } from 'date-fns'; import { DatePickerProps } from '../DatePicker'; type InputProps = { readOnly: true; onClick: (evt: React.MouseEvent) => void; onKeyDown: (evt: React.KeyboardEvent) => void; value: string | null; ref: React.RefObject; role: 'button'; type: 'button'; 'aria-haspopup': 'dialog'; 'aria-expanded': boolean; 'aria-controls': string; }; type DatePickerDropdownProps = DatePickerProps & { /** * Selected date */ value?: Date; /** * Called when date is selected */ onChange?: DatePickerProps['onChange']; /** * Selected date * * @deprecated use `value` */ date?: Date; /** * Called when date is selected * * @deprecated use `onChange` */ onDateChange?: DatePickerProps['onSelect']; /** * Selected date * * @deprecated use `value` */ selected?: Date; /** * Called when date is selected * * @deprecated use `onChange` */ onSelect?: DatePickerProps['onSelect']; /** * Date format to use for field value. See [`date-fns/format`](https://date-fns.org/v1.28.5/docs/format) */ dateFormat?: string; /** * Render function for input, it received input props as the first argument */ renderInput: (props: InputProps) => React.ReactElement; /** * Classes dependencies. Supports all the same classes as DatePicker */ classes?: ClassesProp<'modal' | 'relative-container' | 'picker-container' | 'arrow-up' | 'dropdown-container' | 'close-button-container' | 'close-button'>; /** * locale from [date-fns](https://date-fns.org/v2.29.3/docs/Locale) used for formatting. */ locale?: Locale; /** * Wether to render input as block or inline element */ block?: boolean; /** * Whether the DatePicker should be open at render */ isOpenDefaultValue?: boolean; }; declare const DatePickerDropdown: ({ id, block, dateFormat, date, onDateChange, selected, onSelect, value, onChange, renderInput, classes: classesProp, locale, isOpenDefaultValue, ...rest }: DatePickerDropdownProps) => React.ReactElement; export default DatePickerDropdown;