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

package/DateCalendar/DateCalendar.types.d.ts

@@ -10,7 +10,6 @@ import { PickerSelectionState } from '../internals/hooks/usePicker/usePickerValu
 import { ExportedUseViewsOptions } from '../internals/hooks/useViews';
 import { DateView, TimezoneProps } from '../models';
 import { DefaultizedProps } from '../internals/models/helpers';
-import { SlotsAndSlotProps } from '../internals/utils/slots-migration';
 import { ExportedYearCalendarProps } from '../YearCalendar/YearCalendar.types';
 import { ExportedMonthCalendarProps } from '../MonthCalendar/MonthCalendar.types';
 export interface DateCalendarSlotsComponent<TDate> extends PickersCalendarHeaderSlotsComponent, DayCalendarSlotsComponent<TDate> {
@@ -19,7 +18,7 @@ export interface DateCalendarSlotsComponent<TDate> extends PickersCalendarHeader
      * Check the [PickersCalendarHeader](https://mui.com/x/api/date-pickers/pickers-calendar-header/) component.
      * @default PickersCalendarHeader
      */
-    CalendarHeader?: React.ElementType<PickersCalendarHeaderProps<TDate>>;
+    calendarHeader?: React.ElementType<PickersCalendarHeaderProps<TDate>>;
 }
 export interface DateCalendarSlotsComponentsProps<TDate> extends PickersCalendarHeaderSlotsComponentsProps<TDate>, DayCalendarSlotsComponentsProps<TDate> {
     calendarHeader?: SlotComponentProps<typeof PickersCalendarHeader, {}, DateCalendarProps<TDate>>;
@@ -63,7 +62,7 @@ export interface ExportedDateCalendarProps<TDate> extends ExportedDayCalendarPro
      */
     onMonthChange?: (month: TDate) => void;
 }
-export interface DateCalendarProps<TDate> extends ExportedDateCalendarProps<TDate>, ExportedUseViewsOptions<DateView>, SlotsAndSlotProps<DateCalendarSlotsComponent<TDate>, DateCalendarSlotsComponentsProps<TDate>> {
+export interface DateCalendarProps<TDate> extends ExportedDateCalendarProps<TDate>, ExportedUseViewsOptions<DateView> {
     /**
      * The selected value.
      * Used when the component is controlled.
@@ -92,5 +91,15 @@ export interface DateCalendarProps<TDate> extends ExportedDateCalendarProps<TDat
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
     sx?: SxProps<Theme>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: DateCalendarSlotsComponent<TDate>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: DateCalendarSlotsComponentsProps<TDate>;
 }
 export type DateCalendarDefaultizedProps<TDate> = DefaultizedProps<DateCalendarProps<TDate>, 'views' | 'openTo' | 'loading' | 'reduceAnimations' | 'renderLoading' | keyof BaseDateValidationProps<TDate>>;

package/DateCalendar/DayCalendar.d.ts

@@ -5,7 +5,6 @@ import { PickerOnChangeFn } from '../internals/hooks/useViews';
 import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
 import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/models/validation';
 import { DayCalendarClasses } from './dayCalendarClasses';
-import { SlotsAndSlotProps } from '../internals/utils/slots-migration';
 import { TimezoneProps } from '../models';
 import { DefaultizedProps } from '../internals/models/helpers';
 export interface DayCalendarSlotsComponent<TDate> {
@@ -14,7 +13,7 @@ export interface DayCalendarSlotsComponent<TDate> {
      * Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
      * @default PickersDay
      */
-    Day?: React.ElementType<PickersDayProps<TDate>>;
+    day?: React.ElementType<PickersDayProps<TDate>>;
 }
 export interface DayCalendarSlotsComponentsProps<TDate> {
     day?: SlotComponentProps<typeof PickersDay, {}, DayCalendarProps<TDate> & {
@@ -37,12 +36,11 @@ export interface ExportedDayCalendarProps<TDate> extends ExportedPickersDayProps
     renderLoading?: () => React.ReactNode;
     /**
      * 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()
      */
-    dayOfWeekFormatter?: (day: string, date: TDate) => string;
+    dayOfWeekFormatter?: (date: TDate) => string;
     /**
      * If `true`, the week number will be display in the calendar.
      */
@@ -54,7 +52,7 @@ export interface ExportedDayCalendarProps<TDate> extends ExportedPickersDayProps
      */
     fixedWeekNumber?: number;
 }
-export interface DayCalendarProps<TDate> extends ExportedDayCalendarProps<TDate>, DayValidationProps<TDate>, MonthValidationProps<TDate>, YearValidationProps<TDate>, Required<BaseDateValidationProps<TDate>>, DefaultizedProps<TimezoneProps, 'timezone'>, SlotsAndSlotProps<DayCalendarSlotsComponent<TDate>, DayCalendarSlotsComponentsProps<TDate>> {
+export interface DayCalendarProps<TDate> extends ExportedDayCalendarProps<TDate>, DayValidationProps<TDate>, MonthValidationProps<TDate>, YearValidationProps<TDate>, Required<BaseDateValidationProps<TDate>>, DefaultizedProps<TimezoneProps, 'timezone'> {
     autoFocus?: boolean;
     className?: string;
     currentMonth: TDate;
@@ -73,6 +71,16 @@ export interface DayCalendarProps<TDate> extends ExportedDayCalendarProps<TDate>
     onFocusedViewChange?: (newHasFocus: boolean) => void;
     gridLabelId?: string;
     classes?: Partial<DayCalendarClasses>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: DayCalendarSlotsComponent<TDate>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: DayCalendarSlotsComponentsProps<TDate>;
 }
 /**
  * @ignore - do not document.

package/DateCalendar/DayCalendar.js

@@ -133,7 +133,7 @@ const PickersCalendarWeek = styled('div', {
   justifyContent: 'center'
 });
 function WrappedDay(_ref) {
-  var _ref2, _slots$day, _slotProps$day;
+  var _slots$day;
   let {
       parentProps,
       day,
@@ -149,8 +149,6 @@ function WrappedDay(_ref) {
     disableHighlightToday,
     isMonthSwitchingAnimating,
     showDaysOutsideCurrentMonth,
-    components,
-    componentsProps,
     slots,
     slotProps,
     timezone
@@ -160,11 +158,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 = (_ref2 = (_slots$day = slots == null ? void 0 : slots.day) != null ? _slots$day : components == null ? void 0 : components.Day) != null ? _ref2 : PickersDay;
+  const 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.
   const _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,
         showDaysOutsideCurrentMonth,
@@ -218,6 +216,7 @@ export function DayCalendar(inProps) {
     props: inProps,
     name: 'MuiDayCalendar'
   });
+  const utils = useUtils();
   const {
     onFocusedDayChange,
     className,
@@ -241,7 +240,7 @@ export function DayCalendar(inProps) {
     shouldDisableDate,
     shouldDisableMonth,
     shouldDisableYear,
-    dayOfWeekFormatter: dayOfWeekFormatterFromProps,
+    dayOfWeekFormatter = date => utils.format(date, 'weekdayShort').charAt(0).toUpperCase(),
     hasFocus,
     onFocusedViewChange,
     gridLabelId,
@@ -251,13 +250,9 @@ export function DayCalendar(inProps) {
     timezone
   } = props;
   const now = useNow(timezone);
-  const utils = useUtils();
   const classes = useUtilityClasses(props);
   const theme = 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 = useIsDateDisabled({
     shouldDisableDate,
     shouldDisableMonth,
@@ -412,17 +407,13 @@ export function DayCalendar(inProps) {
         "aria-label": localeText.calendarWeekNumberHeaderLabel,
         className: classes.weekNumberLabel,
         children: localeText.calendarWeekNumberHeaderText
-      }), getWeekdays(utils, now).map((weekday, i) => {
-        var _dayOfWeekFormatter;
-        const 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());
-      })]
+      }), getWeekdays(utils, now).map((weekday, i) => /*#__PURE__*/_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__*/_jsx(PickersCalendarLoadingContainer, {
       className: classes.loadingContainer,
       children: renderLoading()

package/DateCalendar/index.d.ts

@@ -10,4 +10,3 @@ export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClas
 export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
 export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses, } from './pickersSlideTransitionClasses';
 export type { ExportedSlideTransitionProps } from './PickersSlideTransition';
-export * from '../PickersCalendarHeader';

package/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/DateCalendar/useCalendarState.js

@@ -2,7 +2,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 const createCalendarStateReducer = (reduceAnimations, disableSwitchToMonthOnDayFocus, utils) => (state, action) => {
@@ -49,7 +49,6 @@ export const useCalendarState = params => {
     shouldDisableDate,
     timezone
   } = params;
-  const now = useNow(timezone);
   const utils = useUtils();
   const reducerFn = React.useRef(createCalendarStateReducer(Boolean(reduceAnimations), disableSwitchToMonthOnDayFocus, utils)).current;
   const referenceDate = React.useMemo(() => {
@@ -73,7 +72,7 @@ export const useCalendarState = params => {
 
   const [calendarState, dispatch] = React.useReducer(reducerFn, {
     isMonthSwitchingAnimating: false,
-    focusedDay: value || now,
+    focusedDay: referenceDate,
     currentMonth: utils.startOfMonth(referenceDate),
     slideDirection: 'left'
   });

package/DateField/DateField.js

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

@@ -7,7 +7,6 @@ import { UseFieldInternalProps } from '../internals/hooks/useField';
 import { DefaultizedProps, MakeOptional } from '../internals/models/helpers';
 import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/models/validation';
 import { FieldsTextFieldProps } from '../internals/models/fields';
-import { SlotsAndSlotProps } from '../internals/utils/slots-migration';
 export interface UseDateFieldParams<TDate, TChildProps extends {}> {
     props: UseDateFieldComponentProps<TDate, TChildProps>;
     inputRef?: React.Ref<HTMLInputElement>;
@@ -16,7 +15,17 @@ export interface UseDateFieldProps<TDate> extends MakeOptional<UseFieldInternalP
 }
 export type UseDateFieldDefaultizedProps<TDate> = DefaultizedProps<UseDateFieldProps<TDate>, keyof BaseDateValidationProps<any> | 'format'>;
 export type UseDateFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseDateFieldProps<TDate>> & UseDateFieldProps<TDate>;
-export interface DateFieldProps<TDate> extends UseDateFieldComponentProps<TDate, FieldsTextFieldProps>, SlotsAndSlotProps<DateFieldSlotsComponent, DateFieldSlotsComponentsProps<TDate>> {
+export interface DateFieldProps<TDate> extends UseDateFieldComponentProps<TDate, FieldsTextFieldProps> {
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: DateFieldSlotsComponent;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: DateFieldSlotsComponentsProps<TDate>;
 }
 export type DateFieldOwnerState<TDate> = DateFieldProps<TDate>;
 export interface DateFieldSlotsComponent extends FieldSlotsComponents {
@@ -25,7 +34,7 @@ export interface DateFieldSlotsComponent extends FieldSlotsComponents {
      * Receives the same props as `@mui/material/TextField`.
      * @default TextField from '@mui/material'
      */
-    TextField?: React.ElementType;
+    textField?: React.ElementType;
 }
 export interface DateFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
     textField?: SlotComponentProps<typeof TextField, {}, DateFieldOwnerState<TDate>>;

package/DatePicker/DatePicker.js

@@ -64,21 +64,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/DatePicker/DatePicker.types.d.ts

@@ -1,5 +1,4 @@
 import { DesktopDatePickerProps, DesktopDatePickerSlotsComponent, DesktopDatePickerSlotsComponentsProps } from '../DesktopDatePicker';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { MobileDatePickerProps, MobileDatePickerSlotsComponent, MobileDatePickerSlotsComponentsProps } from '../MobileDatePicker';
 export interface DatePickerSlotsComponents<TDate> extends DesktopDatePickerSlotsComponent<TDate>, MobileDatePickerSlotsComponent<TDate> {
 }
@@ -17,23 +16,11 @@ export interface DatePickerProps<TDate> extends DesktopDatePickerProps<TDate>, M
      * @default 4 on desktop, 3 on mobile
      */
     yearsPerRow?: 3 | 4;
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: DatePickerSlotsComponents<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: DatePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<DatePickerSlotsComponents<TDate>>;
+    slots?: DatePickerSlotsComponents<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/DatePicker/shared.d.ts

@@ -3,7 +3,7 @@ import { DefaultizedProps } from '../internals/models/helpers';
 import { DateCalendarSlotsComponent, DateCalendarSlotsComponentsProps, ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';
 import { DateValidationError, DateView } from '../models';
 import { BasePickerInputProps } from '../internals/models/props/basePickerProps';
-import { BaseDateValidationProps, UncapitalizeObjectKeys } from '../internals';
+import { BaseDateValidationProps } from '../internals';
 import { LocalizedComponent } from '../locales/utils/pickersLocaleTextApi';
 import { DatePickerToolbarProps, ExportedDatePickerToolbarProps } from './DatePickerToolbar';
 import { PickerViewRendererLookup } from '../internals/hooks/usePicker/usePickerViews';
@@ -13,29 +13,17 @@ export interface BaseDatePickerSlotsComponent<TDate> extends DateCalendarSlotsCo
      * Custom component for the toolbar rendered above the views.
      * @default DatePickerToolbar
      */
-    Toolbar?: React.JSXElementConstructor<DatePickerToolbarProps<TDate>>;
+    toolbar?: React.JSXElementConstructor<DatePickerToolbarProps<TDate>>;
 }
 export interface BaseDatePickerSlotsComponentsProps<TDate> extends DateCalendarSlotsComponentsProps<TDate> {
     toolbar?: ExportedDatePickerToolbarProps;
 }
 export interface BaseDatePickerProps<TDate> extends BasePickerInputProps<TDate | null, TDate, DateView, DateValidationError>, ExportedDateCalendarProps<TDate> {
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: BaseDatePickerSlotsComponent<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: BaseDatePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<BaseDatePickerSlotsComponent<TDate>>;
+    slots?: BaseDatePickerSlotsComponent<TDate>;
     /**
      * The props used for each component slot.
      * @default {}
@@ -48,6 +36,6 @@ export interface BaseDatePickerProps<TDate> extends BasePickerInputProps<TDate |
      */
     viewRenderers?: Partial<PickerViewRendererLookup<TDate | null, DateView, DateViewRendererProps<TDate, DateView>, {}>>;
 }
-type UseDatePickerDefaultizedProps<TDate, Props extends BaseDatePickerProps<TDate>> = LocalizedComponent<TDate, Omit<DefaultizedProps<Props, 'views' | 'openTo' | keyof BaseDateValidationProps<TDate>>, 'components' | 'componentsProps'>>;
+type UseDatePickerDefaultizedProps<TDate, Props extends BaseDatePickerProps<TDate>> = LocalizedComponent<TDate, DefaultizedProps<Props, 'views' | 'openTo' | keyof BaseDateValidationProps<TDate>>>;
 export declare function useDatePickerDefaultizedProps<TDate, Props extends BaseDatePickerProps<TDate>>(props: Props, name: string): UseDatePickerDefaultizedProps<TDate, Props>;
 export {};

package/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;
   const utils = useUtils();
   const defaultDates = useDefaultDates();
   const themeProps = useThemeProps({
@@ -23,7 +22,6 @@ export function useDatePickerDefaultizedProps(props, name) {
       datePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  const slots = (_themeProps$slots = themeProps.slots) != null ? _themeProps$slots : uncapitalizeObjectKeys(themeProps.components);
   return _extends({}, themeProps, {
     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/DateTimeField/DateTimeField.js

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

package/DateTimeField/DateTimeField.types.d.ts

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

package/DateTimePicker/DateTimePicker.js

@@ -74,21 +74,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/DateTimePicker/DateTimePicker.types.d.ts

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