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

package/legacy/MobileDatePicker/MobileDatePicker.js

@@ -84,21 +84,8 @@ MobileDatePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: PropTypes.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.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/legacy/MobileDateTimePicker/MobileDateTimePicker.js

@@ -105,21 +105,8 @@ MobileDateTimePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: PropTypes.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.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/legacy/MobileTimePicker/MobileTimePicker.js

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

package/legacy/MonthCalendar/MonthCalendar.js

@@ -123,13 +123,10 @@ export var MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(
     if (value != null) {
       return utils.getMonth(value);
     }
-    if (disableHighlightToday) {
-      return null;
-    }
-    return utils.getMonth(referenceDate);
-  }, [value, utils, disableHighlightToday, referenceDate]);
+    return null;
+  }, [value, utils]);
   var _React$useState = React.useState(function () {
-      return selectedMonth || todayMonth;
+      return selectedMonth || utils.getMonth(referenceDate);
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedMonth = _React$useState2[0],

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", "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"];
+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"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -65,8 +65,6 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
     ampm = _props$ampm === void 0 ? utils.is12HourCycleInCurrentLocale() : _props$ampm,
     inTimeSteps = props.timeSteps,
     autoFocus = props.autoFocus,
-    components = props.components,
-    componentsProps = props.componentsProps,
     slots = props.slots,
     slotProps = props.slotProps,
     valueProp = props.value,
@@ -252,7 +250,8 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
                 return disabled || isTimeDisabled(hours, 'hours');
               },
               timeStep: timeSteps.hours,
-              resolveAriaLabel: localeText.hoursClockNumberText
+              resolveAriaLabel: localeText.hoursClockNumberText,
+              valueOrReferenceDate: valueOrReferenceDate
             })
           };
         }
@@ -308,6 +307,9 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
               isSelected: function isSelected() {
                 return !!value && meridiemMode === 'am';
               },
+              isFocused: function isFocused() {
+                return !!valueOrReferenceDate && meridiemMode === 'am';
+              },
               ariaLabel: amLabel
             }, {
               value: 'pm',
@@ -315,6 +317,9 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
               isSelected: function isSelected() {
                 return !!value && meridiemMode === 'pm';
               },
+              isFocused: function isFocused() {
+                return !!valueOrReferenceDate && meridiemMode === 'pm';
+              },
               ariaLabel: pmLabel
             }]
           };
@@ -347,8 +352,8 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
         autoFocus: autoFocus != null ? autoFocus : focusedView === timeView,
         disabled: disabled,
         readOnly: readOnly,
-        slots: slots != null ? slots : components,
-        slotProps: slotProps != null ? slotProps : componentsProps,
+        slots: slots,
+        slotProps: slotProps,
         skipDisabled: skipDisabled,
         "aria-label": localeText.selectViewText(timeView)
       }, timeView);
@@ -377,18 +382,6 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
    */
   classes: PropTypes.object,
   className: PropTypes.string,
-  /**
-   * Overrideable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default selected value.
    * Used when the component is not controlled.

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -6,20 +6,25 @@ export var getHourSectionOptions = function getHourSectionOptions(_ref) {
     ampm = _ref.ampm,
     isDisabled = _ref.isDisabled,
     resolveAriaLabel = _ref.resolveAriaLabel,
-    timeStep = _ref.timeStep;
+    timeStep = _ref.timeStep,
+    valueOrReferenceDate = _ref.valueOrReferenceDate;
   var currentHours = value ? utils.getHours(value) : null;
   var result = [];
-  var isSelected = function isSelected(hour) {
-    if (currentHours === null) {
+  var isSelected = function isSelected(hour, overriddenCurrentHours) {
+    var resolvedCurrentHours = overriddenCurrentHours != null ? 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;
+  };
+  var isFocused = function isFocused(hour) {
+    return isSelected(hour, utils.getHours(valueOrReferenceDate));
   };
   var endHour = ampm ? 11 : 23;
   for (var hour = 0; hour <= endHour; hour += timeStep) {
@@ -31,6 +36,7 @@ export var getHourSectionOptions = function getHourSectionOptions(_ref) {
       label: label,
       isSelected: isSelected,
       isDisabled: isDisabled,
+      isFocused: isFocused,
       ariaLabel: ariaLabel
     });
   }
@@ -50,6 +56,9 @@ export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
     }
     return hasValue && value === timeValue;
   };
+  var isFocused = function isFocused(timeValue) {
+    return value === timeValue;
+  };
   return _toConsumableArray(Array.from({
     length: Math.ceil(60 / timeStep)
   }, function (_, index) {
@@ -59,6 +68,7 @@ export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
       label: resolveLabel(timeValue),
       isDisabled: isDisabled,
       isSelected: isSelected,
+      isFocused: isFocused,
       ariaLabel: resolveAriaLabel(timeValue.toString())
     };
   }));

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -88,7 +88,7 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
   var _slots$digitalClockSe;
   var containerRef = React.useRef(null);
   var handleRef = useForkRef(ref, containerRef);
-  var previousSelected = React.useRef(null);
+  var previousActive = React.useRef(null);
   var props = useThemeProps({
     props: inProps,
     name: 'MuiMultiSectionDigitalClockSection'
@@ -115,23 +115,26 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
     if (containerRef.current === null) {
       return;
     }
-    var selectedItem = containerRef.current.querySelector('[role="option"][aria-selected="true"]');
-    if (!selectedItem || previousSelected.current === selectedItem) {
+    var 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();
     }
-    var offsetTop = selectedItem.offsetTop;
+    var offsetTop = activeItem.offsetTop;
 
     // Subtracting the 4px of extra margin intended for the first visible section item
     containerRef.current.scrollTop = offsetTop - 4;
   });
+  var focusedOptionIndex = items.findIndex(function (item) {
+    return item.isFocused(item.value);
+  });
   return /*#__PURE__*/_jsx(MultiSectionDigitalClockSectionRoot, _extends({
     ref: handleRef,
     className: clsx(classes.root, className),
@@ -139,12 +142,13 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
     autoFocusItem: autoFocus && active,
     role: "listbox"
   }, other, {
-    children: items.map(function (option) {
+    children: items.map(function (option, index) {
       var _option$isDisabled, _option$isDisabled2;
       if (skipDisabled && (_option$isDisabled = option.isDisabled) != null && _option$isDisabled.call(option, option.value)) {
         return null;
       }
       var isSelected = option.isSelected(option.value);
+      var tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
       return /*#__PURE__*/_jsx(DigitalClockSectionItem, _extends({
         onClick: function onClick() {
           return !readOnly && onChange(option.value);
@@ -157,7 +161,8 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
         ,
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
-        "aria-selected": isSelected
+        "aria-selected": isSelected,
+        tabIndex: tabIndex
       }, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/legacy/PickersCalendarHeader/PickersCalendarHeader.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+var _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone", "format"],
   _excluded2 = ["ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -114,7 +114,7 @@ var PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
  * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
  */
 var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
-  var _ref5, _slots$switchViewButt, _ref6, _slots$switchViewIcon;
+  var _slots$switchViewButt, _slots$switchViewIcon;
   var localeText = useLocaleText();
   var utils = useUtils();
   var props = useThemeProps({
@@ -123,8 +123,6 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
   });
   var slots = props.slots,
     slotProps = props.slotProps,
-    components = props.components,
-    componentsProps = props.componentsProps,
     month = props.currentMonth,
     disabled = props.disabled,
     disableFuture = props.disableFuture,
@@ -139,10 +137,12 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
     labelId = props.labelId,
     className = props.className,
     timezone = props.timezone,
+    _props$format = props.format,
+    format = _props$format === void 0 ? "".concat(utils.formats.month, " ").concat(utils.formats.year) : _props$format,
     other = _objectWithoutProperties(props, _excluded);
   var ownerState = props;
   var classes = useUtilityClasses(props);
-  var SwitchViewButton = (_ref5 = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : components == null ? void 0 : components.SwitchViewButton) != null ? _ref5 : PickersCalendarHeaderSwitchViewButton;
+  var SwitchViewButton = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : PickersCalendarHeaderSwitchViewButton;
   var switchViewButtonProps = useSlotProps({
     elementType: SwitchViewButton,
     externalSlotProps: slotProps == null ? void 0 : slotProps.switchViewButton,
@@ -153,7 +153,7 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
     ownerState: ownerState,
     className: classes.switchViewButton
   });
-  var SwitchViewIcon = (_ref6 = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : components == null ? void 0 : components.SwitchViewIcon) != null ? _ref6 : PickersCalendarHeaderSwitchViewIcon;
+  var SwitchViewIcon = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   var _useSlotProps = useSlotProps({
       elementType: SwitchViewIcon,
@@ -198,6 +198,7 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
   if (views.length === 1 && views[0] === 'year') {
     return null;
   }
+  var label = utils.formatByString(month, format);
   return /*#__PURE__*/_jsxs(PickersCalendarHeaderRoot, _extends({}, other, {
     ownerState: ownerState,
     className: clsx(className, classes.root),
@@ -212,12 +213,12 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
       className: classes.labelContainer,
       children: [/*#__PURE__*/_jsx(PickersFadeTransitionGroup, {
         reduceAnimations: reduceAnimations,
-        transKey: utils.format(month, 'monthAndYear'),
+        transKey: label,
         children: /*#__PURE__*/_jsx(PickersCalendarHeaderLabel, {
           id: labelId,
           ownerState: ownerState,
           className: classes.label,
-          children: utils.format(month, 'monthAndYear')
+          children: label
         })
       }), views.length > 1 && !disabled && /*#__PURE__*/_jsx(SwitchViewButton, _extends({}, switchViewButtonProps, {
         children: /*#__PURE__*/_jsx(SwitchViewIcon, _extends({}, switchViewIconProps))
@@ -250,22 +251,15 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    * className applied to the root element.
    */
   className: PropTypes.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   currentMonth: PropTypes.any.isRequired,
   disabled: PropTypes.bool,
   disableFuture: PropTypes.bool,
   disablePast: PropTypes.bool,
+  /**
+   * Format used to display the date.
+   * @default `${adapter.formats.month} ${adapter.formats.year}`
+   */
+  format: PropTypes.string,
   labelId: PropTypes.string,
   maxDate: PropTypes.any.isRequired,
   minDate: PropTypes.any.isRequired,

package/legacy/PickersLayout/PickersLayout.js

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

package/legacy/PickersLayout/usePickerLayout.js

@@ -5,7 +5,6 @@ import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { PickersActionBar } from '../PickersActionBar';
 import { getPickersLayoutUtilityClass } from './pickersLayoutClasses';
 import { PickersShortcuts } from '../PickersShortcuts';
-import { uncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { jsx as _jsx } from "react/jsx-runtime";
 function toolbarHasView(toolbarProps) {
   return toolbarProps.view !== null;
@@ -43,12 +42,8 @@ var usePickerLayout = function usePickerLayout(props) {
     disabled = _ref.disabled,
     readOnly = _ref.readOnly,
     children = _ref.children,
-    components = _ref.components,
-    componentsProps = _ref.componentsProps,
-    innerSlots = _ref.slots,
-    innerSlotProps = _ref.slotProps;
-  var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
-  var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
+    slots = _ref.slots,
+    slotProps = _ref.slotProps;
   var classes = useUtilityClasses(props);
 
   // Action bar

package/legacy/StaticDatePicker/StaticDatePicker.js

@@ -63,21 +63,8 @@ StaticDatePicker.propTypes = {
    * Class name applied to the root element.
    */
   className: PropTypes.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.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/legacy/StaticDateTimePicker/StaticDateTimePicker.js

@@ -83,21 +83,8 @@ StaticDateTimePicker.propTypes = {
    * Class name applied to the root element.
    */
   className: PropTypes.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.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/legacy/StaticTimePicker/StaticTimePicker.js

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

package/legacy/TimeClock/TimeClock.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _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"];
+var _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"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -17,7 +17,6 @@ import { Clock } from './Clock';
 import { getHourNumbers, getMinutesNumbers } from './ClockNumbers';
 import { useControlledValueWithTimezone } from '../internals/hooks/useValueWithTimezone';
 import { singleItemValueManager } from '../internals/utils/valueManagers';
-import { uncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { useClockReferenceDate } from '../internals/hooks/useClockReferenceDate';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -74,10 +73,8 @@ export var TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps,
     _props$ampmInClock = props.ampmInClock,
     ampmInClock = _props$ampmInClock === void 0 ? false : _props$ampmInClock,
     autoFocus = props.autoFocus,
-    components = props.components,
-    componentsProps = props.componentsProps,
-    innerSlots = props.slots,
-    innerSlotProps = props.slotProps,
+    slots = props.slots,
+    slotProps = props.slotProps,
     valueProp = props.value,
     defaultValue = props.defaultValue,
     referenceDateProp = props.referenceDate,
@@ -105,8 +102,6 @@ export var TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps,
     readOnly = props.readOnly,
     timezoneProp = props.timezone,
     other = _objectWithoutProperties(props, _excluded);
-  var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
-  var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   var _useControlledValueWi = useControlledValueWithTimezone({
       name: 'TimeClock',
       timezone: timezoneProp,
@@ -358,18 +353,6 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
    */
   classes: PropTypes.object,
   className: PropTypes.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default selected value.
    * Used when the component is not controlled.

package/legacy/TimeField/TimeField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+var _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 import * as React from 'react';
@@ -23,23 +23,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - [TimeField API](https://mui.com/x/api/date-pickers/time-field/)
  */
 var TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
-  var _ref, _slots$textField, _slotProps$textField;
+  var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
     name: 'MuiTimeField'
   });
   var slots = themeProps.slots,
     slotProps = themeProps.slotProps,
-    components = themeProps.components,
-    componentsProps = themeProps.componentsProps,
     InputProps = themeProps.InputProps,
     inputProps = themeProps.inputProps,
     other = _objectWithoutProperties(themeProps, _excluded);
   var ownerState = themeProps;
-  var TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
+  var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   var _useSlotProps = useSlotProps({
       elementType: TextField,
-      externalSlotProps: (_slotProps$textField = slotProps == null ? void 0 : slotProps.textField) != null ? _slotProps$textField : componentsProps == null ? void 0 : componentsProps.textField,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
       externalForwardedProps: other,
       ownerState: ownerState
     }),
@@ -67,9 +65,7 @@ var TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
       fieldProps: fieldProps,
       InputProps: fieldProps.InputProps,
       slots: slots,
-      slotProps: slotProps,
-      components: components,
-      componentsProps: componentsProps
+      slotProps: slotProps
     }),
     ProcessedInputProps = _useClearableField.InputProps,
     processedFieldProps = _useClearableField.fieldProps;
@@ -116,18 +112,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: PropTypes.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/legacy/TimePicker/TimePicker.js

@@ -73,18 +73,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.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value.
    * Used when the component is not controlled.