UNPKG

ph-material-pickers

Version:

React components, that implements material design pickers for material-ui v4

29 lines (28 loc) 1.43 kB
import * as React from 'react'; import { DateRange } from './RangeTypes'; import { CalendarProps } from '../views/Calendar/Calendar'; import { DateRangeDayProps } from './DateRangePickerDay'; import { ExportedArrowSwitcherProps } from '../_shared/ArrowSwitcher'; import { DateValidationProps } from '../_helpers/date-utils'; export interface ExportedDesktopDateRangeCalendarProps<TDate> { /** * How many calendars render on **desktop** DateRangePicker. * * @default 2 */ calendars?: 1 | 2 | 3; /** * Custom renderer for `<DateRangePicker />` days. @DateIOType * @example (date, DateRangeDayProps) => <DateRangePickerDay {...DateRangeDayProps} /> */ renderDay?: (date: TDate, DateRangeDayProps: DateRangeDayProps<TDate>) => JSX.Element; } interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<CalendarProps<TDate>, 'renderDay'>, DateValidationProps<TDate>, ExportedArrowSwitcherProps { date: DateRange<TDate | null>; changeMonth: (date: TDate) => void; currentlySelectingRangeEnd: 'start' | 'end'; headerLabelRender?: (params: any) => React.ReactElement; } export declare const useStyles: (props?: any) => Record<"root" | "arrowSwitcher" | "rangeCalendarContainer" | "calendar", string>; export declare function DateRangePickerViewDesktop<TDate>(props: DesktopDateRangeCalendarProps<TDate>): JSX.Element; export {};