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

package/modern/dateViewRenderers/dateViewRenderers.js

@@ -27,8 +27,6 @@ export const renderDateViewCalendar = ({
   onYearChange,
   yearsPerRow,
   defaultCalendarMonth,
-  components,
-  componentsProps,
   slots,
   slotProps,
   loading,
@@ -68,8 +66,6 @@ export const renderDateViewCalendar = ({
   onYearChange: onYearChange,
   yearsPerRow: yearsPerRow,
   defaultCalendarMonth: defaultCalendarMonth,
-  components: components,
-  componentsProps: componentsProps,
   slots: slots,
   slotProps: slotProps,
   loading: loading,

package/modern/hooks/useClearableField.js

@@ -15,16 +15,14 @@ export const useClearableField = ({
   InputProps: ForwardedInputProps,
   onClear,
   slots,
-  slotProps,
-  components,
-  componentsProps
+  slotProps
 }) => {
   const localeText = useLocaleText();
-  const IconButton = slots?.clearButton ?? components?.ClearButton ?? MuiIconButton;
+  const IconButton = slots?.clearButton ?? MuiIconButton;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = useSlotProps({
       elementType: IconButton,
-      externalSlotProps: slotProps?.clearButton ?? componentsProps?.clearButton,
+      externalSlotProps: slotProps?.clearButton,
       ownerState: {},
       className: 'clearButton',
       additionalProps: {
@@ -32,10 +30,10 @@ export const useClearableField = ({
       }
     }),
     iconButtonProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
-  const EndClearIcon = slots?.clearIcon ?? components?.ClearIcon ?? ClearIcon;
+  const EndClearIcon = slots?.clearIcon ?? ClearIcon;
   const endClearIconProps = useSlotProps({
     elementType: EndClearIcon,
-    externalSlotProps: slotProps?.clearIcon ?? componentsProps?.clearIcon,
+    externalSlotProps: slotProps?.clearIcon,
     ownerState: {}
   });
   const InputProps = _extends({}, ForwardedInputProps, {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.18.0
+ * @mui/x-date-pickers v7.0.0-alpha.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/hooks/useViews.js

@@ -105,7 +105,8 @@ export function useViews({
     setFocusedView: handleFocusedViewChange,
     nextView,
     previousView,
-    defaultView: defaultView.current,
+    // Always return up to date default view instead of the initial one (i.e. defaultView.current)
+    defaultView: views.includes(openTo) ? openTo : views[0],
     goToNextView,
     setValueAndGoToNextView,
     setValueAndGoToView

package/modern/internals/index.js

@@ -26,6 +26,5 @@ export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
 export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
-export { uncapitalizeObjectKeys } from './utils/slots-migration';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export { useCalendarState } from '../DateCalendar/useCalendarState';

package/modern/locales/esES.js

@@ -27,7 +27,7 @@ const esESPickers = {
   timePickerToolbarTitle: 'Seleccionar hora',
   dateRangePickerToolbarTitle: 'Seleccionar rango de fecha',
   // Clock labels
-  clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'Sin tiempo seleccionado' : `El tiempo seleccionado es ${adapter.format(time, 'fullTime')}`}`,
+  clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'No hay hora seleccionada' : `La hora seleccionada es ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} horas`,
   minutesClockNumberText: minutes => `${minutes} minutos`,
   secondsClockNumberText: seconds => `${seconds} segundos`,
@@ -39,13 +39,12 @@ const esESPickers = {
   calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
   calendarWeekNumberText: weekNumber => `${weekNumber}`,
   // Open picker labels
-  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige la fecha',
-  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la hora, la hora elegido es ${utils.format(value, 'fullTime')}` : 'Elige la hora',
-  // fieldClearLabel: 'Clear value',
-
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige fecha',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige hora, la hora elegida es ${utils.format(value, 'fullTime')}` : 'Elige hora',
+  fieldClearLabel: 'Limpiar valor',
   // Table labels
-  timeTableLabel: 'elige la fecha',
-  dateTableLabel: 'elige la hora',
+  timeTableLabel: 'elige hora',
+  dateTableLabel: 'elige fecha',
   // Field section placeholders
   fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',

package/modern/locales/eu.js

@@ -0,0 +1,58 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'orduak',
+  minutes: 'minutuak',
+  seconds: 'segunduak',
+  meridiem: 'meridianoa'
+};
+const euPickers = {
+  // Calendar navigation
+  previousMonth: 'Azken hilabetea',
+  nextMonth: 'Hurrengo hilabetea',
+  // View navigation
+  openPreviousView: 'azken bista ireki',
+  openNextView: 'hurrengo bista ireki',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'urteko bista irekita dago, aldatu egutegi bistara' : 'egutegi bista irekita dago, aldatu urteko bistara',
+  // DateRange placeholders
+  start: 'Hasi',
+  end: 'Bukatu',
+  // Action bar
+  cancelButtonLabel: 'Utxi',
+  clearButtonLabel: 'Garbitu',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Gaur',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Data aukeratu',
+  dateTimePickerToolbarTitle: 'Data eta ordua aukeratu',
+  timePickerToolbarTitle: 'Ordua aukeratu',
+  dateRangePickerToolbarTitle: 'Data tartea aukeratu',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Aukeratu ${views[view]}. ${time === null ? 'Ez da ordurik aukertau' : `Aukeratutako ordua ${adapter.format(time, 'fullTime')} da`}`,
+  hoursClockNumberText: hours => `${hours} ordu`,
+  minutesClockNumberText: minutes => `${minutes} minutu`,
+  secondsClockNumberText: seconds => `${seconds} segundu`,
+  // Digital clock labels
+  selectViewText: view => `Aukeratu ${views[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Astea zenbakia',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `${weekNumber} astea`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Data aukeratu, aukeratutako data ${utils.format(value, 'fullDate')} da` : 'Data aukeratu',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Ordua aukeratu, aukeratutako ordua ${utils.format(value, 'fullTime')} da` : 'Ordua aukeratu',
+  fieldClearLabel: 'Balioa garbitu',
+  // Table labels
+  timeTableLabel: 'ordua aukeratu',
+  dateTableLabel: 'data aukeratu',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa'
+};
+export const eu = getPickersLocalization(euPickers);

package/modern/locales/index.js

@@ -5,6 +5,7 @@ export * from './deDE';
 export * from './elGR';
 export * from './enUS';
 export * from './esES';
+export * from './eu';
 export * from './faIR';
 export * from './fiFI';
 export * from './frFR';

package/modern/timeViewRenderers/timeViewRenderers.js

@@ -25,8 +25,6 @@ export const renderTimeViewClock = ({
   minutesStep,
   ampm,
   ampmInClock,
-  components,
-  componentsProps,
   slots,
   slotProps,
   readOnly,
@@ -57,8 +55,6 @@ export const renderTimeViewClock = ({
   minutesStep: minutesStep,
   ampm: ampm,
   ampmInClock: ampmInClock,
-  components: components,
-  componentsProps: componentsProps,
   slots: slots,
   slotProps: slotProps,
   readOnly: readOnly,
@@ -89,8 +85,6 @@ export const renderDigitalClockTimeView = ({
   shouldDisableClock,
   minutesStep,
   ampm,
-  components,
-  componentsProps,
   slots,
   slotProps,
   readOnly,
@@ -121,8 +115,6 @@ export const renderDigitalClockTimeView = ({
   shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
-  components: components,
-  componentsProps: componentsProps,
   slots: slots,
   slotProps: slotProps,
   readOnly: readOnly,
@@ -154,8 +146,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
   shouldDisableClock,
   minutesStep,
   ampm,
-  components,
-  componentsProps,
   slots,
   slotProps,
   readOnly,
@@ -186,8 +176,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
   shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
-  components: components,
-  componentsProps: componentsProps,
   slots: slots,
   slotProps: slotProps,
   readOnly: readOnly,

package/node/AdapterLuxon/AdapterLuxon.js

@@ -280,15 +280,25 @@ class AdapterLuxon {
     };
     this.expandFormat = format => {
       // Extract escaped section to avoid extending them
-      const longFormatRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
-      return format.match(longFormatRegexp).map(token => {
+      const catchEscapedSectionsRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
+
+      // Extract words to test if they are a token or a word to escape.
+      const catchWordsRegexp = /(?:^|[^a-z])([a-z]+)(?:[^a-z]|$)|([a-z]+)/gi;
+      return format.match(catchEscapedSectionsRegexp).map(token => {
         const firstCharacter = token[0];
         if (firstCharacter === "'") {
           return token;
         }
-        return _luxon.DateTime.expandFormat(token, {
+        const expandedToken = _luxon.DateTime.expandFormat(token, {
           locale: this.locale
         });
+        return expandedToken.replace(catchWordsRegexp, (correspondance, g1, g2) => {
+          const word = g1 || g2; // words are either in group 1 or group 2
+          if (word === 'yyyyy' || formatTokenMap[word] !== undefined) {
+            return correspondance;
+          }
+          return `'${correspondance}'`;
+        });
       }).join('')
       // The returned format can contain `yyyyy` which means year between 4 and 6 digits.
       // This value is supported by luxon parser but not luxon formatter.

package/node/DateCalendar/DateCalendar.js

@@ -29,7 +29,7 @@ var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _dimensions = require("../internals/constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
-const _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"];
+const _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"];
 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 => {
@@ -123,8 +123,6 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
       showDaysOutsideCurrentMonth,
       fixedWeekNumber,
       dayOfWeekFormatter,
-      components,
-      componentsProps,
       slots,
       slotProps,
       loading,
@@ -191,10 +189,10 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
   const maxDateWithDisabled = disabled && value || maxDate;
   const gridLabelId = `${id}-grid-label`;
   const hasFocus = focusedView !== null;
-  const CalendarHeader = slots?.calendarHeader ?? components?.CalendarHeader ?? _PickersCalendarHeader.PickersCalendarHeader;
+  const CalendarHeader = slots?.calendarHeader ?? _PickersCalendarHeader.PickersCalendarHeader;
   const calendarHeaderProps = (0, _utils.useSlotProps)({
     elementType: CalendarHeader,
-    externalSlotProps: slotProps?.calendarHeader ?? componentsProps?.calendarHeader,
+    externalSlotProps: slotProps?.calendarHeader,
     additionalProps: {
       views,
       view,
@@ -345,8 +343,6 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
           fixedWeekNumber: fixedWeekNumber,
           dayOfWeekFormatter: dayOfWeekFormatter,
           displayWeekNumber: displayWeekNumber,
-          components: components,
-          componentsProps: componentsProps,
           slots: slots,
           slotProps: slotProps,
           loading: loading,
@@ -370,18 +366,6 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   autoFocus: _propTypes.default.bool,
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * Formats the day of week displayed in the calendar header.
    * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.

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

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

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,18 +83,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.default.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * Formats the day of week displayed in the calendar header.
    * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.

package/node/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,18 +93,6 @@ 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.

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

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

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.