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

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts

@@ -3,13 +3,12 @@ import { SlotComponentProps } from '@mui/base/utils';
 import IconButton from '@mui/material/IconButton';
 import SvgIcon from '@mui/material/SvgIcon';
 import { PickersArrowSwitcherClasses } from './pickersArrowSwitcherClasses';
-import { UncapitalizeObjectKeys } from '../../utils/slots-migration';
 export interface ExportedPickersArrowSwitcherProps {
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<PickersArrowSwitcherSlotsComponent>;
+    slots?: PickersArrowSwitcherSlotsComponent;
     /**
      * The props used for each component slot.
      * @default {}
@@ -36,22 +35,22 @@ export interface PickersArrowSwitcherSlotsComponent {
      * Button allowing to switch to the left view.
      * @default IconButton
      */
-    PreviousIconButton?: React.ElementType;
+    previousIconButton?: React.ElementType;
     /**
      * Button allowing to switch to the right view.
      * @default IconButton
      */
-    NextIconButton?: React.ElementType;
+    nextIconButton?: React.ElementType;
     /**
      * Icon displayed in the left view switch button.
      * @default ArrowLeft
      */
-    LeftArrowIcon?: React.ElementType;
+    leftArrowIcon?: React.ElementType;
     /**
      * Icon displayed in the right view switch button.
      * @default ArrowRight
      */
-    RightArrowIcon?: React.ElementType;
+    rightArrowIcon?: React.ElementType;
 }
 export interface PickersArrowSwitcherButtonSlotOwnerState extends PickersArrowSwitcherOwnerState {
     hidden?: boolean;

package/internals/components/PickersModalDialog.d.ts

@@ -2,24 +2,23 @@ import * as React from 'react';
 import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
 import { PaperProps as MuiPaperProps } from '@mui/material/Paper/Paper';
 import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions/transition';
-import { UncapitalizeObjectKeys } from '../utils/slots-migration';
 import { UsePickerValueActions } from '../hooks/usePicker/usePickerValue.types';
 export interface PickersModalDialogSlotsComponent {
     /**
      * Custom component for the dialog inside which the views are rendered on mobile.
      * @default PickersModalDialogRoot
      */
-    Dialog?: React.ElementType<MuiDialogProps>;
+    dialog?: React.ElementType<MuiDialogProps>;
     /**
      * Custom component for the paper rendered inside the mobile picker's Dialog.
      * @default Paper from '@mui/material'.
      */
-    MobilePaper?: React.JSXElementConstructor<MuiPaperProps>;
+    mobilePaper?: React.JSXElementConstructor<MuiPaperProps>;
     /**
      * Custom component for the mobile dialog [Transition](https://mui.com/material-ui/transitions/).
      * @default Fade from '@mui/material'.
      */
-    MobileTransition?: React.JSXElementConstructor<MuiTransitionProps>;
+    mobileTransition?: React.JSXElementConstructor<MuiTransitionProps>;
 }
 export interface PickersModalDialogSlotsComponentsProps {
     /**
@@ -40,7 +39,7 @@ export interface PickersModalDialogProps extends UsePickerValueActions {
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<PickersModalDialogSlotsComponent>;
+    slots?: PickersModalDialogSlotsComponent;
     /**
      * The props used for each component slot.
      * @default {}

package/internals/components/PickersPopper.d.ts

@@ -5,7 +5,6 @@ import MuiPopper, { PopperProps as MuiPopperProps, PopperPlacementType } from '@
 import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
 import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
 import { PickersPopperClasses } from './pickersPopperClasses';
-import { UncapitalizeObjectKeys } from '../utils/slots-migration';
 import { UsePickerValueActions } from '../hooks/usePicker/usePickerValue.types';
 interface PickersPopperOwnerState extends PickerPopperProps {
     placement: PopperPlacementType;
@@ -15,22 +14,22 @@ export interface PickersPopperSlotsComponent {
      * Custom component for the paper rendered inside the desktop picker's Popper.
      * @default PickersPopperPaper
      */
-    DesktopPaper?: React.JSXElementConstructor<MuiPaperProps>;
+    desktopPaper?: React.JSXElementConstructor<MuiPaperProps>;
     /**
      * Custom component for the desktop popper [Transition](https://mui.com/material-ui/transitions/).
      * @default Grow or Fade from '@mui/material' when `reduceAnimations` is `true`.
      */
-    DesktopTransition?: React.JSXElementConstructor<MuiTransitionProps>;
+    desktopTransition?: React.JSXElementConstructor<MuiTransitionProps>;
     /**
      * Custom component for trapping the focus inside the views on desktop.
      * @default FocusTrap from '@mui/base'.
      */
-    DesktopTrapFocus?: React.JSXElementConstructor<MuiTrapFocusProps>;
+    desktopTrapFocus?: React.JSXElementConstructor<MuiTrapFocusProps>;
     /**
      * Custom component for the popper inside which the views are rendered on desktop.
      * @default Popper from '@mui/material'.
      */
-    Popper?: React.ElementType<MuiPopperProps>;
+    popper?: React.ElementType<MuiPopperProps>;
 }
 export interface PickersPopperSlotsComponentsProps {
     /**
@@ -58,7 +57,7 @@ export interface PickerPopperProps extends UsePickerValueActions {
     containerRef?: React.Ref<HTMLDivElement>;
     children?: React.ReactNode;
     onBlur?: () => void;
-    slots?: UncapitalizeObjectKeys<PickersPopperSlotsComponent>;
+    slots?: PickersPopperSlotsComponent;
     slotProps?: PickersPopperSlotsComponentsProps;
     classes?: Partial<PickersPopperClasses>;
     shouldRestoreFocus?: () => boolean;

package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts

@@ -10,34 +10,33 @@ import { BaseSingleInputFieldProps, FieldSection, MuiPickersAdapter } from '../.
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps, PickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
 import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
 import { UsePickerViewsNonStaticProps, UsePickerViewsProps } from '../usePicker/usePickerViews';
-import { UncapitalizeObjectKeys } from '../../utils/slots-migration';
 import { DateOrTimeViewWithMeridiem } from '../../models';
 import { FieldSlotsComponents, FieldSlotsComponentsProps } from '../useField';
-export interface UseDesktopPickerSlotsComponent<TDate, TView extends DateOrTimeViewWithMeridiem> extends Pick<PickersPopperSlotsComponent, 'DesktopPaper' | 'DesktopTransition' | 'DesktopTrapFocus' | 'Popper'>, ExportedPickersLayoutSlotsComponent<TDate | null, TDate, TView>, FieldSlotsComponents {
+export interface UseDesktopPickerSlotsComponent<TDate, TView extends DateOrTimeViewWithMeridiem> extends Pick<PickersPopperSlotsComponent, 'desktopPaper' | 'desktopTransition' | 'desktopTrapFocus' | 'popper'>, ExportedPickersLayoutSlotsComponent<TDate | null, TDate, TView>, FieldSlotsComponents {
     /**
      * Component used to enter the date with the keyboard.
      */
-    Field: React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, any>>;
+    field: React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, any>>;
     /**
      * Form control with an input to render the value inside the default field.
      * Receives the same props as `@mui/material/TextField`.
      * @default TextField from '@mui/material'
      */
-    TextField?: React.ElementType<TextFieldProps>;
+    textField?: React.ElementType<TextFieldProps>;
     /**
      * Component displayed on the start or end input adornment used to open the picker on desktop.
      * @default InputAdornment
      */
-    InputAdornment?: React.ElementType<InputAdornmentProps>;
+    inputAdornment?: React.ElementType<InputAdornmentProps>;
     /**
      * Button to open the picker on desktop.
      * @default IconButton
      */
-    OpenPickerButton?: React.ElementType<IconButtonProps>;
+    openPickerButton?: React.ElementType<IconButtonProps>;
     /**
      * Icon displayed in the open picker button on desktop.
      */
-    OpenPickerIcon: React.ElementType;
+    openPickerIcon: React.ElementType;
 }
 export interface UseDesktopPickerSlotsComponentsProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends ExportedUseDesktopPickerSlotsComponentsProps<TDate, TView>, Pick<PickersLayoutSlotsComponentsProps<TDate | null, TDate, TView>, 'toolbar'> {
 }
@@ -59,7 +58,7 @@ export interface UseDesktopPickerProps<TDate, TView extends DateOrTimeViewWithMe
      * Overridable component slots.
      * @default {}
      */
-    slots: UncapitalizeObjectKeys<UseDesktopPickerSlotsComponent<TDate, TView>>;
+    slots: UseDesktopPickerSlotsComponent<TDate, TView>;
     /**
      * The props used for each component slot.
      * @default {}

package/internals/hooks/useField/useField.types.d.ts

@@ -323,12 +323,12 @@ export interface FieldSlotsComponents {
      * Icon to display inside the clear button.
      * @default ClearIcon
      */
-    ClearIcon?: React.ElementType;
+    clearIcon?: React.ElementType;
     /**
      * Button to clear the value.
      * @default IconButton
      */
-    ClearButton?: React.ElementType;
+    clearButton?: React.ElementType;
 }
 export interface FieldSlotsComponentsProps {
     clearIcon?: SlotComponentProps<typeof ClearIcon, {}, {}>;

package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts

@@ -8,19 +8,18 @@ import { BaseSingleInputFieldProps, FieldSection, MuiPickersAdapter } from '../.
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps, PickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
 import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
 import { UsePickerViewsNonStaticProps, UsePickerViewsProps } from '../usePicker/usePickerViews';
-import { UncapitalizeObjectKeys } from '../../utils/slots-migration';
 import { DateOrTimeViewWithMeridiem } from '../../models';
 export interface UseMobilePickerSlotsComponent<TDate, TView extends DateOrTimeViewWithMeridiem> extends PickersModalDialogSlotsComponent, ExportedPickersLayoutSlotsComponent<TDate | null, TDate, TView> {
     /**
      * Component used to enter the date with the keyboard.
      */
-    Field: React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, any>>;
+    field: React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, any>>;
     /**
      * Form control with an input to render the value inside the default field.
      * Receives the same props as `@mui/material/TextField`.
      * @default TextField from '@mui/material'
      */
-    TextField?: React.ElementType<TextFieldProps>;
+    textField?: React.ElementType<TextFieldProps>;
 }
 export interface ExportedUseMobilePickerSlotsComponentsProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends PickersModalDialogSlotsComponentsProps, ExportedPickersLayoutSlotsComponentsProps<TDate | null, TDate, TView> {
     field?: SlotComponentProps<React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, unknown>>, {}, UsePickerProps<TDate | null, TDate, any, FieldSection, any, any, any>>;
@@ -35,7 +34,7 @@ export interface UseMobilePickerProps<TDate, TView extends DateOrTimeViewWithMer
      * Overridable component slots.
      * @default {}
      */
-    slots: UncapitalizeObjectKeys<UseMobilePickerSlotsComponent<TDate, TView>>;
+    slots: UseMobilePickerSlotsComponent<TDate, TView>;
     /**
      * The props used for each component slot.
      * @default {}

package/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
 import { BasePickerProps } from '../../models/props/basePickerProps';
-import { UncapitalizeObjectKeys } from '../../utils/slots-migration';
 import { UsePickerParams } from '../usePicker';
 import { UsePickerViewsProps } from '../usePicker/usePickerViews';
 import { FieldSection } from '../../../models';
@@ -28,23 +27,11 @@ export interface StaticOnlyPickerProps {
     onClose?: () => void;
 }
 export interface UseStaticPickerProps<TDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TDate | null, TDate, TView, any, any>> extends BasePickerProps<TDate | null, TDate, TView, TError, TExternalProps, {}>, StaticOnlyPickerProps {
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: UseStaticPickerSlotsComponent<TDate, TView>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: UseStaticPickerSlotsComponentsProps<TDate, TView>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<UseStaticPickerSlotsComponent<TDate | null, TView>>;
+    slots?: UseStaticPickerSlotsComponent<TDate | null, TView>;
     /**
      * The props used for each component slot.
      * @default {}

package/internals/index.d.ts

@@ -53,8 +53,6 @@ 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 type { UncapitalizeObjectKeys, SlotsAndSlotProps } from './utils/slots-migration';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export type { DayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, ExportedDayCalendarProps, } from '../DateCalendar/DayCalendar';
 export type { ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';

package/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/legacy/AdapterLuxon/AdapterLuxon.js

@@ -277,15 +277,25 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
   };
   this.expandFormat = function (format) {
     // Extract escaped section to avoid extending them
-    var longFormatRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
-    return format.match(longFormatRegexp).map(function (token) {
+    var catchEscapedSectionsRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
+
+    // Extract words to test if they are a token or a word to escape.
+    var catchWordsRegexp = /(?:^|[^a-z])([a-z]+)(?:[^a-z]|$)|([a-z]+)/gi;
+    return format.match(catchEscapedSectionsRegexp).map(function (token) {
       var firstCharacter = token[0];
       if (firstCharacter === "'") {
         return token;
       }
-      return DateTime.expandFormat(token, {
+      var expandedToken = DateTime.expandFormat(token, {
         locale: _this.locale
       });
+      return expandedToken.replace(catchWordsRegexp, function (correspondance, g1, g2) {
+        var word = g1 || g2; // words are either in group 1 or group 2
+        if (word === 'yyyyy' || formatTokenMap[word] !== undefined) {
+          return correspondance;
+        }
+        return "'".concat(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/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,18 +369,6 @@ 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.

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,

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

package/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,18 +73,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: PropTypes.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * Formats the day of week displayed in the calendar header.
    * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.