@mui/x-date-pickers 6.18.0 → 7.0.0-alpha.0

package/node/DigitalClock/DigitalClock.js

@@ -27,7 +27,7 @@ var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ampm", "timeStep", "autoFocus", "components", "componentsProps", "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"];
+const _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"];
 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 => {
@@ -110,8 +110,6 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
       ampm = utils.is12HourCycleInCurrentLocale(),
       timeStep = 30,
       autoFocus,
-      components,
-      componentsProps,
       slots,
       slotProps,
       value: valueProp,
@@ -157,10 +155,10 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
     alreadyRendered: !!containerRef.current
   }), [props]);
   const classes = useUtilityClasses(ownerState);
-  const ClockItem = slots?.digitalClockItem ?? components?.DigitalClockItem ?? DigitalClockItem;
+  const ClockItem = slots?.digitalClockItem ?? DigitalClockItem;
   const clockItemProps = (0, _utils.useSlotProps)({
     elementType: ClockItem,
-    externalSlotProps: slotProps?.digitalClockItem ?? componentsProps?.digitalClockItem,
+    externalSlotProps: slotProps?.digitalClockItem,
     ownerState: {},
     className: classes.item
   });
@@ -190,11 +188,14 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
     if (containerRef.current === null) {
       return;
     }
-    const selectedItem = containerRef.current.querySelector('[role="listbox"] [role="option"][aria-selected="true"]');
-    if (!selectedItem) {
+    const activeItem = containerRef.current.querySelector('[role="listbox"] [role="option"][tabindex="0"], [role="listbox"] [role="option"][aria-selected="true"]');
+    if (!activeItem) {
       return;
     }
-    const offsetTop = selectedItem.offsetTop;
+    const offsetTop = activeItem.offsetTop;
+    if (autoFocus || !!focusedView) {
+      activeItem.focus();
+    }
 
     // Subtracting the 4px of extra margin intended for the first visible section item
     containerRef.current.scrollTop = offsetTop - 4;
@@ -236,21 +237,22 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
       length: Math.ceil(24 * 60 / timeStep) - 1
     }, (_, index) => utils.addMinutes(startOfDay, timeStep * (index + 1)))];
   }, [valueOrReferenceDate, timeStep, utils]);
+  const focusedOptionIndex = timeOptions.findIndex(option => utils.isEqual(option, valueOrReferenceDate));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DigitalClockRoot, (0, _extends2.default)({
     ref: handleRef,
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState
   }, other, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DigitalClockList, {
-      autoFocusItem: autoFocus || !!focusedView,
       role: "listbox",
       "aria-label": localeText.timePickerToolbarTitle,
       className: classes.list,
-      children: timeOptions.map(option => {
+      children: timeOptions.map((option, index) => {
         if (skipDisabled && isTimeDisabled(option)) {
           return null;
         }
         const isSelected = utils.isEqual(option, value);
+        const tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockItem, (0, _extends2.default)({
           onClick: () => !readOnly && handleItemSelect(option),
           selected: isSelected,
@@ -260,7 +262,8 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
           // aria-readonly is not supported here and does not have any effect
           ,
           "aria-disabled": readOnly,
-          "aria-selected": isSelected
+          "aria-selected": isSelected,
+          tabIndex: tabIndex
         }, clockItemProps, {
           children: utils.format(option, ampm ? 'fullTime12h' : 'fullTime24h')
         }), utils.toISO(option));
@@ -290,18 +293,6 @@ process.env.NODE_ENV !== "production" ? DigitalClock.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/MobileDatePicker/MobileDatePicker.js

@@ -90,18 +90,6 @@ MobileDatePicker.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,
   /**
    * 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.

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -111,18 +111,6 @@ MobileDateTimePicker.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,
   /**
    * 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.

package/node/MobileTimePicker/MobileTimePicker.js

@@ -104,18 +104,6 @@ MobileTimePicker.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/MonthCalendar/MonthCalendar.js

@@ -87,7 +87,6 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
       onChange,
       shouldDisableMonth,
       readOnly,
-      disableHighlightToday,
       autoFocus = false,
       onMonthFocus,
       hasFocus,
@@ -129,12 +128,9 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     if (value != null) {
       return utils.getMonth(value);
     }
-    if (disableHighlightToday) {
-      return null;
-    }
-    return utils.getMonth(referenceDate);
-  }, [value, utils, disableHighlightToday, referenceDate]);
-  const [focusedMonth, setFocusedMonth] = React.useState(() => selectedMonth || todayMonth);
+    return null;
+  }, [value, utils]);
+  const [focusedMonth, setFocusedMonth] = React.useState(() => selectedMonth || utils.getMonth(referenceDate));
   const [internalHasFocus, setInternalHasFocus] = (0, _utils.unstable_useControlled)({
     name: 'MonthCalendar',
     state: 'hasFocus',

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"],
   _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,
@@ -140,7 +139,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     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 +150,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,
@@ -241,18 +240,6 @@ 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,

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,18 +72,6 @@ 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.

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -92,18 +92,6 @@ 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.

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.