import React from 'react'; import { CalendarOverrides, WeekDayName, WeekNameLabelFormat, CalendarBadge, CalendarView } from '../Calendar'; import type { TextFieldProps, TextFieldOverrides } from '../TextField'; export * from './useDatePickerFormat'; export type DatePickerProps = Omit & { /** * Current date */ readonly value: Date | null; /** * Will be invoked when date would be changed */ readonly onChange: (date: Date) => void; /** * Date template like one of format: \ * `dd.mm.yyyy` or `yyyy/mm/dd`, etc.\ * Posibility chars: `y`, `Y`, `yy`, `yyyy`, `d`, `dd`, `D`, `m`, `mm`, `M` */ readonly template: string; /** * Tooltip text for a calendar button */ readonly calendarButtonTooltip?: string; /** * Minimum date limit */ readonly minDate?: Date; /** * Maximum date limit */ readonly maxDate?: Date; /** * calendar locale\ * **Default:** `ru-RU` */ readonly locale?: string; /** * The day the week starts from\ * **Default:** `monday` */ readonly weekStartDay?: WeekDayName; /** * Int weekday format\ * **Default:** `short` */ readonly weekDayLabelFormat?: WeekNameLabelFormat; /** * Display days with leading zero */ readonly displayLeadingZero?: boolean; /** * Mark current day cell */ readonly markToday?: boolean; /** * array of badges */ readonly badges?: readonly CalendarBadge[]; /** * Label for the Reset button. If label passed, then button will be rendered */ readonly resetButtonLabel?: string; /** * Label for the Today button. If label passed, then button will be rendered */ readonly toodayButtonLabel?: string; /** * Heading */ readonly heading?: React.ReactNode; /** * Subheading */ readonly subheading?: React.ReactNode; /** * Initial name of the view */ readonly view?: CalendarView; readonly views?: readonly CalendarView[]; /** * Custom footer elements */ readonly footer?: JSX.Element; /** * Overridable components map */ readonly overrides?: CalendarOverrides & TextFieldOverrides; }; declare const DatePicker: React.FC; export default DatePicker;