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

package/node/DateCalendar/DayCalendar.js

@@ -156,8 +156,6 @@ function WrappedDay(_ref) {
     disableHighlightToday,
     isMonthSwitchingAnimating,
     showDaysOutsideCurrentMonth,
-    components,
-    componentsProps,
     slots,
     slotProps,
     timezone
@@ -167,11 +165,11 @@ function WrappedDay(_ref) {
   const isFocusableDay = focusableDay !== null && utils.isSameDay(day, focusableDay);
   const isSelected = selectedDays.some(selectedDay => utils.isSameDay(selectedDay, day));
   const isToday = utils.isSameDay(day, now);
-  const Day = slots?.day ?? components?.Day ?? _PickersDay.PickersDay;
+  const Day = slots?.day ?? _PickersDay.PickersDay;
   // We don't want to pass to ownerState down, to avoid re-rendering all the day whenever a prop changes.
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: Day,
-      externalSlotProps: slotProps?.day ?? componentsProps?.day,
+      externalSlotProps: slotProps?.day,
       additionalProps: (0, _extends2.default)({
         disableHighlightToday,
         showDaysOutsideCurrentMonth,
@@ -225,6 +223,7 @@ function DayCalendar(inProps) {
     props: inProps,
     name: 'MuiDayCalendar'
   });
+  const utils = (0, _useUtils.useUtils)();
   const {
     onFocusedDayChange,
     className,
@@ -248,7 +247,7 @@ function DayCalendar(inProps) {
     shouldDisableDate,
     shouldDisableMonth,
     shouldDisableYear,
-    dayOfWeekFormatter: dayOfWeekFormatterFromProps,
+    dayOfWeekFormatter = date => utils.format(date, 'weekdayShort').charAt(0).toUpperCase(),
     hasFocus,
     onFocusedViewChange,
     gridLabelId,
@@ -258,13 +257,9 @@ function DayCalendar(inProps) {
     timezone
   } = props;
   const now = (0, _useUtils.useNow)(timezone);
-  const utils = (0, _useUtils.useUtils)();
   const classes = useUtilityClasses(props);
   const theme = (0, _styles.useTheme)();
   const isRTL = theme.direction === 'rtl';
-
-  // before we could define this outside of the component scope, but now we need utils, which is only defined here
-  const dayOfWeekFormatter = dayOfWeekFormatterFromProps || ((_day, date) => utils.format(date, 'weekdayShort').charAt(0).toUpperCase());
   const isDateDisabled = (0, _useIsDateDisabled.useIsDateDisabled)({
     shouldDisableDate,
     shouldDisableMonth,
@@ -419,16 +414,13 @@ function DayCalendar(inProps) {
         "aria-label": localeText.calendarWeekNumberHeaderLabel,
         className: classes.weekNumberLabel,
         children: localeText.calendarWeekNumberHeaderText
-      }), (0, _dateUtils.getWeekdays)(utils, now).map((weekday, i) => {
-        const day = utils.format(weekday, 'weekdayShort');
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekDayLabel, {
-          variant: "caption",
-          role: "columnheader",
-          "aria-label": utils.format(utils.addDays(startOfCurrentWeek, i), 'weekday'),
-          className: classes.weekDayLabel,
-          children: dayOfWeekFormatter?.(day, weekday) ?? day
-        }, day + i.toString());
-      })]
+      }), (0, _dateUtils.getWeekdays)(utils, now).map((weekday, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekDayLabel, {
+        variant: "caption",
+        role: "columnheader",
+        "aria-label": utils.format(utils.addDays(startOfCurrentWeek, i), 'weekday'),
+        className: classes.weekDayLabel,
+        children: dayOfWeekFormatter(weekday)
+      }, i.toString()))]
     }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarLoadingContainer, {
       className: classes.loadingContainer,
       children: renderLoading()

package/node/DateCalendar/index.js

@@ -3,14 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  DateCalendar: true,
-  getDateCalendarUtilityClass: true,
-  dateCalendarClasses: true,
-  dayPickerClasses: true,
-  pickersFadeTransitionGroupClasses: true,
-  pickersSlideTransitionClasses: true
-};
 Object.defineProperty(exports, "DateCalendar", {
   enumerable: true,
   get: function () {
@@ -51,16 +43,4 @@ var _DateCalendar = require("./DateCalendar");
 var _dateCalendarClasses = require("./dateCalendarClasses");
 var _dayCalendarClasses = require("./dayCalendarClasses");
 var _pickersFadeTransitionGroupClasses = require("./pickersFadeTransitionGroupClasses");
-var _pickersSlideTransitionClasses = require("./pickersSlideTransitionClasses");
-var _PickersCalendarHeader = require("../PickersCalendarHeader");
-Object.keys(_PickersCalendarHeader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PickersCalendarHeader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PickersCalendarHeader[key];
-    }
-  });
-});
+var _pickersSlideTransitionClasses = require("./pickersSlideTransitionClasses");

package/node/DateCalendar/useCalendarState.js

@@ -59,7 +59,6 @@ const useCalendarState = params => {
     shouldDisableDate,
     timezone
   } = params;
-  const now = (0, _useUtils.useNow)(timezone);
   const utils = (0, _useUtils.useUtils)();
   const reducerFn = React.useRef(createCalendarStateReducer(Boolean(reduceAnimations), disableSwitchToMonthOnDayFocus, utils)).current;
   const referenceDate = React.useMemo(() => {
@@ -83,7 +82,7 @@ const useCalendarState = params => {
 
   const [calendarState, dispatch] = React.useReducer(reducerFn, {
     isMonthSwitchingAnimating: false,
-    focusedDay: value || now,
+    focusedDay: referenceDate,
     currentMonth: utils.startOfMonth(referenceDate),
     slideDirection: 'left'
   });

package/node/DateField/DateField.js

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

package/node/DatePicker/DatePicker.js

@@ -73,21 +73,8 @@ process.env.NODE_ENV !== "production" ? DatePicker.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.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DatePicker/shared.js

@@ -12,7 +12,6 @@ var _useUtils = require("../internals/hooks/useUtils");
 var _views = require("../internals/utils/views");
 var _dateUtils = require("../internals/utils/date-utils");
 var _DatePickerToolbar = require("./DatePickerToolbar");
-var _slotsMigration = require("../internals/utils/slots-migration");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useDatePickerDefaultizedProps(props, name) {
@@ -30,7 +29,6 @@ function useDatePickerDefaultizedProps(props, name) {
       datePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  const slots = themeProps.slots ?? (0, _slotsMigration.uncapitalizeObjectKeys)(themeProps.components);
   return (0, _extends2.default)({}, themeProps, {
     localeText
   }, (0, _views.applyDefaultViewProps)({
@@ -45,7 +43,6 @@ function useDatePickerDefaultizedProps(props, name) {
     maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate),
     slots: (0, _extends2.default)({
       toolbar: _DatePickerToolbar.DatePickerToolbar
-    }, slots),
-    slotProps: themeProps.slotProps ?? themeProps.componentsProps
+    }, themeProps.slots)
   });
 }

package/node/DateTimeField/DateTimeField.js

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

package/node/DateTimePicker/DateTimePicker.js

@@ -83,21 +83,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.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.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DateTimePicker/shared.js

@@ -13,7 +13,6 @@ var _dateUtils = require("../internals/utils/date-utils");
 var _DateTimePickerTabs = require("./DateTimePickerTabs");
 var _DateTimePickerToolbar = require("./DateTimePickerToolbar");
 var _views = require("../internals/utils/views");
-var _slotsMigration = require("../internals/utils/slots-migration");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useDateTimePickerDefaultizedProps(props, name) {
@@ -32,8 +31,6 @@ function useDateTimePickerDefaultizedProps(props, name) {
       dateTimePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  const slots = themeProps.slots ?? (0, _slotsMigration.uncapitalizeObjectKeys)(themeProps.components);
-  const slotProps = themeProps.slotProps ?? themeProps.componentsProps;
   return (0, _extends2.default)({}, themeProps, (0, _views.applyDefaultViewProps)({
     views: themeProps.views,
     openTo: themeProps.openTo,
@@ -56,11 +53,11 @@ function useDateTimePickerDefaultizedProps(props, name) {
     slots: (0, _extends2.default)({
       toolbar: _DateTimePickerToolbar.DateTimePickerToolbar,
       tabs: _DateTimePickerTabs.DateTimePickerTabs
-    }, slots),
-    slotProps: (0, _extends2.default)({}, slotProps, {
+    }, themeProps.slots),
+    slotProps: (0, _extends2.default)({}, themeProps.slotProps, {
       toolbar: (0, _extends2.default)({
         ampm
-      }, slotProps?.toolbar)
+      }, themeProps.slotProps?.toolbar)
     })
   });
 }

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -93,21 +93,8 @@ DesktopDatePicker.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.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -142,21 +142,8 @@ DesktopDateTimePicker.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.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -125,18 +125,6 @@ DesktopTimePicker.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/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,23 @@ 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 formattedValue = utils.format(option, ampm ? 'fullTime12h' : 'fullTime24h');
+        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,10 +263,11 @@ 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));
+          children: formattedValue
+        }), formattedValue);
       })
     })
   }));
@@ -290,18 +294,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/LocalizationProvider/LocalizationProvider.js

@@ -116,10 +116,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   dateFormats: _propTypes.default.shape({
     dayOfMonth: _propTypes.default.string,
     fullDate: _propTypes.default.string,
-    fullDateTime: _propTypes.default.string,
-    fullDateTime12h: _propTypes.default.string,
-    fullDateTime24h: _propTypes.default.string,
-    fullDateWithWeekday: _propTypes.default.string,
     fullTime: _propTypes.default.string,
     fullTime12h: _propTypes.default.string,
     fullTime24h: _propTypes.default.string,
@@ -132,8 +128,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
     meridiem: _propTypes.default.string,
     minutes: _propTypes.default.string,
     month: _propTypes.default.string,
-    monthAndDate: _propTypes.default.string,
-    monthAndYear: _propTypes.default.string,
     monthShort: _propTypes.default.string,
     normalDate: _propTypes.default.string,
     normalDateWithWeekday: _propTypes.default.string,

package/node/MobileDatePicker/MobileDatePicker.js

@@ -90,21 +90,8 @@ 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.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -111,21 +111,8 @@ 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.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/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',