@mui/lab 5.0.0-alpha.75 → 5.0.0-alpha.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.75",
+  "version": "5.0.0-alpha.78",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -22,20 +22,20 @@
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
-  "homepage": "https://mui.com/components/about-the-lab/",
+  "homepage": "https://mui.com/material-ui/about-the-lab/",
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/mui"
   },
   "peerDependencies": {
     "@mui/material": "^5.0.0",
-    "@types/react": "^16.8.6 || ^17.0.0",
+    "@types/react": "^17.0.0 || ^18.0.0",
     "date-fns": "^2.25.0",
     "dayjs": "^1.10.7",
     "luxon": "^1.28.0 || ^2.0.0",
     "moment": "^2.29.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -56,13 +56,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@date-io/date-fns": "^2.13.1",
-    "@date-io/dayjs": "^2.13.1",
-    "@date-io/luxon": "^2.13.1",
-    "@date-io/moment": "^2.13.1",
-    "@mui/base": "5.0.0-alpha.74",
-    "@mui/system": "^5.5.3",
-    "@mui/utils": "^5.5.3",
+    "@mui/base": "5.0.0-alpha.77",
+    "@mui/system": "^5.6.2",
+    "@mui/utils": "^5.6.1",
+    "@mui/x-date-pickers": "5.0.0-alpha.0",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",

package/themeAugmentation/components.d.ts

@@ -11,51 +11,11 @@ type Theme = Omit<MuiTheme, 'components'>;
 export {};
 
 export interface LabComponents {
-  MuiCalendarPicker?: {
-    defaultProps?: ComponentsProps['MuiCalendarPicker'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiCalendarPicker'];
-    variants?: ComponentsVariants['MuiCalendarPicker'];
-  };
-  MuiCalendarPickerSkeleton?: {
-    defaultProps?: ComponentsProps['MuiCalendarPickerSkeleton'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiCalendarPickerSkeleton'];
-    variants?: ComponentsVariants['MuiCalendarPickerSkeleton'];
-  };
-  MuiClockPicker?: {
-    defaultProps?: ComponentsProps['MuiClockPicker'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiClockPicker'];
-    variants?: ComponentsVariants['MuiClockPicker'];
-  };
-  MuiDatePicker?: {
-    defaultProps?: ComponentsProps['MuiDatePicker'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDatePicker'];
-    variants?: ComponentsVariants['MuiDatePicker'];
-  };
-  MuiDateRangePickerDay?: {
-    defaultProps?: ComponentsProps['MuiDateRangePickerDay'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDateRangePickerDay'];
-    variants?: ComponentsVariants['MuiDateRangePickerDay'];
-  };
-  MuiDateTimePicker?: {
-    defaultProps?: ComponentsProps['MuiDateTimePicker'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDateTimePicker'];
-    variants?: ComponentsVariants['MuiDateTimePicker'];
-  };
   MuiLoadingButton?: {
     defaultProps?: ComponentsProps['MuiLoadingButton'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiLoadingButton'];
     variants?: ComponentsVariants['MuiLoadingButton'];
   };
-  MuiMonthPicker?: {
-    defaultProps?: ComponentsProps['MuiMonthPicker'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiMonthPicker'];
-    variants?: ComponentsVariants['MuiMonthPicker'];
-  };
-  MuiPickersDay?: {
-    defaultProps?: ComponentsProps['MuiPickersDay'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersDay'];
-    variants?: ComponentsVariants['MuiPickersDay'];
-  };
   MuiTabList?: {
     defaultProps?: ComponentsProps['MuiTabList'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiTabList'];
@@ -111,16 +71,6 @@ export interface LabComponents {
     styleOverrides?: ComponentsOverrides<Theme>['MuiTreeView'];
     variants?: ComponentsVariants['MuiTreeView'];
   };
-  MuiYearPicker?: {
-    defaultProps?: ComponentsProps['MuiYearPicker'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiYearPicker'];
-    variants?: ComponentsVariants['MuiYearPicker'];
-  };
-  MuiPickerStaticWrapper?: {
-    defaultProps?: ComponentsProps['MuiPickerStaticWrapper'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickerStaticWrapper'];
-    variants?: ComponentsVariants['MuiPickerStaticWrapper'];
-  };
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/index.d.ts

@@ -1,3 +1,5 @@
 export * from './overrides';
 export * from './props';
 export * from './components';
+
+export * from '@mui/x-date-pickers/themeAugmentation';

package/themeAugmentation/overrides.d.ts

@@ -1,10 +1,4 @@
-import { CalendarPickerClassKey } from '../CalendarPicker';
-import { CalendarPickerSkeletonClassKey } from '../CalendarPickerSkeleton';
-import { ClockPickerClassKey } from '../ClockPicker/ClockPicker';
-import { DateRangePickerDayClassKey } from '../DateRangePickerDay/DateRangePickerDay';
 import { LoadingButtonClassKey } from '../LoadingButton';
-import { MonthPickerClassKey } from '../MonthPicker';
-import { PickersDayClassKey } from '../PickersDay';
 import { TabListClassKey } from '../TabList';
 import { TabPanelClassKey } from '../TabPanel';
 import { TimelineClassKey } from '../Timeline';
@@ -16,18 +10,10 @@ import { TimelineOppositeContentClassKey } from '../TimelineOppositeContent';
 import { TimelineSeparatorClassKey } from '../TimelineSeparator';
 import { TreeItemClassKey } from '../TreeItem';
 import { TreeViewClassKey } from '../TreeView';
-import { YearPickerClassKey } from '../YearPicker';
-import { PickerStaticWrapperClassKey } from '../internal/pickers/wrappers/PickerStaticWrapper';
 
 // prettier-ignore
 export interface LabComponentNameToClassKey {
-  MuiCalendarPicker: CalendarPickerClassKey;
-  MuiCalendarPickerSkeleton: CalendarPickerSkeletonClassKey;
-  MuiClockPicker: ClockPickerClassKey;
-  MuiDateRangePickerDay: DateRangePickerDayClassKey;
   MuiLoadingButton: LoadingButtonClassKey;
-  MuiMonthPicker: MonthPickerClassKey;
-  MuiPickersDay: PickersDayClassKey;
   MuiTabList: TabListClassKey;
   MuiTabPanel: TabPanelClassKey;
   MuiTimeline: TimelineClassKey;
@@ -39,8 +25,6 @@ export interface LabComponentNameToClassKey {
   MuiTimelineSeparator: TimelineSeparatorClassKey;
   MuiTreeItem: TreeItemClassKey;
   MuiTreeView: TreeViewClassKey;
-  MuiYearPicker: YearPickerClassKey;
-  MuiPickerStaticWrapper: PickerStaticWrapperClassKey;
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/props.d.ts

@@ -1,21 +1,5 @@
 import { AvatarGroupProps } from '../AvatarGroup';
-import { CalendarPickerProps } from '../CalendarPicker';
-import { CalendarPickerSkeletonProps } from '../CalendarPickerSkeleton';
-import { ClockPickerProps } from '../ClockPicker';
-import { DatePickerProps } from '../DatePicker';
-import { DateRangePickerDayProps } from '../DateRangePickerDay/DateRangePickerDay';
-import { DateTimePickerProps } from '../DateTimePicker';
-import { DesktopDateTimePickerProps } from '../DesktopDateTimePicker';
-import { DesktopTimePickerProps } from '../DesktopTimePicker';
 import { LoadingButtonProps } from '../LoadingButton';
-import { MobileDatePickerProps } from '../MobileDatePicker';
-import { MobileDateTimePickerProps } from '../MobileDateTimePicker';
-import { MobileTimePickerProps } from '../MobileTimePicker';
-import { MonthPickerProps } from '../MonthPicker/MonthPicker';
-import { PickersDayProps } from '../PickersDay';
-import { StaticDatePickerProps } from '../StaticDatePicker';
-import { StaticDateTimePickerProps } from '../StaticDateTimePicker';
-import { StaticTimePickerProps } from '../StaticTimePicker';
 import { TabListProps } from '../TabList';
 import { TabPanelProps } from '../TabPanel';
 import { TimelineConnectorProps } from '../TimelineConnector';
@@ -25,30 +9,12 @@ import { TimelineItemProps } from '../TimelineItem';
 import { TimelineOppositeContentProps } from '../TimelineOppositeContent';
 import { TimelineProps } from '../Timeline';
 import { TimelineSeparatorProps } from '../TimelineSeparator';
-import { TimePickerProps } from '../TimePicker';
 import { TreeItemProps } from '../TreeItem';
 import { TreeViewProps } from '../TreeView';
-import { YearPickerProps } from '../YearPicker';
 
 export interface LabComponentsPropsList {
   MuiAvatarGroup: AvatarGroupProps;
-  MuiCalendarPicker: CalendarPickerProps<unknown>;
-  MuiCalendarPickerSkeleton: CalendarPickerSkeletonProps;
-  MuiClockPicker: ClockPickerProps<unknown>;
-  MuiDatePicker: DatePickerProps;
-  MuiDateRangePickerDay: DateRangePickerDayProps<unknown>;
-  MuiDateTimePicker: DateTimePickerProps;
-  MuiDesktopDateTimePicker: DesktopDateTimePickerProps;
-  MuiDesktopTimePicker: DesktopTimePickerProps;
   MuiLoadingButton: LoadingButtonProps;
-  MuiMobileDatePicker: MobileDatePickerProps;
-  MuiMobileDateTimePicker: MobileDateTimePickerProps;
-  MuiMobileTimePicker: MobileTimePickerProps;
-  MuiMonthPicker: MonthPickerProps<unknown>;
-  MuiPickersDay: PickersDayProps<unknown>;
-  MuiStaticDatePicker: StaticDatePickerProps;
-  MuiStaticDateTimePicker: StaticDateTimePickerProps;
-  MuiStaticTimePicker: StaticTimePickerProps;
   MuiTabList: TabListProps;
   MuiTabPanel: TabPanelProps;
   MuiTimeline: TimelineProps;
@@ -58,10 +24,8 @@ export interface LabComponentsPropsList {
   MuiTimelineItem: TimelineItemProps;
   MuiTimelineOppositeContent: TimelineOppositeContentProps;
   MuiTimelineSeparator: TimelineSeparatorProps;
-  MuiTimePicker: TimePickerProps;
   MuiTreeItem: TreeItemProps;
   MuiTreeView: TreeViewProps;
-  MuiYearPicker: YearPickerProps<unknown>;
 }
 
 declare module '@mui/material/styles' {

package/CalendarPicker/CalendarPicker.d.ts

@@ -1,106 +0,0 @@
-import * as React from 'react';
-import { ExportedCalendarProps } from './PickersCalendar';
-import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
-import { ExportedCalendarHeaderProps } from './PickersCalendarHeader';
-import { ExportedYearPickerProps } from '../YearPicker/YearPicker';
-import { CalendarPickerView } from './shared';
-export interface CalendarPickerClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the transition group element. */
-    viewTransitionContainer: string;
-}
-export declare type CalendarPickerClassKey = keyof CalendarPickerClasses;
-export interface CalendarPickerProps<TDate> extends ExportedCalendarProps<TDate>, ExportedYearPickerProps<TDate>, ExportedCalendarHeaderProps<TDate> {
-    className?: string;
-    date: TDate | null;
-    /**
-     * Default calendar month displayed when `value={null}`.
-     */
-    defaultCalendarMonth?: TDate;
-    /**
-     * If `true`, the picker and text field are disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * @default false
-     */
-    disableFuture?: boolean;
-    /**
-     * @default false
-     */
-    disablePast?: boolean;
-    /**
-     * Max selectable date. @DateIOType
-     */
-    maxDate?: TDate;
-    /**
-     * Min selectable date. @DateIOType
-     */
-    minDate?: TDate;
-    /**
-     * Callback fired on view change.
-     */
-    onViewChange?: (view: CalendarPickerView) => void;
-    /**
-     * Callback fired on date change
-     */
-    onChange: PickerOnChangeFn<TDate>;
-    /**
-     * Callback firing on month change. @DateIOType
-     */
-    onMonthChange?: (date: TDate) => void;
-    /**
-     * Initially open view.
-     * @default 'day'
-     */
-    openTo?: CalendarPickerView;
-    /**
-     * Make picker read only.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Disable heavy animations.
-     * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
-     */
-    reduceAnimations?: boolean;
-    /**
-     * Component displaying when passed `loading` true.
-     * @default () => <span data-mui-test="loading-progress">...</span>
-     */
-    renderLoading?: () => React.ReactNode;
-    /**
-     * Disable specific date. @DateIOType
-     */
-    shouldDisableDate?: (day: TDate) => boolean;
-    /**
-     * Controlled open view.
-     */
-    view?: CalendarPickerView;
-    /**
-     * Views for calendar picker.
-     * @default ['year', 'day']
-     */
-    views?: readonly CalendarPickerView[];
-}
-export declare type ExportedCalendarPickerProps<TDate> = Omit<CalendarPickerProps<TDate>, 'date' | 'view' | 'views' | 'openTo' | 'onChange' | 'changeView' | 'slideDirection' | 'currentMonth' | 'className'>;
-interface CalendarPickerPropsWithClasses<TDate> extends CalendarPickerProps<TDate> {
-    classes?: Partial<CalendarPickerClasses>;
-}
-export declare function getCalendarPickerUtilityClass(slot: string): string;
-export declare const calendarPickerClasses: CalendarPickerClasses;
-export declare const defaultReduceAnimations: boolean;
-declare const _default: <TDate>(props: CalendarPickerPropsWithClasses<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [CalendarPicker API](https://mui.com/api/calendar-picker/)
- */
-export default _default;

package/CalendarPicker/CalendarPicker.js

@@ -1,344 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
-var _span;
-
-const _excluded = ["autoFocus", "onViewChange", "date", "disableFuture", "disablePast", "defaultCalendarMonth", "loading", "maxDate", "minDate", "onChange", "onMonthChange", "reduceAnimations", "renderLoading", "shouldDisableDate", "shouldDisableYear", "view", "views", "openTo", "className"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
-import MonthPicker from '../MonthPicker/MonthPicker';
-import { useCalendarState } from './useCalendarState';
-import { useDefaultDates, useUtils } from '../internal/pickers/hooks/useUtils';
-import FadeTransitionGroup from './PickersFadeTransitionGroup';
-import PickersCalendar from './PickersCalendar';
-import { useViews } from '../internal/pickers/hooks/useViews';
-import PickersCalendarHeader from './PickersCalendarHeader';
-import YearPicker from '../YearPicker/YearPicker';
-import { findClosestEnabledDate } from '../internal/pickers/date-utils';
-import PickerView from '../internal/pickers/Picker/PickerView';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function getCalendarPickerUtilityClass(slot) {
-  return generateUtilityClass('MuiCalendarPicker', slot);
-}
-export const calendarPickerClasses = generateUtilityClasses('MuiCalendarPicker', ['root', 'viewTransitionContainer']);
-
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    viewTransitionContainer: ['viewTransitionContainer']
-  };
-  return composeClasses(slots, getCalendarPickerUtilityClass, classes);
-};
-
-const CalendarPickerRoot = styled(PickerView, {
-  name: 'MuiCalendarPicker',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  display: 'flex',
-  flexDirection: 'column'
-});
-const CalendarPickerViewTransitionContainer = styled(FadeTransitionGroup, {
-  name: 'MuiCalendarPicker',
-  slot: 'ViewTransitionContainer',
-  overridesResolver: (props, styles) => styles.viewTransitionContainer
-})({
-  overflowY: 'auto'
-});
-export const defaultReduceAnimations = typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent);
-const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiCalendarPicker'
-  });
-
-  const {
-    autoFocus,
-    onViewChange,
-    date,
-    disableFuture = false,
-    disablePast = false,
-    defaultCalendarMonth,
-    loading = false,
-    maxDate: maxDateProp,
-    minDate: minDateProp,
-    onChange,
-    onMonthChange,
-    reduceAnimations = defaultReduceAnimations,
-    renderLoading = () => _span || (_span = /*#__PURE__*/_jsx("span", {
-      children: "..."
-    })),
-    shouldDisableDate,
-    shouldDisableYear,
-    view,
-    views = ['year', 'day'],
-    openTo = 'day',
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const minDate = minDateProp != null ? minDateProp : defaultDates.minDate;
-  const maxDate = maxDateProp != null ? maxDateProp : defaultDates.maxDate;
-  const {
-    openView,
-    setOpenView
-  } = useViews({
-    view,
-    views,
-    openTo,
-    onChange,
-    onViewChange
-  });
-  const {
-    calendarState,
-    changeFocusedDay,
-    changeMonth,
-    isDateDisabled,
-    handleChangeMonth,
-    onMonthSwitchingAnimationEnd
-  } = useCalendarState({
-    date,
-    defaultCalendarMonth,
-    reduceAnimations,
-    onMonthChange,
-    minDate,
-    maxDate,
-    shouldDisableDate,
-    disablePast,
-    disableFuture
-  });
-  React.useEffect(() => {
-    if (date && isDateDisabled(date)) {
-      const closestEnabledDate = findClosestEnabledDate({
-        utils,
-        date,
-        minDate,
-        maxDate,
-        disablePast,
-        disableFuture,
-        shouldDisableDate: isDateDisabled
-      });
-      onChange(closestEnabledDate, 'partial');
-    } // This call is too expensive to run it on each prop change.
-    // So just ensure that we are not rendering disabled as selected on mount.
-
-  }, []); // eslint-disable-line
-
-  React.useEffect(() => {
-    if (date) {
-      changeMonth(date);
-    }
-  }, [date]); // eslint-disable-line
-
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  const monthPickerProps = {
-    className,
-    date,
-    disabled: other.disabled,
-    disablePast,
-    disableFuture,
-    onChange,
-    minDate,
-    maxDate,
-    onMonthChange,
-    readOnly: other.readOnly
-  };
-  return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
-    ref: ref,
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    children: [/*#__PURE__*/_jsx(PickersCalendarHeader, _extends({}, other, {
-      views: views,
-      openView: openView,
-      currentMonth: calendarState.currentMonth,
-      onViewChange: setOpenView,
-      onMonthChange: (newMonth, direction) => handleChangeMonth({
-        newMonth,
-        direction
-      }),
-      minDate: minDate,
-      maxDate: maxDate,
-      disablePast: disablePast,
-      disableFuture: disableFuture,
-      reduceAnimations: reduceAnimations
-    })), /*#__PURE__*/_jsx(CalendarPickerViewTransitionContainer, {
-      reduceAnimations: reduceAnimations,
-      className: classes.viewTransitionContainer,
-      transKey: openView,
-      ownerState: ownerState,
-      children: /*#__PURE__*/_jsxs("div", {
-        children: [openView === 'year' && /*#__PURE__*/_jsx(YearPicker, _extends({}, other, {
-          autoFocus: autoFocus,
-          date: date,
-          onChange: onChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          disableFuture: disableFuture,
-          disablePast: disablePast,
-          isDateDisabled: isDateDisabled,
-          shouldDisableYear: shouldDisableYear,
-          onFocusedDayChange: changeFocusedDay
-        })), openView === 'month' && /*#__PURE__*/_jsx(MonthPicker, _extends({}, monthPickerProps)), openView === 'day' && /*#__PURE__*/_jsx(PickersCalendar, _extends({}, other, calendarState, {
-          autoFocus: autoFocus,
-          onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
-          onFocusedDayChange: changeFocusedDay,
-          reduceAnimations: reduceAnimations,
-          date: date,
-          onChange: onChange,
-          isDateDisabled: isDateDisabled,
-          loading: loading,
-          renderLoading: renderLoading
-        }))]
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? CalendarPicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  autoFocus: PropTypes.bool,
-
-  /**
-   * @ignore
-   */
-  classes: PropTypes.object,
-
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-
-  /**
-   * @ignore
-   */
-  date: PropTypes.any,
-
-  /**
-   * Default calendar month displayed when `value={null}`.
-   */
-  defaultCalendarMonth: PropTypes.any,
-
-  /**
-   * If `true`, the picker and text field are disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * @default false
-   */
-  disableFuture: PropTypes.bool,
-
-  /**
-   * @default false
-   */
-  disablePast: PropTypes.bool,
-
-  /**
-   * If `true` renders `LoadingComponent` in calendar instead of calendar view.
-   * Can be used to preload information and show it in calendar.
-   * @default false
-   */
-  loading: PropTypes.bool,
-
-  /**
-   * Max selectable date. @DateIOType
-   */
-  maxDate: PropTypes.any,
-
-  /**
-   * Min selectable date. @DateIOType
-   */
-  minDate: PropTypes.any,
-
-  /**
-   * Callback fired on date change
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * Callback firing on month change. @DateIOType
-   */
-  onMonthChange: PropTypes.func,
-
-  /**
-   * Callback fired on view change.
-   */
-  onViewChange: PropTypes.func,
-
-  /**
-   * Initially open view.
-   * @default 'day'
-   */
-  openTo: PropTypes.oneOf(['day', 'month', 'year']),
-
-  /**
-   * Make picker read only.
-   * @default false
-   */
-  readOnly: PropTypes.bool,
-
-  /**
-   * Disable heavy animations.
-   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
-   */
-  reduceAnimations: PropTypes.bool,
-
-  /**
-   * Component displaying when passed `loading` true.
-   * @default () => <span data-mui-test="loading-progress">...</span>
-   */
-  renderLoading: PropTypes.func,
-
-  /**
-   * Disable specific date. @DateIOType
-   */
-  shouldDisableDate: PropTypes.func,
-
-  /**
-   * Disable specific years dynamically.
-   * Works like `shouldDisableDate` but for year selection view @DateIOType.
-   */
-  shouldDisableYear: PropTypes.func,
-
-  /**
-   * Controlled open view.
-   */
-  view: PropTypes.oneOf(['day', 'month', 'year']),
-
-  /**
-   * Views for calendar picker.
-   * @default ['year', 'day']
-   */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
-} : void 0;
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [CalendarPicker API](https://mui.com/api/calendar-picker/)
- */
-
-export default CalendarPicker;