import { BaseProps, InputProps } from '@toptal/picasso'; import { ReactNode } from 'react'; import { DayProps } from '../Calendar'; import { DatePickerValue, DatePickerInputCustomValueParser } from './types'; export interface Props extends BaseProps, Omit { /** Date that will be selected in `DatePicker` */ value?: DatePickerValue; /** Method that will be invoked with selected values */ onChange: (value: DatePickerValue) => void; /** Invoked when user goes away from `DatePicker` input */ onBlur?: () => void; /** Whether calendar supports single date selection or range */ range?: boolean; /** Earliest date available for selection */ minDate?: Date; /** Latest date available for selection */ maxDate?: Date; /** Whether calendar should be closed after date selection. True by default */ hideOnSelect?: boolean; /** Date format that user will see in the input */ displayDateFormat?: string; /** Date range where selection is not allowed */ disabledIntervals?: { start: Date; end: Date; }[]; /** Date format that user will see during manual input */ editDateFormat?: string; /** Specify icon which should be rendered inside `DatePicker` */ icon?: ReactNode; /** Specify a value if want to enable browser autofill */ autoComplete?: string; /** Indicate whether `DatePicker`'s input is in error state */ error?: boolean; /** Function to override default markup to show Date */ renderDay?: (args: DayProps) => ReactNode; popperContainer?: HTMLElement; /** Index of the first day of the week (0 - Sunday). Default is 1 - Monday */ weekStartsOn?: number; /** IANA timezone to display and edit date(s) */ timezone?: string; /** Custom parser for `DatePicker`'s input value to process custom input value, like, human-readable dates */ parseInputValue?: DatePickerInputCustomValueParser; testIds?: InputProps['testIds'] & { calendar?: string; input?: string; }; } export declare const DatePicker: { (props: Props): JSX.Element; defaultProps: { range: boolean; hideOnSelect: boolean; onBlur: () => void; editDateFormat: string; displayDateFormat: string; autoComplete: string; }; displayName: string; }; export default DatePicker;