@mui/x-date-pickers 7.0.0-alpha.1 → 7.0.0-alpha.2

package/legacy/DateCalendar/PickersSlideTransition.js

@@ -28,13 +28,12 @@ var PickersSlideTransitionRoot = styled(TransitionGroup, {
     return [styles.root, _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideEnter-left']), styles['slideEnter-left']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideEnter-right']), styles['slideEnter-right']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses.slideEnterActive), styles.slideEnterActive), _defineProperty({}, ".".concat(pickersSlideTransitionClasses.slideExit), styles.slideExit), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), styles['slideExitActiveLeft-left']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), styles['slideExitActiveLeft-right'])];
   }
 })(function (_ref7) {
-  var _ref8;
   var theme = _ref7.theme;
   var slideTransition = theme.transitions.create('transform', {
     duration: theme.transitions.duration.complex,
     easing: 'cubic-bezier(0.35, 0.8, 0.4, 1)'
   });
-  return _ref8 = {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: 'block',
     position: 'relative',
     overflowX: 'hidden',
@@ -44,30 +43,30 @@ var PickersSlideTransitionRoot = styled(TransitionGroup, {
       right: 0,
       left: 0
     }
-  }, _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideEnter-left']), {
+  }, "& .".concat(pickersSlideTransitionClasses['slideEnter-left']), {
     willChange: 'transform',
     transform: 'translate(100%)',
     zIndex: 1
-  }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideEnter-right']), {
+  }), "& .".concat(pickersSlideTransitionClasses['slideEnter-right']), {
     willChange: 'transform',
     transform: 'translate(-100%)',
     zIndex: 1
-  }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses.slideEnterActive), {
+  }), "& .".concat(pickersSlideTransitionClasses.slideEnterActive), {
     transform: 'translate(0%)',
     transition: slideTransition
-  }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses.slideExit), {
+  }), "& .".concat(pickersSlideTransitionClasses.slideExit), {
     transform: 'translate(0%)'
-  }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), {
+  }), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), {
     willChange: 'transform',
     transform: 'translate(-100%)',
     transition: slideTransition,
     zIndex: 0
-  }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), {
+  }), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), {
     willChange: 'transform',
     transform: 'translate(100%)',
     transition: slideTransition,
     zIndex: 0
-  }), _ref8;
+  });
 });
 
 /**

package/legacy/DateCalendar/dayCalendarClasses.js

@@ -2,4 +2,4 @@ import { unstable_generateUtilityClass as generateUtilityClass, unstable_generat
 export var getDayCalendarUtilityClass = function getDayCalendarUtilityClass(slot) {
   return generateUtilityClass('MuiDayCalendar', slot);
 };
-export var dayPickerClasses = generateUtilityClasses('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);
+export var dayCalendarClasses = generateUtilityClasses('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);

package/legacy/DateCalendar/index.js

@@ -1,5 +1,5 @@
 export { DateCalendar } from './DateCalendar';
 export { getDateCalendarUtilityClass, dateCalendarClasses } from './dateCalendarClasses';
-export { dayPickerClasses } from './dayCalendarClasses';
+export { dayCalendarClasses } from './dayCalendarClasses';
 export { pickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
 export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';

package/legacy/DateCalendar/useCalendarState.js

@@ -40,7 +40,6 @@ export var createCalendarStateReducer = function createCalendarStateReducer(redu
 export var useCalendarState = function useCalendarState(params) {
   var value = params.value,
     referenceDateProp = params.referenceDate,
-    defaultCalendarMonth = params.defaultCalendarMonth,
     disableFuture = params.disableFuture,
     disablePast = params.disablePast,
     _params$disableSwitch = params.disableSwitchToMonthOnDayFocus,
@@ -54,19 +53,12 @@ export var useCalendarState = function useCalendarState(params) {
   var utils = useUtils();
   var reducerFn = React.useRef(createCalendarStateReducer(Boolean(reduceAnimations), disableSwitchToMonthOnDayFocus, utils)).current;
   var referenceDate = React.useMemo(function () {
-    var externalReferenceDate = null;
-    if (referenceDateProp) {
-      externalReferenceDate = referenceDateProp;
-    } else if (defaultCalendarMonth) {
-      // For `defaultCalendarMonth`, we just want to keep the month and the year to avoid a behavior change.
-      externalReferenceDate = utils.startOfMonth(defaultCalendarMonth);
-    }
     return singleItemValueManager.getInitialReferenceValue({
       value: value,
       utils: utils,
       timezone: timezone,
       props: params,
-      referenceDate: externalReferenceDate,
+      referenceDate: referenceDateProp,
       granularity: SECTION_TYPE_GRANULARITY.day
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps

package/legacy/DateField/DateField.js

@@ -325,7 +325,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/DatePicker/DatePicker.js

@@ -70,10 +70,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -318,7 +314,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/DateTimeField/DateTimeField.js

@@ -296,14 +296,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific date.
    *
@@ -374,7 +366,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/DateTimePicker/DateTimePicker.js

@@ -80,10 +80,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -303,14 +299,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific date.
    *
@@ -393,7 +381,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -94,10 +94,6 @@ DesktopDatePicker.propTypes = {
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -336,7 +332,7 @@ DesktopDatePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -142,10 +142,6 @@ DesktopDateTimePicker.propTypes = {
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -359,14 +355,6 @@ DesktopDateTimePicker.propTypes = {
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific date.
    *
@@ -449,7 +437,7 @@ DesktopDateTimePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/DesktopTimePicker/DesktopTimePicker.js

@@ -273,14 +273,6 @@ DesktopTimePicker.propTypes = {
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -328,7 +320,7 @@ DesktopTimePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/DigitalClock/DigitalClock.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["ampm", "timeStep", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"];
+var _excluded = ["ampm", "timeStep", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -123,7 +123,6 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
     disablePast = props.disablePast,
     _props$minutesStep = props.minutesStep,
     minutesStep = _props$minutesStep === void 0 ? 1 : _props$minutesStep,
-    shouldDisableClock = props.shouldDisableClock,
     shouldDisableTime = props.shouldDisableTime,
     onChange = props.onChange,
     inView = props.view,
@@ -226,16 +225,13 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
       if (utils.getMinutes(valueToCheck) % minutesStep !== 0) {
         return false;
       }
-      if (shouldDisableClock != null && shouldDisableClock(utils.toJsDate(valueToCheck).getTime(), 'hours')) {
-        return false;
-      }
       if (shouldDisableTime) {
         return !shouldDisableTime(valueToCheck, 'hours');
       }
       return true;
     };
     return !containsValidTime() || !isValidValue();
-  }, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep, shouldDisableClock, shouldDisableTime]);
+  }, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep, shouldDisableTime]);
   var timeOptions = React.useMemo(function () {
     var startOfDay = utils.startOfDay(valueOrReferenceDate);
     return [startOfDay].concat(_toConsumableArray(Array.from({
@@ -386,14 +382,6 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
    * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
    */
   referenceDate: PropTypes.any,
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -431,7 +419,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/MobileDatePicker/MobileDatePicker.js

@@ -91,10 +91,6 @@ MobileDatePicker.propTypes = {
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -333,7 +329,7 @@ MobileDatePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/MobileDateTimePicker/MobileDateTimePicker.js

@@ -112,10 +112,6 @@ MobileDateTimePicker.propTypes = {
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -329,14 +325,6 @@ MobileDateTimePicker.propTypes = {
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific date.
    *
@@ -398,7 +386,7 @@ MobileDateTimePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/MobileTimePicker/MobileTimePicker.js

@@ -251,14 +251,6 @@ MobileTimePicker.propTypes = {
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -285,7 +277,7 @@ MobileTimePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/MonthCalendar/MonthCalendar.js

@@ -330,7 +330,7 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/MonthCalendar/PickersMonth.js

@@ -39,14 +39,13 @@ var PickersMonthButton = styled('button', {
     return [styles.monthButton, _defineProperty({}, "&.".concat(pickersMonthClasses.disabled), styles.disabled), _defineProperty({}, "&.".concat(pickersMonthClasses.selected), styles.selected)];
   }
 })(function (_ref4) {
-  var _extends2;
   var theme = _ref4.theme;
   return _extends({
     color: 'unset',
     backgroundColor: 'transparent',
     border: 0,
     outline: 0
-  }, theme.typography.subtitle1, (_extends2 = {
+  }, theme.typography.subtitle1, _defineProperty(_defineProperty({
     margin: '8px 0',
     height: 36,
     width: 72,
@@ -62,15 +61,15 @@ var PickersMonthButton = styled('button', {
       cursor: 'auto',
       pointerEvents: 'none'
     }
-  }, _defineProperty(_extends2, "&.".concat(pickersMonthClasses.disabled), {
+  }, "&.".concat(pickersMonthClasses.disabled), {
     color: (theme.vars || theme).palette.text.secondary
-  }), _defineProperty(_extends2, "&.".concat(pickersMonthClasses.selected), {
+  }), "&.".concat(pickersMonthClasses.selected), {
     color: (theme.vars || theme).palette.primary.contrastText,
     backgroundColor: (theme.vars || theme).palette.primary.main,
     '&:focus, &:hover': {
       backgroundColor: (theme.vars || theme).palette.primary.dark
     }
-  }), _extends2));
+  }));
 });
 
 /**

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["ampm", "timeSteps", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "skipDisabled", "timezone"];
+var _excluded = ["ampm", "timeSteps", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableTime", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "skipDisabled", "timezone"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -78,7 +78,6 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
     disablePast = props.disablePast,
     _props$minutesStep = props.minutesStep,
     minutesStep = _props$minutesStep === void 0 ? 1 : _props$minutesStep,
-    shouldDisableClock = props.shouldDisableClock,
     shouldDisableTime = props.shouldDisableTime,
     onChange = props.onChange,
     inView = props.view,
@@ -174,9 +173,6 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
       if (timeValue % step !== 0) {
         return false;
       }
-      if (shouldDisableClock != null && shouldDisableClock(timeValue, viewType)) {
-        return false;
-      }
       if (shouldDisableTime) {
         switch (viewType) {
           case 'hours':
@@ -226,7 +222,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
       default:
         throw new Error('not supported');
     }
-  }, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableClock, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
+  }, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
   var handleSectionChange = useEventCallback(function (sectionView, newValue) {
     var viewIndex = views.indexOf(sectionView);
     var nextView = views[viewIndex + 1];
@@ -463,14 +459,6 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
    */
   referenceDate: PropTypes.any,
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: PropTypes.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -512,7 +500,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,

package/legacy/PickersDay/PickersDay.js

@@ -29,10 +29,9 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   return composeClasses(slots, getPickersDayUtilityClass, classes);
 };
 var styleArg = function styleArg(_ref) {
-  var _extends2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.caption, (_extends2 = {
+  return _extends({}, theme.typography.caption, _defineProperty(_defineProperty(_defineProperty({
     width: DAY_SIZE,
     height: DAY_SIZE,
     borderRadius: '50%',
@@ -54,7 +53,7 @@ var styleArg = function styleArg(_ref) {
       willChange: 'background-color',
       backgroundColor: (theme.vars || theme).palette.primary.dark
     })
-  }, _defineProperty(_extends2, "&.".concat(pickersDayClasses.selected), {
+  }, "&.".concat(pickersDayClasses.selected), {
     color: (theme.vars || theme).palette.primary.contrastText,
     backgroundColor: (theme.vars || theme).palette.primary.main,
     fontWeight: theme.typography.fontWeightMedium,
@@ -62,11 +61,11 @@ var styleArg = function styleArg(_ref) {
       willChange: 'background-color',
       backgroundColor: (theme.vars || theme).palette.primary.dark
     }
-  }), _defineProperty(_extends2, "&.".concat(pickersDayClasses.disabled, ":not(.").concat(pickersDayClasses.selected, ")"), {
+  }), "&.".concat(pickersDayClasses.disabled, ":not(.").concat(pickersDayClasses.selected, ")"), {
     color: (theme.vars || theme).palette.text.disabled
-  }), _defineProperty(_extends2, "&.".concat(pickersDayClasses.disabled, "&.").concat(pickersDayClasses.selected), {
+  }), "&.".concat(pickersDayClasses.disabled, "&.").concat(pickersDayClasses.selected), {
     opacity: 0.6
-  }), _extends2), !ownerState.disableMargin && {
+  }), !ownerState.disableMargin && {
     margin: "0 ".concat(DAY_MARGIN, "px")
   }, ownerState.outsideCurrentMonth && ownerState.showDaysOutsideCurrentMonth && {
     color: (theme.vars || theme).palette.text.secondary
@@ -163,7 +162,7 @@ var PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps, f
     }
   }, [autoFocus, disabled, isAnimating, outsideCurrentMonth]);
 
-  // For day outside of current month, move focus from mouseDown to mouseUp
+  // For a day outside the current month, move the focus from mouseDown to mouseUp
   // Goal: have the onClick ends before sliding to the new month
   var handleMouseDown = function handleMouseDown(event) {
     onMouseDown(event);

package/legacy/PickersLayout/PickersLayout.js

@@ -24,29 +24,28 @@ var PickersLayoutRoot = styled('div', {
     return styles.root;
   }
 })(function (_ref) {
-  var _ref2;
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return _ref2 = {
+  return _defineProperty(_defineProperty(_defineProperty({
     display: 'grid',
     gridAutoColumns: 'max-content auto max-content',
     gridAutoRows: 'max-content auto max-content'
-  }, _defineProperty(_ref2, "& .".concat(pickersLayoutClasses.toolbar), ownerState.isLandscape ? {
+  }, "& .".concat(pickersLayoutClasses.toolbar), ownerState.isLandscape ? {
     gridColumn: theme.direction === 'rtl' ? 3 : 1,
     gridRow: '2 / 3'
   } : {
     gridColumn: '2 / 4',
     gridRow: 1
-  }), _defineProperty(_ref2, ".".concat(pickersLayoutClasses.shortcuts), ownerState.isLandscape ? {
+  }), ".".concat(pickersLayoutClasses.shortcuts), ownerState.isLandscape ? {
     gridColumn: '2 / 4',
     gridRow: 1
   } : {
     gridColumn: theme.direction === 'rtl' ? 3 : 1,
     gridRow: '2 / 3'
-  }), _defineProperty(_ref2, "& .".concat(pickersLayoutClasses.actionBar), {
+  }), "& .".concat(pickersLayoutClasses.actionBar), {
     gridColumn: '1 / 4',
     gridRow: 3
-  }), _ref2;
+  });
 });
 PickersLayoutRoot.propTypes = {
   // ----------------------------- Warning --------------------------------

package/legacy/StaticDatePicker/StaticDatePicker.js

@@ -70,10 +70,6 @@ StaticDatePicker.propTypes = {
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -266,7 +262,7 @@ StaticDatePicker.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,