@material-ui/lab
Version:
Material-UI Lab - Incubator for Material-UI React components.
28 lines (27 loc) • 1.72 kB
TypeScript
/// <reference types="react" />
import { Theme } from '@material-ui/core/styles';
import { DateRange } from './RangeTypes';
import { PickersCalendarProps } from '../DayPicker/PickersCalendar';
import { DateRangePickerDayProps } from '../DateRangePickerDay';
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
import { DateValidationProps } from '../internal/pickers/date-utils';
export interface ExportedDesktopDateRangeCalendarProps<TDate> {
/**
* The number of calendars that render on **desktop**.
* @default 2
*/
calendars?: 1 | 2 | 3;
/**
* Custom renderer for `<DateRangePicker />` days. @DateIOType
* @example (date, DateRangeDayProps) => <DateRangePickerDay {...DateRangeDayProps} />
*/
renderDay?: (date: TDate, DateRangeDayProps: DateRangePickerDayProps<TDate>) => JSX.Element;
}
interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<PickersCalendarProps<TDate>, 'renderDay' | 'onFocusedDayChange'>, DateValidationProps<TDate>, ExportedArrowSwitcherProps {
date: DateRange<TDate | null>;
changeMonth: (date: TDate) => void;
currentlySelectingRangeEnd: 'start' | 'end';
}
export declare const styles: (theme: Theme) => Record<"root" | "arrowSwitcher" | "rangeCalendarContainer" | "calendar", import("../../../material-ui-styles/src").CSSProperties | import("../../../material-ui-styles/src").CreateCSSProperties<{}> | import("../../../material-ui-styles/src").PropsFunc<{}, import("../../../material-ui-styles/src").CreateCSSProperties<{}>>>;
declare const _default: <TDate>(props: DesktopDateRangeCalendarProps<TDate>) => JSX.Element;
export default _default;