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

package/DateTimeField/DateTimeField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
+const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 import * as React from 'react';
@@ -23,14 +23,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - [DateTimeField API](https://mui.com/x/api/date-pickers/date-time-field/)
  */
 const DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps, ref) {
-  var _ref, _slots$textField, _slotProps$textField;
+  var _slots$textField;
   const themeProps = useThemeProps({
     props: inProps,
     name: 'MuiDateTimeField'
   });
   const {
-      components,
-      componentsProps,
       slots,
       slotProps,
       InputProps,
@@ -38,10 +36,10 @@ const DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inPro
     } = themeProps,
     other = _objectWithoutPropertiesLoose(themeProps, _excluded);
   const ownerState = themeProps;
-  const TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
+  const TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   const _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
     }),
@@ -76,9 +74,7 @@ const DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inPro
     fieldProps,
     InputProps: fieldProps.InputProps,
     slots,
-    slotProps,
-    components,
-    componentsProps
+    slotProps
   });
   return /*#__PURE__*/_jsx(TextField, _extends({
     ref: ref
@@ -123,18 +119,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.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/DateTimeField/DateTimeField.types.d.ts

@@ -6,7 +6,6 @@ import { UseFieldInternalProps } from '../internals/hooks/useField';
 import { DefaultizedProps, MakeOptional } from '../internals/models/helpers';
 import { BaseDateValidationProps, BaseTimeValidationProps, DateTimeValidationProps, DayValidationProps, MonthValidationProps, TimeValidationProps, YearValidationProps } from '../internals/models/validation';
 import { FieldsTextFieldProps } from '../internals/models/fields';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { FieldSlotsComponents, FieldSlotsComponentsProps } from '../internals';
 export interface UseDateTimeFieldParams<TDate, TChildProps extends {}> {
     props: UseDateTimeFieldComponentProps<TDate, TChildProps>;
@@ -22,23 +21,11 @@ export interface UseDateTimeFieldProps<TDate> extends MakeOptional<UseFieldInter
 export type UseDateTimeFieldDefaultizedProps<TDate> = DefaultizedProps<UseDateTimeFieldProps<TDate>, keyof BaseDateValidationProps<any> | keyof BaseTimeValidationProps | 'format'>;
 export type UseDateTimeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseDateTimeFieldProps<TDate>> & UseDateTimeFieldProps<TDate>;
 export interface DateTimeFieldProps<TDate> extends UseDateTimeFieldComponentProps<TDate, FieldsTextFieldProps> {
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: DateTimeFieldSlotsComponent;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: DateTimeFieldSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<DateTimeFieldSlotsComponent>;
+    slots?: DateTimeFieldSlotsComponent;
     /**
      * The props used for each component slot.
      * @default {}
@@ -52,7 +39,7 @@ export interface DateTimeFieldSlotsComponent extends FieldSlotsComponents {
      * Receives the same props as `@mui/material/TextField`.
      * @default TextField from '@mui/material'
      */
-    TextField?: React.ElementType;
+    textField?: React.ElementType;
 }
 export interface DateTimeFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
     textField?: SlotComponentProps<typeof TextField, {}, DateTimeFieldOwnerState<TDate>>;

package/DateTimePicker/DateTimePicker.js

@@ -74,18 +74,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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.

package/DateTimePicker/DateTimePicker.types.d.ts

@@ -1,6 +1,5 @@
 import { DesktopDateTimePickerProps, DesktopDateTimePickerSlotsComponent, DesktopDateTimePickerSlotsComponentsProps } from '../DesktopDateTimePicker';
 import { DateOrTimeViewWithMeridiem } from '../internals/models';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { MobileDateTimePickerProps, MobileDateTimePickerSlotsComponent, MobileDateTimePickerSlotsComponentsProps } from '../MobileDateTimePicker';
 export interface DateTimePickerSlotsComponents<TDate> extends DesktopDateTimePickerSlotsComponent<TDate>, MobileDateTimePickerSlotsComponent<TDate, DateOrTimeViewWithMeridiem> {
 }
@@ -18,23 +17,11 @@ export interface DateTimePickerProps<TDate> extends DesktopDateTimePickerProps<T
      * @default 4 on desktop, 3 on mobile
      */
     yearsPerRow?: 3 | 4;
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: DateTimePickerSlotsComponents<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: DateTimePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<DateTimePickerSlotsComponents<TDate>>;
+    slots?: DateTimePickerSlotsComponents<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/DateTimePicker/shared.d.ts

@@ -11,7 +11,6 @@ import { DateTimePickerToolbarProps, ExportedDateTimePickerToolbarProps } from '
 import { PickerViewRendererLookup } from '../internals/hooks/usePicker/usePickerViews';
 import { DateViewRendererProps } from '../dateViewRenderers';
 import { TimeViewRendererProps } from '../timeViewRenderers';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { BaseClockProps, ExportedBaseClockProps } from '../internals/models/props/clock';
 import { DateOrTimeViewWithMeridiem, TimeViewWithMeridiem } from '../internals/models';
 export interface BaseDateTimePickerSlotsComponent<TDate> extends DateCalendarSlotsComponent<TDate>, TimeClockSlotsComponent {
@@ -19,12 +18,12 @@ export interface BaseDateTimePickerSlotsComponent<TDate> extends DateCalendarSlo
      * Tabs enabling toggling between date and time pickers.
      * @default DateTimePickerTabs
      */
-    Tabs?: React.ElementType<DateTimePickerTabsProps>;
+    tabs?: React.ElementType<DateTimePickerTabsProps>;
     /**
      * Custom component for the toolbar rendered above the views.
      * @default DateTimePickerToolbar
      */
-    Toolbar?: React.JSXElementConstructor<DateTimePickerToolbarProps<TDate>>;
+    toolbar?: React.JSXElementConstructor<DateTimePickerToolbarProps<TDate>>;
 }
 export interface BaseDateTimePickerSlotsComponentsProps<TDate> extends DateCalendarSlotsComponentsProps<TDate>, TimeClockSlotsComponentsProps {
     /**
@@ -42,23 +41,11 @@ export interface BaseDateTimePickerProps<TDate, TView extends DateOrTimeViewWith
      * @default true on desktop, false on mobile
      */
     ampmInClock?: boolean;
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: BaseDateTimePickerSlotsComponent<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: BaseDateTimePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<BaseDateTimePickerSlotsComponent<TDate>>;
+    slots?: BaseDateTimePickerSlotsComponent<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/DateTimePicker/shared.js

@@ -6,9 +6,8 @@ import { applyDefaultDate } from '../internals/utils/date-utils';
 import { DateTimePickerTabs } from './DateTimePickerTabs';
 import { DateTimePickerToolbar } from './DateTimePickerToolbar';
 import { applyDefaultViewProps } from '../internals/utils/views';
-import { uncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 export function useDateTimePickerDefaultizedProps(props, name) {
-  var _themeProps$ampm, _themeProps$slots, _themeProps$slotProps, _themeProps$orientati, _themeProps$disableIg, _themeProps$disableFu, _themeProps$disablePa, _themeProps$minDateTi, _themeProps$maxDateTi, _themeProps$minDateTi2, _themeProps$maxDateTi2;
+  var _themeProps$ampm, _themeProps$orientati, _themeProps$disableIg, _themeProps$disableFu, _themeProps$disablePa, _themeProps$minDateTi, _themeProps$maxDateTi, _themeProps$minDateTi2, _themeProps$maxDateTi2, _themeProps$slotProps;
   const utils = useUtils();
   const defaultDates = useDefaultDates();
   const themeProps = useThemeProps({
@@ -25,8 +24,6 @@ export function useDateTimePickerDefaultizedProps(props, name) {
       dateTimePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  const slots = (_themeProps$slots = themeProps.slots) != null ? _themeProps$slots : uncapitalizeObjectKeys(themeProps.components);
-  const slotProps = (_themeProps$slotProps = themeProps.slotProps) != null ? _themeProps$slotProps : themeProps.componentsProps;
   return _extends({}, themeProps, applyDefaultViewProps({
     views: themeProps.views,
     openTo: themeProps.openTo,
@@ -49,11 +46,11 @@ export function useDateTimePickerDefaultizedProps(props, name) {
     slots: _extends({
       toolbar: DateTimePickerToolbar,
       tabs: DateTimePickerTabs
-    }, slots),
-    slotProps: _extends({}, slotProps, {
+    }, themeProps.slots),
+    slotProps: _extends({}, themeProps.slotProps, {
       toolbar: _extends({
         ampm
-      }, slotProps == null ? void 0 : slotProps.toolbar)
+      }, (_themeProps$slotProps = themeProps.slotProps) == null ? void 0 : _themeProps$slotProps.toolbar)
     })
   });
 }

package/DesktopDatePicker/DesktopDatePicker.js

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

package/DesktopDatePicker/DesktopDatePicker.types.d.ts

@@ -2,8 +2,7 @@ import { UseDesktopPickerSlotsComponent, ExportedUseDesktopPickerSlotsComponents
 import { BaseDatePickerProps, BaseDatePickerSlotsComponent, BaseDatePickerSlotsComponentsProps } from '../DatePicker/shared';
 import { MakeOptional } from '../internals/models/helpers';
 import { DateView } from '../models';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
-export interface DesktopDatePickerSlotsComponent<TDate> extends BaseDatePickerSlotsComponent<TDate>, MakeOptional<UseDesktopPickerSlotsComponent<TDate, DateView>, 'Field' | 'OpenPickerIcon'> {
+export interface DesktopDatePickerSlotsComponent<TDate> extends BaseDatePickerSlotsComponent<TDate>, MakeOptional<UseDesktopPickerSlotsComponent<TDate, DateView>, 'field' | 'openPickerIcon'> {
 }
 export interface DesktopDatePickerSlotsComponentsProps<TDate> extends BaseDatePickerSlotsComponentsProps<TDate>, ExportedUseDesktopPickerSlotsComponentsProps<TDate, DateView> {
 }
@@ -13,23 +12,11 @@ export interface DesktopDatePickerProps<TDate> extends BaseDatePickerProps<TDate
      * @default 4
      */
     yearsPerRow?: 3 | 4;
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: DesktopDatePickerSlotsComponent<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: DesktopDatePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<DesktopDatePickerSlotsComponent<TDate>>;
+    slots?: DesktopDatePickerSlotsComponent<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/DesktopDateTimePicker/DesktopDateTimePicker.js

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

package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts

@@ -2,12 +2,11 @@ import { UseDesktopPickerSlotsComponent, ExportedUseDesktopPickerSlotsComponents
 import { BaseDateTimePickerProps, BaseDateTimePickerSlotsComponent, BaseDateTimePickerSlotsComponentsProps } from '../DateTimePicker/shared';
 import { MakeOptional } from '../internals/models/helpers';
 import { DateOrTimeView } from '../models';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { DesktopOnlyTimePickerProps } from '../internals/models/props/clock';
 import { DateOrTimeViewWithMeridiem } from '../internals/models';
 import { MultiSectionDigitalClockSlotsComponent, MultiSectionDigitalClockSlotsComponentsProps } from '../MultiSectionDigitalClock';
 import { DigitalClockSlotsComponent, DigitalClockSlotsComponentsProps } from '../DigitalClock';
-export interface DesktopDateTimePickerSlotsComponent<TDate> extends BaseDateTimePickerSlotsComponent<TDate>, MakeOptional<UseDesktopPickerSlotsComponent<TDate, DateOrTimeViewWithMeridiem>, 'Field' | 'OpenPickerIcon'>, DigitalClockSlotsComponent, MultiSectionDigitalClockSlotsComponent {
+export interface DesktopDateTimePickerSlotsComponent<TDate> extends BaseDateTimePickerSlotsComponent<TDate>, MakeOptional<UseDesktopPickerSlotsComponent<TDate, DateOrTimeViewWithMeridiem>, 'field' | 'openPickerIcon'>, DigitalClockSlotsComponent, MultiSectionDigitalClockSlotsComponent {
 }
 export interface DesktopDateTimePickerSlotsComponentsProps<TDate> extends BaseDateTimePickerSlotsComponentsProps<TDate>, ExportedUseDesktopPickerSlotsComponentsProps<TDate, DateOrTimeViewWithMeridiem>, DigitalClockSlotsComponentsProps, MultiSectionDigitalClockSlotsComponentsProps {
 }
@@ -21,23 +20,11 @@ export interface DesktopDateTimePickerProps<TDate> extends BaseDateTimePickerPro
      * @default 4
      */
     yearsPerRow?: 3 | 4;
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: DesktopDateTimePickerSlotsComponent<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: DesktopDateTimePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<DesktopDateTimePickerSlotsComponent<TDate>>;
+    slots?: DesktopDateTimePickerSlotsComponent<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/DesktopTimePicker/DesktopTimePicker.js

@@ -120,18 +120,6 @@ DesktopTimePicker.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/DesktopTimePicker/DesktopTimePicker.types.d.ts

@@ -2,12 +2,11 @@ import { UseDesktopPickerSlotsComponent, ExportedUseDesktopPickerSlotsComponents
 import { BaseTimePickerProps, BaseTimePickerSlotsComponent, BaseTimePickerSlotsComponentsProps } from '../TimePicker/shared';
 import { MakeOptional } from '../internals/models/helpers';
 import { TimeViewWithMeridiem } from '../internals/models';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { DesktopOnlyTimePickerProps } from '../internals/models/props/clock';
 import { DigitalClockSlotsComponent, DigitalClockSlotsComponentsProps } from '../DigitalClock';
 import { MultiSectionDigitalClockSlotsComponent, MultiSectionDigitalClockSlotsComponentsProps } from '../MultiSectionDigitalClock';
 import { TimeView } from '../models';
-export interface DesktopTimePickerSlotsComponent<TDate> extends BaseTimePickerSlotsComponent<TDate>, MakeOptional<UseDesktopPickerSlotsComponent<TDate, TimeViewWithMeridiem>, 'Field' | 'OpenPickerIcon'>, DigitalClockSlotsComponent, MultiSectionDigitalClockSlotsComponent {
+export interface DesktopTimePickerSlotsComponent<TDate> extends BaseTimePickerSlotsComponent<TDate>, MakeOptional<UseDesktopPickerSlotsComponent<TDate, TimeViewWithMeridiem>, 'field' | 'openPickerIcon'>, DigitalClockSlotsComponent, MultiSectionDigitalClockSlotsComponent {
 }
 export interface DesktopTimePickerSlotsComponentsProps<TDate> extends BaseTimePickerSlotsComponentsProps, ExportedUseDesktopPickerSlotsComponentsProps<TDate, TimeViewWithMeridiem>, DigitalClockSlotsComponentsProps, MultiSectionDigitalClockSlotsComponentsProps {
 }
@@ -16,23 +15,11 @@ export interface DesktopTimePickerProps<TDate> extends BaseTimePickerProps<TDate
      * Available views.
      */
     views?: readonly TimeView[];
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: DesktopTimePickerSlotsComponent<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: DesktopTimePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<DesktopTimePickerSlotsComponent<TDate>>;
+    slots?: DesktopTimePickerSlotsComponent<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/DigitalClock/DigitalClock.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -90,7 +90,7 @@ const DigitalClockItem = styled(MenuItem, {
  * - [DigitalClock API](https://mui.com/x/api/date-pickers/digital-clock/)
  */
 export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(inProps, ref) {
-  var _ref, _slots$digitalClockIt, _slotProps$digitalClo;
+  var _slots$digitalClockIt;
   const utils = useUtils();
   const containerRef = React.useRef(null);
   const handleRef = useForkRef(ref, containerRef);
@@ -102,8 +102,6 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
       ampm = utils.is12HourCycleInCurrentLocale(),
       timeStep = 30,
       autoFocus,
-      components,
-      componentsProps,
       slots,
       slotProps,
       value: valueProp,
@@ -149,10 +147,10 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
     alreadyRendered: !!containerRef.current
   }), [props]);
   const classes = useUtilityClasses(ownerState);
-  const ClockItem = (_ref = (_slots$digitalClockIt = slots == null ? void 0 : slots.digitalClockItem) != null ? _slots$digitalClockIt : components == null ? void 0 : components.DigitalClockItem) != null ? _ref : DigitalClockItem;
+  const ClockItem = (_slots$digitalClockIt = slots == null ? void 0 : slots.digitalClockItem) != null ? _slots$digitalClockIt : DigitalClockItem;
   const clockItemProps = useSlotProps({
     elementType: ClockItem,
-    externalSlotProps: (_slotProps$digitalClo = slotProps == null ? void 0 : slotProps.digitalClockItem) != null ? _slotProps$digitalClo : componentsProps == null ? void 0 : componentsProps.digitalClockItem,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.digitalClockItem,
     ownerState: {},
     className: classes.item
   });
@@ -182,11 +180,14 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
     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;
@@ -228,21 +229,22 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
       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__*/_jsx(DigitalClockRoot, _extends({
     ref: handleRef,
     className: clsx(classes.root, className),
     ownerState: ownerState
   }, other, {
     children: /*#__PURE__*/_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__*/_jsx(ClockItem, _extends({
           onClick: () => !readOnly && handleItemSelect(option),
           selected: isSelected,
@@ -252,7 +254,8 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
           // 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));
@@ -282,18 +285,6 @@ process.env.NODE_ENV !== "production" ? DigitalClock.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/DigitalClock/DigitalClock.types.d.ts

@@ -2,7 +2,6 @@
 import { SlotComponentProps } from '@mui/base/utils';
 import MenuItem from '@mui/material/MenuItem';
 import { DigitalClockClasses } from './digitalClockClasses';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { BaseClockProps, DigitalClockOnlyProps, ExportedBaseClockProps } from '../internals/models/props/clock';
 import { TimeView } from '../models';
 export interface ExportedDigitalClockProps<TDate> extends ExportedBaseClockProps<TDate>, DigitalClockOnlyProps {
@@ -12,7 +11,7 @@ export interface DigitalClockSlotsComponent {
      * Component responsible for rendering a single digital clock item.
      * @default MenuItem from '@mui/material'
      */
-    DigitalClockItem?: React.ElementType;
+    digitalClockItem?: React.ElementType;
 }
 export interface DigitalClockSlotsComponentsProps {
     digitalClockItem?: SlotComponentProps<typeof MenuItem, {}, Record<string, any>>;
@@ -22,23 +21,11 @@ export interface DigitalClockProps<TDate> extends ExportedDigitalClockProps<TDat
      * Override or extend the styles applied to the component.
      */
     classes?: Partial<DigitalClockClasses>;
-    /**
-     * Overrideable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: DigitalClockSlotsComponent;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: DigitalClockSlotsComponentsProps;
     /**
      * Overrideable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<DigitalClockSlotsComponent>;
+    slots?: DigitalClockSlotsComponent;
     /**
      * The props used for each component slot.
      * @default {}

package/MobileDatePicker/MobileDatePicker.js

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

package/MobileDatePicker/MobileDatePicker.types.d.ts

@@ -2,29 +2,16 @@ import { UseMobilePickerSlotsComponent, MobileOnlyPickerProps, ExportedUseMobile
 import { BaseDatePickerProps, BaseDatePickerSlotsComponent, BaseDatePickerSlotsComponentsProps } from '../DatePicker/shared';
 import { MakeOptional } from '../internals/models/helpers';
 import { DateView } from '../models';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
-export interface MobileDatePickerSlotsComponent<TDate> extends BaseDatePickerSlotsComponent<TDate>, MakeOptional<UseMobilePickerSlotsComponent<TDate, DateView>, 'Field'> {
+export interface MobileDatePickerSlotsComponent<TDate> extends BaseDatePickerSlotsComponent<TDate>, MakeOptional<UseMobilePickerSlotsComponent<TDate, DateView>, 'field'> {
 }
 export interface MobileDatePickerSlotsComponentsProps<TDate> extends BaseDatePickerSlotsComponentsProps<TDate>, ExportedUseMobilePickerSlotsComponentsProps<TDate, DateView> {
 }
 export interface MobileDatePickerProps<TDate> extends BaseDatePickerProps<TDate>, MobileOnlyPickerProps<TDate> {
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: MobileDatePickerSlotsComponent<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: MobileDatePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<MobileDatePickerSlotsComponent<TDate>>;
+    slots?: MobileDatePickerSlotsComponent<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/MobileDateTimePicker/MobileDateTimePicker.js

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