@material-ui/lab
Version:
Material-UI Lab - Incubator for Material-UI React components.
24 lines (23 loc) • 1.84 kB
TypeScript
/// <reference types="react" />
import { WithStyles, Theme } from '@material-ui/core/styles';
import { SlideDirection } from './PickersSlideTransition';
import { DateValidationProps } from '../internal/pickers/date-utils';
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
import { DatePickerView } from '../internal/pickers/typings/Views';
export declare type ExportedCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'leftArrowIcon' | 'rightArrowIcon' | 'leftArrowButtonProps' | 'rightArrowButtonProps' | 'leftArrowButtonText' | 'rightArrowButtonText' | 'getViewSwitchingButtonText'>;
export interface PickersCalendarHeaderProps<TDate> extends ExportedArrowSwitcherProps, Omit<DateValidationProps<TDate>, 'shouldDisableDate'> {
openView: DatePickerView;
views: DatePickerView[];
currentMonth: TDate;
/**
* Get aria-label text for switching between views button.
*/
getViewSwitchingButtonText?: (currentView: DatePickerView) => string;
reduceAnimations: boolean;
onViewChange?: (view: DatePickerView) => void;
onMonthChange: (date: TDate, slideDirection: SlideDirection) => void;
}
export declare const styles: (theme: Theme) => Record<"root" | "previousMonthButton" | "yearSelectionSwitcher" | "switchViewDropdown" | "switchViewDropdownDown" | "monthTitleContainer" | "monthText", import("../../../material-ui-styles/src").CSSProperties | import("../../../material-ui-styles/src").CreateCSSProperties<{}> | import("../../../material-ui-styles/src").PropsFunc<{}, import("../../../material-ui-styles/src").CreateCSSProperties<{}>>>;
export declare type PickersCalendarHeaderClassKey = keyof WithStyles<typeof styles>['classes'];
declare const _default: <TDate>(props: PickersCalendarHeaderProps<TDate>) => JSX.Element;
export default _default;