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

package/legacy/DateCalendar/DateCalendar.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "components", "componentsProps", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
+var _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -87,7 +87,7 @@ var DateCalendarViewTransitionContainer = styled(PickersFadeTransitionGroup, {
  * - [DateCalendar API](https://mui.com/x/api/date-pickers/date-calendar/)
  */
 export var DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(inProps, ref) {
-  var _ref, _slots$calendarHeader, _slotProps$calendarHe;
+  var _slots$calendarHeader;
   var utils = useUtils();
   var id = useId();
   var props = useDateCalendarDefaultizedProps(inProps, 'MuiDateCalendar');
@@ -120,8 +120,6 @@ export var DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(in
     showDaysOutsideCurrentMonth = props.showDaysOutsideCurrentMonth,
     fixedWeekNumber = props.fixedWeekNumber,
     dayOfWeekFormatter = props.dayOfWeekFormatter,
-    components = props.components,
-    componentsProps = props.componentsProps,
     slots = props.slots,
     slotProps = props.slotProps,
     loading = props.loading,
@@ -184,10 +182,10 @@ export var DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(in
   var maxDateWithDisabled = disabled && value || maxDate;
   var gridLabelId = "".concat(id, "-grid-label");
   var hasFocus = focusedView !== null;
-  var CalendarHeader = (_ref = (_slots$calendarHeader = slots == null ? void 0 : slots.calendarHeader) != null ? _slots$calendarHeader : components == null ? void 0 : components.CalendarHeader) != null ? _ref : PickersCalendarHeader;
+  var CalendarHeader = (_slots$calendarHeader = slots == null ? void 0 : slots.calendarHeader) != null ? _slots$calendarHeader : PickersCalendarHeader;
   var calendarHeaderProps = useSlotProps({
     elementType: CalendarHeader,
-    externalSlotProps: (_slotProps$calendarHe = slotProps == null ? void 0 : slotProps.calendarHeader) != null ? _slotProps$calendarHe : componentsProps == null ? void 0 : componentsProps.calendarHeader,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.calendarHeader,
     additionalProps: {
       views: views,
       view: view,
@@ -348,8 +346,6 @@ export var DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(in
           fixedWeekNumber: fixedWeekNumber,
           dayOfWeekFormatter: dayOfWeekFormatter,
           displayWeekNumber: displayWeekNumber,
-          components: components,
-          componentsProps: componentsProps,
           slots: slots,
           slotProps: slotProps,
           loading: loading,
@@ -373,21 +369,8 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   autoFocus: PropTypes.bool,
   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,
   /**
    * 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/DateCalendar/DayCalendar.js

@@ -153,7 +153,7 @@ var PickersCalendarWeek = styled('div', {
   justifyContent: 'center'
 });
 function WrappedDay(_ref4) {
-  var _ref5, _slots$day, _slotProps$day;
+  var _slots$day;
   var parentProps = _ref4.parentProps,
     day = _ref4.day,
     focusableDay = _ref4.focusableDay,
@@ -166,8 +166,6 @@ function WrappedDay(_ref4) {
     disableHighlightToday = parentProps.disableHighlightToday,
     isMonthSwitchingAnimating = parentProps.isMonthSwitchingAnimating,
     showDaysOutsideCurrentMonth = parentProps.showDaysOutsideCurrentMonth,
-    components = parentProps.components,
-    componentsProps = parentProps.componentsProps,
     slots = parentProps.slots,
     slotProps = parentProps.slotProps,
     timezone = parentProps.timezone;
@@ -178,11 +176,11 @@ function WrappedDay(_ref4) {
     return utils.isSameDay(selectedDay, day);
   });
   var isToday = utils.isSameDay(day, now);
-  var Day = (_ref5 = (_slots$day = slots == null ? void 0 : slots.day) != null ? _slots$day : components == null ? void 0 : components.Day) != null ? _ref5 : PickersDay;
+  var Day = (_slots$day = slots == null ? void 0 : slots.day) != null ? _slots$day : PickersDay;
   // We don't want to pass to ownerState down, to avoid re-rendering all the day whenever a prop changes.
   var _useSlotProps = useSlotProps({
       elementType: Day,
-      externalSlotProps: (_slotProps$day = slotProps == null ? void 0 : slotProps.day) != null ? _slotProps$day : componentsProps == null ? void 0 : componentsProps.day,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.day,
       additionalProps: _extends({
         disableHighlightToday: disableHighlightToday,
         showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
@@ -241,6 +239,7 @@ export function DayCalendar(inProps) {
     props: inProps,
     name: 'MuiDayCalendar'
   });
+  var utils = useUtils();
   var onFocusedDayChange = props.onFocusedDayChange,
     className = props.className,
     currentMonth = props.currentMonth,
@@ -266,7 +265,10 @@ export function DayCalendar(inProps) {
     shouldDisableDate = props.shouldDisableDate,
     shouldDisableMonth = props.shouldDisableMonth,
     shouldDisableYear = props.shouldDisableYear,
-    dayOfWeekFormatterFromProps = props.dayOfWeekFormatter,
+    _props$dayOfWeekForma = props.dayOfWeekFormatter,
+    dayOfWeekFormatter = _props$dayOfWeekForma === void 0 ? function (date) {
+      return utils.format(date, 'weekdayShort').charAt(0).toUpperCase();
+    } : _props$dayOfWeekForma,
     hasFocus = props.hasFocus,
     onFocusedViewChange = props.onFocusedViewChange,
     gridLabelId = props.gridLabelId,
@@ -275,15 +277,9 @@ export function DayCalendar(inProps) {
     autoFocus = props.autoFocus,
     timezone = props.timezone;
   var now = useNow(timezone);
-  var utils = useUtils();
   var classes = useUtilityClasses(props);
   var theme = useTheme();
   var isRTL = theme.direction === 'rtl';
-
-  // before we could define this outside of the component scope, but now we need utils, which is only defined here
-  var dayOfWeekFormatter = dayOfWeekFormatterFromProps || function (_day, date) {
-    return utils.format(date, 'weekdayShort').charAt(0).toUpperCase();
-  };
   var isDateDisabled = useIsDateDisabled({
     shouldDisableDate: shouldDisableDate,
     shouldDisableMonth: shouldDisableMonth,
@@ -457,15 +453,13 @@ export function DayCalendar(inProps) {
         className: classes.weekNumberLabel,
         children: localeText.calendarWeekNumberHeaderText
       }), getWeekdays(utils, now).map(function (weekday, i) {
-        var _dayOfWeekFormatter;
-        var day = utils.format(weekday, 'weekdayShort');
         return /*#__PURE__*/_jsx(PickersCalendarWeekDayLabel, {
           variant: "caption",
           role: "columnheader",
           "aria-label": utils.format(utils.addDays(startOfCurrentWeek, i), 'weekday'),
           className: classes.weekDayLabel,
-          children: (_dayOfWeekFormatter = dayOfWeekFormatter == null ? void 0 : dayOfWeekFormatter(day, weekday)) != null ? _dayOfWeekFormatter : day
-        }, day + i.toString());
+          children: dayOfWeekFormatter(weekday)
+        }, i.toString());
       })]
     }), loading ? /*#__PURE__*/_jsx(PickersCalendarLoadingContainer, {
       className: classes.loadingContainer,

package/legacy/DateCalendar/index.js

@@ -2,6 +2,4 @@ export { DateCalendar } from './DateCalendar';
 export { getDateCalendarUtilityClass, dateCalendarClasses } from './dateCalendarClasses';
 export { dayPickerClasses } from './dayCalendarClasses';
 export { pickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
-export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
-// TODO v7: Remove and export the `PickersCalendarHeader` folder from the root instead.
-export * from '../PickersCalendarHeader';
+export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';

package/legacy/DateCalendar/useCalendarState.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useIsDateDisabled } from './useIsDateDisabled';
-import { useUtils, useNow } from '../internals/hooks/useUtils';
+import { useUtils } from '../internals/hooks/useUtils';
 import { singleItemValueManager } from '../internals/utils/valueManagers';
 import { SECTION_TYPE_GRANULARITY } from '../internals/utils/getDefaultReferenceDate';
 export var createCalendarStateReducer = function createCalendarStateReducer(reduceAnimations, disableSwitchToMonthOnDayFocus, utils) {
@@ -51,7 +51,6 @@ export var useCalendarState = function useCalendarState(params) {
     reduceAnimations = params.reduceAnimations,
     shouldDisableDate = params.shouldDisableDate,
     timezone = params.timezone;
-  var now = useNow(timezone);
   var utils = useUtils();
   var reducerFn = React.useRef(createCalendarStateReducer(Boolean(reduceAnimations), disableSwitchToMonthOnDayFocus, utils)).current;
   var referenceDate = React.useMemo(function () {
@@ -75,7 +74,7 @@ export var useCalendarState = function useCalendarState(params) {
 
   var _React$useReducer = React.useReducer(reducerFn, {
       isMonthSwitchingAnimating: false,
-      focusedDay: value || now,
+      focusedDay: referenceDate,
       currentMonth: utils.startOfMonth(referenceDate),
       slideDirection: 'left'
     }),

package/legacy/DateField/DateField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["components", "componentsProps", "slots", "slotProps", "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";
  * - [DateField API](https://mui.com/x/api/date-pickers/date-field/)
  */
 var DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
-  var _ref, _slots$textField, _slotProps$textField;
+  var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
     name: 'MuiDateField'
   });
-  var components = themeProps.components,
-    componentsProps = themeProps.componentsProps,
-    slots = themeProps.slots,
+  var slots = themeProps.slots,
     slotProps = themeProps.slotProps,
     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 DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
       fieldProps: fieldProps,
       InputProps: fieldProps.InputProps,
       slots: slots,
-      slotProps: slotProps,
-      components: components,
-      componentsProps: componentsProps
+      slotProps: slotProps
     }),
     ProcessedInputProps = _useClearableField.InputProps,
     processedFieldProps = _useClearableField.fieldProps;
@@ -111,18 +107,6 @@ process.env.NODE_ENV !== "production" ? DateField.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/DatePicker/DatePicker.js

@@ -63,21 +63,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.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/DatePicker/shared.js

@@ -5,9 +5,8 @@ import { useDefaultDates, useUtils } from '../internals/hooks/useUtils';
 import { applyDefaultViewProps } from '../internals/utils/views';
 import { applyDefaultDate } from '../internals/utils/date-utils';
 import { DatePickerToolbar } from './DatePickerToolbar';
-import { uncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 export function useDatePickerDefaultizedProps(props, name) {
-  var _themeProps$slots, _themeProps$disableFu, _themeProps$disablePa, _themeProps$slotProps;
+  var _themeProps$disableFu, _themeProps$disablePa;
   var utils = useUtils();
   var defaultDates = useDefaultDates();
   var themeProps = useThemeProps({
@@ -23,7 +22,6 @@ export function useDatePickerDefaultizedProps(props, name) {
       datePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  var slots = (_themeProps$slots = themeProps.slots) != null ? _themeProps$slots : uncapitalizeObjectKeys(themeProps.components);
   return _extends({}, themeProps, {
     localeText: localeText
   }, applyDefaultViewProps({
@@ -38,7 +36,6 @@ export function useDatePickerDefaultizedProps(props, name) {
     maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate),
     slots: _extends({
       toolbar: DatePickerToolbar
-    }, slots),
-    slotProps: (_themeProps$slotProps = themeProps.slotProps) != null ? _themeProps$slotProps : themeProps.componentsProps
+    }, themeProps.slots)
   });
 }

package/legacy/DateTimeField/DateTimeField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["components", "componentsProps", "slots", "slotProps", "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";
  * - [DateTimeField API](https://mui.com/x/api/date-pickers/date-time-field/)
  */
 var DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps, ref) {
-  var _ref, _slots$textField, _slotProps$textField;
+  var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
     name: 'MuiDateTimeField'
   });
-  var components = themeProps.components,
-    componentsProps = themeProps.componentsProps,
-    slots = themeProps.slots,
+  var slots = themeProps.slots,
     slotProps = themeProps.slotProps,
     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 DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps
       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" ? 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/legacy/DateTimePicker/DateTimePicker.js

@@ -73,21 +73,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.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/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;
   var utils = useUtils();
   var defaultDates = useDefaultDates();
   var themeProps = useThemeProps({
@@ -25,8 +24,6 @@ export function useDateTimePickerDefaultizedProps(props, name) {
       dateTimePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  var slots = (_themeProps$slots = themeProps.slots) != null ? _themeProps$slots : uncapitalizeObjectKeys(themeProps.components);
-  var 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: ampm
-      }, slotProps == null ? void 0 : slotProps.toolbar)
+      }, (_themeProps$slotProps = themeProps.slotProps) == null ? void 0 : _themeProps$slotProps.toolbar)
     })
   });
 }

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -87,21 +87,8 @@ 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.
    * @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/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -135,21 +135,8 @@ 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.
    * @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/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/legacy/DigitalClock/DigitalClock.js

@@ -1,7 +1,7 @@
 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", "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"];
+var _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';
@@ -97,7 +97,7 @@ var DigitalClockItem = styled(MenuItem, {
  * - [DigitalClock API](https://mui.com/x/api/date-pickers/digital-clock/)
  */
 export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(inProps, ref) {
-  var _ref3, _slots$digitalClockIt, _slotProps$digitalClo;
+  var _slots$digitalClockIt;
   var utils = useUtils();
   var containerRef = React.useRef(null);
   var handleRef = useForkRef(ref, containerRef);
@@ -110,8 +110,6 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
     _props$timeStep = props.timeStep,
     timeStep = _props$timeStep === void 0 ? 30 : _props$timeStep,
     autoFocus = props.autoFocus,
-    components = props.components,
-    componentsProps = props.componentsProps,
     slots = props.slots,
     slotProps = props.slotProps,
     valueProp = props.value,
@@ -161,10 +159,10 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
     });
   }, [props]);
   var classes = useUtilityClasses(ownerState);
-  var ClockItem = (_ref3 = (_slots$digitalClockIt = slots == null ? void 0 : slots.digitalClockItem) != null ? _slots$digitalClockIt : components == null ? void 0 : components.DigitalClockItem) != null ? _ref3 : DigitalClockItem;
+  var ClockItem = (_slots$digitalClockIt = slots == null ? void 0 : slots.digitalClockItem) != null ? _slots$digitalClockIt : DigitalClockItem;
   var 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
   });
@@ -195,11 +193,14 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
     if (containerRef.current === null) {
       return;
     }
-    var selectedItem = containerRef.current.querySelector('[role="listbox"] [role="option"][aria-selected="true"]');
-    if (!selectedItem) {
+    var activeItem = containerRef.current.querySelector('[role="listbox"] [role="option"][tabindex="0"], [role="listbox"] [role="option"][aria-selected="true"]');
+    if (!activeItem) {
       return;
     }
-    var offsetTop = selectedItem.offsetTop;
+    var 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;
@@ -243,21 +244,25 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
       return utils.addMinutes(startOfDay, timeStep * (index + 1));
     })));
   }, [valueOrReferenceDate, timeStep, utils]);
+  var focusedOptionIndex = timeOptions.findIndex(function (option) {
+    return 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(function (option) {
+      children: timeOptions.map(function (option, index) {
         if (skipDisabled && isTimeDisabled(option)) {
           return null;
         }
         var isSelected = utils.isEqual(option, value);
+        var formattedValue = utils.format(option, ampm ? 'fullTime12h' : 'fullTime24h');
+        var tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
         return /*#__PURE__*/_jsx(ClockItem, _extends({
           onClick: function onClick() {
             return !readOnly && handleItemSelect(option);
@@ -269,10 +274,11 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
           // 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);
       })
     })
   }));
@@ -299,18 +305,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/legacy/LocalizationProvider/LocalizationProvider.js

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