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

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -26,7 +26,7 @@ var _valueManagers = require("../internals/utils/valueManagers");
 var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
 var _dateUtils = require("../internals/utils/date-utils");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ampm", "timeSteps", "autoFocus", "components", "componentsProps", "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"];
+const _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"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
@@ -70,8 +70,6 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       ampm = utils.is12HourCycleInCurrentLocale(),
       timeSteps: inTimeSteps,
       autoFocus,
-      components,
-      componentsProps,
       slots,
       slotProps,
       value: valueProp,
@@ -251,7 +249,8 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
               utils,
               isDisabled: hours => disabled || isTimeDisabled(hours, 'hours'),
               timeStep: timeSteps.hours,
-              resolveAriaLabel: localeText.hoursClockNumberText
+              resolveAriaLabel: localeText.hoursClockNumberText,
+              valueOrReferenceDate
             })
           };
         }
@@ -297,11 +296,13 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
               value: 'am',
               label: amLabel,
               isSelected: () => !!value && meridiemMode === 'am',
+              isFocused: () => !!valueOrReferenceDate && meridiemMode === 'am',
               ariaLabel: amLabel
             }, {
               value: 'pm',
               label: pmLabel,
               isSelected: () => !!value && meridiemMode === 'pm',
+              isFocused: () => !!valueOrReferenceDate && meridiemMode === 'pm',
               ariaLabel: pmLabel
             }]
           };
@@ -332,8 +333,8 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       autoFocus: autoFocus ?? focusedView === timeView,
       disabled: disabled,
       readOnly: readOnly,
-      slots: slots ?? components,
-      slotProps: slotProps ?? componentsProps,
+      slots: slots,
+      slotProps: slotProps,
       skipDisabled: skipDisabled,
       "aria-label": localeText.selectViewText(timeView)
     }, timeView))
@@ -361,18 +362,6 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    */
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
-  /**
-   * Overrideable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default selected value.
    * Used when the component is not controlled.

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -11,21 +11,26 @@ const getHourSectionOptions = ({
   ampm,
   isDisabled,
   resolveAriaLabel,
-  timeStep
+  timeStep,
+  valueOrReferenceDate
 }) => {
   const currentHours = value ? utils.getHours(value) : null;
   const result = [];
-  const isSelected = hour => {
-    if (currentHours === null) {
+  const isSelected = (hour, overriddenCurrentHours) => {
+    const resolvedCurrentHours = overriddenCurrentHours ?? currentHours;
+    if (resolvedCurrentHours === null) {
       return false;
     }
     if (ampm) {
       if (hour === 12) {
-        return currentHours === 12 || currentHours === 0;
+        return resolvedCurrentHours === 12 || resolvedCurrentHours === 0;
       }
-      return currentHours === hour || currentHours - 12 === hour;
+      return resolvedCurrentHours === hour || resolvedCurrentHours - 12 === hour;
     }
-    return currentHours === hour;
+    return resolvedCurrentHours === hour;
+  };
+  const isFocused = hour => {
+    return isSelected(hour, utils.getHours(valueOrReferenceDate));
   };
   const endHour = ampm ? 11 : 23;
   for (let hour = 0; hour <= endHour; hour += timeStep) {
@@ -37,6 +42,7 @@ const getHourSectionOptions = ({
       label,
       isSelected,
       isDisabled,
+      isFocused,
       ariaLabel
     });
   }
@@ -57,6 +63,9 @@ const getTimeSectionOptions = ({
     }
     return hasValue && value === timeValue;
   };
+  const isFocused = timeValue => {
+    return value === timeValue;
+  };
   return [...Array.from({
     length: Math.ceil(60 / timeStep)
   }, (_, index) => {
@@ -66,6 +75,7 @@ const getTimeSectionOptions = ({
       label: resolveLabel(timeValue),
       isDisabled,
       isSelected,
+      isFocused,
       ariaLabel: resolveAriaLabel(timeValue.toString())
     };
   })];

package/node/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -92,7 +92,7 @@ const MultiSectionDigitalClockSectionItem = (0, _styles.styled)(_MenuItem.defaul
 const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(function MultiSectionDigitalClockSection(inProps, ref) {
   const containerRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(ref, containerRef);
-  const previousSelected = React.useRef(null);
+  const previousActive = React.useRef(null);
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiMultiSectionDigitalClockSection'
@@ -119,23 +119,24 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
     if (containerRef.current === null) {
       return;
     }
-    const selectedItem = containerRef.current.querySelector('[role="option"][aria-selected="true"]');
-    if (!selectedItem || previousSelected.current === selectedItem) {
+    const activeItem = containerRef.current.querySelector('[role="option"][tabindex="0"], [role="option"][aria-selected="true"]');
+    if (!activeItem || previousActive.current === activeItem) {
       // Handle setting the ref to null if the selected item is ever reset via UI
-      if (previousSelected.current !== selectedItem) {
-        previousSelected.current = selectedItem;
+      if (previousActive.current !== activeItem) {
+        previousActive.current = activeItem;
       }
       return;
     }
-    previousSelected.current = selectedItem;
+    previousActive.current = activeItem;
     if (active && autoFocus) {
-      selectedItem.focus();
+      activeItem.focus();
     }
-    const offsetTop = selectedItem.offsetTop;
+    const offsetTop = activeItem.offsetTop;
 
     // Subtracting the 4px of extra margin intended for the first visible section item
     containerRef.current.scrollTop = offsetTop - 4;
   });
+  const focusedOptionIndex = items.findIndex(item => item.isFocused(item.value));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MultiSectionDigitalClockSectionRoot, (0, _extends2.default)({
     ref: handleRef,
     className: (0, _clsx.default)(classes.root, className),
@@ -143,11 +144,12 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
     autoFocusItem: autoFocus && active,
     role: "listbox"
   }, other, {
-    children: items.map(option => {
+    children: items.map((option, index) => {
       if (skipDisabled && option.isDisabled?.(option.value)) {
         return null;
       }
       const isSelected = option.isSelected(option.value);
+      const tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(DigitalClockSectionItem, (0, _extends2.default)({
         onClick: () => !readOnly && onChange(option.value),
         selected: isSelected,
@@ -158,7 +160,8 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
         ,
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
-        "aria-selected": isSelected
+        "aria-selected": isSelected,
+        tabIndex: tabIndex
       }, slotProps?.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -22,7 +22,7 @@ var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitche
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone", "format"],
   _excluded2 = ["ownerState"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -121,7 +121,6 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
   const {
       slots,
       slotProps,
-      components,
       currentMonth: month,
       disabled,
       disableFuture,
@@ -135,12 +134,13 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
       views,
       labelId,
       className,
-      timezone
+      timezone,
+      format = `${utils.formats.month} ${utils.formats.year}`
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(props);
-  const SwitchViewButton = slots?.switchViewButton ?? components?.SwitchViewButton ?? PickersCalendarHeaderSwitchViewButton;
+  const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
   const switchViewButtonProps = (0, _utils.useSlotProps)({
     elementType: SwitchViewButton,
     externalSlotProps: slotProps?.switchViewButton,
@@ -151,7 +151,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     ownerState,
     className: classes.switchViewButton
   });
-  const SwitchViewIcon = slots?.switchViewIcon ?? components?.SwitchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
+  const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: SwitchViewIcon,
@@ -189,6 +189,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
   if (views.length === 1 && views[0] === 'year') {
     return null;
   }
+  const label = utils.formatByString(month, format);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderRoot, (0, _extends2.default)({}, other, {
     ownerState: ownerState,
     className: (0, _clsx.default)(className, classes.root),
@@ -203,12 +204,12 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
       className: classes.labelContainer,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersFadeTransitionGroup.PickersFadeTransitionGroup, {
         reduceAnimations: reduceAnimations,
-        transKey: utils.format(month, 'monthAndYear'),
+        transKey: label,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarHeaderLabel, {
           id: labelId,
           ownerState: ownerState,
           className: classes.label,
-          children: utils.format(month, 'monthAndYear')
+          children: label
         })
       }), views.length > 1 && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchViewButton, (0, _extends2.default)({}, switchViewButtonProps, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchViewIcon, (0, _extends2.default)({}, switchViewIconProps))
@@ -241,22 +242,15 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    * className applied to the root element.
    */
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   currentMonth: _propTypes.default.any.isRequired,
   disabled: _propTypes.default.bool,
   disableFuture: _propTypes.default.bool,
   disablePast: _propTypes.default.bool,
+  /**
+   * Format used to display the date.
+   * @default `${adapter.formats.month} ${adapter.formats.year}`
+   */
+  format: _propTypes.default.string,
   labelId: _propTypes.default.string,
   maxDate: _propTypes.default.any.isRequired,
   minDate: _propTypes.default.any.isRequired,

package/node/PickersLayout/PickersLayout.js

@@ -131,18 +131,6 @@ process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   children: _propTypes.default.node,
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   disabled: _propTypes.default.bool,
   isLandscape: _propTypes.default.bool.isRequired,
   isValid: _propTypes.default.func.isRequired,

package/node/PickersLayout/usePickerLayout.js

@@ -12,7 +12,6 @@ var _utils2 = require("@mui/utils");
 var _PickersActionBar = require("../PickersActionBar");
 var _pickersLayoutClasses = require("./pickersLayoutClasses");
 var _PickersShortcuts = require("../PickersShortcuts");
-var _slotsMigration = require("../internals/utils/slots-migration");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -53,17 +52,13 @@ const usePickerLayout = props => {
     disabled,
     readOnly,
     children,
-    components,
-    componentsProps,
-    slots: innerSlots,
-    slotProps: innerSlotProps
+    slots,
+    slotProps
     // TODO: Remove this "as" hack. It get introduced to mark `value` prop in PickersLayoutProps as not required.
     // The true type should be
     // - For pickers value: TDate | null
     // - For range pickers value: [TDate | null, TDate | null]
   } = props;
-  const slots = innerSlots ?? (0, _slotsMigration.uncapitalizeObjectKeys)(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const classes = useUtilityClasses(props);
 
   // Action bar

package/node/StaticDatePicker/StaticDatePicker.js

@@ -72,21 +72,8 @@ StaticDatePicker.propTypes = {
    * Class name applied to the root element.
    */
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -92,21 +92,8 @@ StaticDateTimePicker.propTypes = {
    * Class name applied to the root element.
    */
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/StaticTimePicker/StaticTimePicker.js

@@ -84,18 +84,6 @@ StaticTimePicker.propTypes = {
    * Class name applied to the root element.
    */
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value.
    * Used when the component is not controlled.

package/node/TimeClock/TimeClock.js

@@ -23,10 +23,9 @@ var _Clock = require("./Clock");
 var _ClockNumbers = require("./ClockNumbers");
 var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
 var _valueManagers = require("../internals/utils/valueManagers");
-var _slotsMigration = require("../internals/utils/slots-migration");
 var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ampm", "ampmInClock", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "showViewSwitcher", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "timezone"];
+const _excluded = ["ampm", "ampmInClock", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "showViewSwitcher", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "timezone"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
@@ -79,10 +78,8 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
       ampm = utils.is12HourCycleInCurrentLocale(),
       ampmInClock = false,
       autoFocus,
-      components,
-      componentsProps,
-      slots: innerSlots,
-      slotProps: innerSlotProps,
+      slots,
+      slotProps,
       value: valueProp,
       defaultValue,
       referenceDate: referenceDateProp,
@@ -108,8 +105,6 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
       timezone: timezoneProp
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const slots = innerSlots ?? (0, _slotsMigration.uncapitalizeObjectKeys)(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const {
     value,
     handleValueChange,
@@ -354,18 +349,6 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
    */
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default selected value.
    * Used when the component is not controlled.

package/node/TimeField/TimeField.js

@@ -16,7 +16,7 @@ var _utils2 = require("@mui/utils");
 var _useTimeField2 = require("./useTimeField");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -39,17 +39,15 @@ const TimeField = exports.TimeField = /*#__PURE__*/React.forwardRef(function Tim
   const {
       slots,
       slotProps,
-      components,
-      componentsProps,
       InputProps,
       inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
-  const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
+  const TextField = slots?.textField ?? _TextField.default;
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: TextField,
-      externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
+      externalSlotProps: slotProps?.textField,
       externalForwardedProps: other,
       ownerState
     }),
@@ -84,9 +82,7 @@ const TimeField = exports.TimeField = /*#__PURE__*/React.forwardRef(function Tim
     fieldProps,
     InputProps: fieldProps.InputProps,
     slots,
-    slotProps,
-    components,
-    componentsProps
+    slotProps
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
     ref: ref
@@ -131,18 +127,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    */
   color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: _propTypes.default.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/TimePicker/TimePicker.js

@@ -83,18 +83,6 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: _propTypes.default.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value.
    * Used when the component is not controlled.

package/node/TimePicker/shared.js

@@ -11,7 +11,6 @@ var _styles = require("@mui/material/styles");
 var _useUtils = require("../internals/hooks/useUtils");
 var _TimePickerToolbar = require("./TimePickerToolbar");
 var _views = require("../internals/utils/views");
-var _slotsMigration = require("../internals/utils/slots-migration");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useTimePickerDefaultizedProps(props, name) {
@@ -29,8 +28,6 @@ function useTimePickerDefaultizedProps(props, name) {
       timePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  const slots = themeProps.slots ?? (0, _slotsMigration.uncapitalizeObjectKeys)(themeProps.components);
-  const slotProps = themeProps.slotProps ?? themeProps.componentsProps;
   return (0, _extends2.default)({}, themeProps, {
     ampm,
     localeText
@@ -44,12 +41,12 @@ function useTimePickerDefaultizedProps(props, name) {
     disablePast: themeProps.disablePast ?? false,
     slots: (0, _extends2.default)({
       toolbar: _TimePickerToolbar.TimePickerToolbar
-    }, slots),
-    slotProps: (0, _extends2.default)({}, slotProps, {
+    }, themeProps.slots),
+    slotProps: (0, _extends2.default)({}, themeProps.slotProps, {
       toolbar: (0, _extends2.default)({
         ampm,
         ampmInClock: themeProps.ampmInClock
-      }, slotProps?.toolbar)
+      }, themeProps.slotProps?.toolbar)
     })
   });
 }

package/node/YearCalendar/YearCalendar.js

@@ -92,7 +92,6 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
       onChange,
       readOnly,
       shouldDisableYear,
-      disableHighlightToday,
       onYearFocus,
       hasFocus,
       onFocusedViewChange,
@@ -133,12 +132,9 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     if (value != null) {
       return utils.getYear(value);
     }
-    if (disableHighlightToday) {
-      return null;
-    }
-    return utils.getYear(referenceDate);
-  }, [value, utils, disableHighlightToday, referenceDate]);
-  const [focusedYear, setFocusedYear] = React.useState(() => selectedYear || todayYear);
+    return null;
+  }, [value, utils]);
+  const [focusedYear, setFocusedYear] = React.useState(() => selectedYear || utils.getYear(referenceDate));
   const [internalHasFocus, setInternalHasFocus] = (0, _utils.unstable_useControlled)({
     name: 'YearCalendar',
     state: 'hasFocus',
@@ -247,7 +243,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     role: "radiogroup",
     "aria-labelledby": gridLabelId
   }, other, {
-    children: utils.getYearRange(minDate, maxDate).map(year => {
+    children: utils.getYearRange([minDate, maxDate]).map(year => {
       const yearNumber = utils.getYear(year);
       const isSelected = yearNumber === selectedYear;
       const isDisabled = disabled || isYearDisabled(year);

package/node/dateTimeViewRenderers/dateTimeViewRenderers.js

@@ -51,8 +51,6 @@ const renderDesktopDateTimeView = ({
   onYearChange,
   yearsPerRow,
   defaultCalendarMonth,
-  components,
-  componentsProps,
   slots,
   slotProps,
   loading,
@@ -73,7 +71,7 @@ const renderDesktopDateTimeView = ({
   timeViewsCount,
   shouldRenderTimeInASingleColumn
 }) => {
-  const isActionBarVisible = !!(0, _utils.resolveComponentProps)(slotProps?.actionBar ?? componentsProps?.actionBar, {})?.actions?.length;
+  const isActionBarVisible = !!(0, _utils.resolveComponentProps)(slotProps?.actionBar, {})?.actions?.length;
   const commonTimeProps = {
     view: (0, _timeUtils.isInternalTimeView)(view) ? view : 'hours',
     onViewChange,
@@ -94,8 +92,6 @@ const renderDesktopDateTimeView = ({
     shouldDisableClock,
     minutesStep,
     ampm,
-    components,
-    componentsProps,
     slots,
     slotProps,
     readOnly,
@@ -133,8 +129,6 @@ const renderDesktopDateTimeView = ({
         onYearChange: onYearChange,
         yearsPerRow: yearsPerRow,
         defaultCalendarMonth: defaultCalendarMonth,
-        components: components,
-        componentsProps: componentsProps,
         slots: slots,
         slotProps: slotProps,
         loading: loading,

package/node/dateViewRenderers/dateViewRenderers.js

@@ -35,8 +35,6 @@ const renderDateViewCalendar = ({
   onYearChange,
   yearsPerRow,
   defaultCalendarMonth,
-  components,
-  componentsProps,
   slots,
   slotProps,
   loading,
@@ -76,8 +74,6 @@ const renderDateViewCalendar = ({
   onYearChange: onYearChange,
   yearsPerRow: yearsPerRow,
   defaultCalendarMonth: defaultCalendarMonth,
-  components: components,
-  componentsProps: componentsProps,
   slots: slots,
   slotProps: slotProps,
   loading: loading,