@mui/x-date-pickers 8.0.0-beta.0 → 8.0.0-beta.2

package/PickersDay/PickersDay.d.ts

@@ -1,76 +1,5 @@
 import * as React from 'react';
-import { ButtonBaseProps } from '@mui/material/ButtonBase';
-import { ExtendMui } from "../internals/models/helpers.js";
-import { PickersDayClasses } from "./pickersDayClasses.js";
-import { PickerValidDate } from "../models/index.js";
-export interface ExportedPickersDayProps {
-  /**
-   * If `true`, today's date is rendering without highlighting with circle.
-   * @default false
-   */
-  disableHighlightToday?: boolean;
-  /**
-   * If `true`, days outside the current month are rendered:
-   *
-   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
-   *
-   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
-   *
-   * - ignored if `calendars` equals more than `1` on range pickers.
-   * @default false
-   */
-  showDaysOutsideCurrentMonth?: boolean;
-}
-export interface PickersDayProps extends ExportedPickersDayProps, Omit<ExtendMui<ButtonBaseProps>, 'onKeyDown' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'LinkComponent'> {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<PickersDayClasses>;
-  /**
-   * The date to show.
-   */
-  day: PickerValidDate;
-  /**
-   * If `true`, renders as disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, days are rendering without margin. Useful for displaying linked range of days.
-   * @default false
-   */
-  disableMargin?: boolean;
-  isAnimating?: boolean;
-  onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
-  onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
-  onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
-  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
-  onDaySelect: (day: PickerValidDate) => void;
-  /**
-   * If `true`, day is outside of month and will be hidden.
-   */
-  outsideCurrentMonth: boolean;
-  /**
-   * If `true`, day is the first visible cell of the month.
-   * Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
-   */
-  isFirstVisibleCell: boolean;
-  /**
-   * If `true`, day is the last visible cell of the month.
-   * Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
-   */
-  isLastVisibleCell: boolean;
-  /**
-   * If `true`, renders as selected.
-   * @default false
-   */
-  selected?: boolean;
-  /**
-   * If `true`, renders as today date.
-   * @default false
-   */
-  today?: boolean;
-}
+import { PickersDayProps } from "./PickersDay.types.js";
 type PickersDayComponent = ((props: PickersDayProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/PickersDay/PickersDay.js

@@ -18,22 +18,22 @@ var _styles = require("@mui/material/styles");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dimensions = require("../internals/constants/dimensions");
 var _pickersDayClasses = require("./pickersDayClasses");
+var _usePickerDayOwnerState = require("./usePickerDayOwnerState");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["autoFocus", "className", "day", "disabled", "disableHighlightToday", "disableMargin", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "outsideCurrentMonth", "selected", "showDaysOutsideCurrentMonth", "children", "today", "isFirstVisibleCell", "isLastVisibleCell"];
-const useUtilityClasses = ownerState => {
+const _excluded = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "children", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth"];
+const useUtilityClasses = (classes, ownerState) => {
   const {
-    selected,
+    isDaySelected,
+    isDayDisabled,
+    isDayCurrent,
+    isDayOutsideMonth,
     disableMargin,
     disableHighlightToday,
-    today,
-    disabled,
-    outsideCurrentMonth,
-    showDaysOutsideCurrentMonth,
-    classes
+    showDaysOutsideCurrentMonth
   } = ownerState;
-  const isHiddenDaySpacingFiller = outsideCurrentMonth && !showDaysOutsideCurrentMonth;
+  const isHiddenDaySpacingFiller = isDayOutsideMonth && !showDaysOutsideCurrentMonth;
   const slots = {
-    root: ['root', selected && !isHiddenDaySpacingFiller && 'selected', disabled && 'disabled', !disableMargin && 'dayWithMargin', !disableHighlightToday && today && 'today', outsideCurrentMonth && showDaysOutsideCurrentMonth && 'dayOutsideMonth', isHiddenDaySpacingFiller && 'hiddenDaySpacingFiller'],
+    root: ['root', isDaySelected && !isHiddenDaySpacingFiller && 'selected', isDayDisabled && 'disabled', !disableMargin && 'dayWithMargin', !disableHighlightToday && isDayCurrent && 'today', isDayOutsideMonth && showDaysOutsideCurrentMonth && 'dayOutsideMonth', isHiddenDaySpacingFiller && 'hiddenDaySpacingFiller'],
     hiddenDaySpacingFiller: ['hiddenDaySpacingFiller']
   };
   return (0, _utils.unstable_composeClasses)(slots, _pickersDayClasses.getPickersDayUtilityClass, classes);
@@ -87,7 +87,7 @@ const styleArg = ({
     }
   }, {
     props: {
-      outsideCurrentMonth: true,
+      isDayOutsideMonth: true,
       showDaysOutsideCurrentMonth: true
     },
     style: {
@@ -96,7 +96,7 @@ const styleArg = ({
   }, {
     props: {
       disableHighlightToday: false,
-      today: true
+      isDayCurrent: true
     },
     style: {
       [`&:not(.${_pickersDayClasses.pickersDayClasses.selected})`]: {
@@ -109,7 +109,7 @@ const overridesResolver = (props, styles) => {
   const {
     ownerState
   } = props;
-  return [styles.root, !ownerState.disableMargin && styles.dayWithMargin, !ownerState.disableHighlightToday && ownerState.today && styles.today, !ownerState.outsideCurrentMonth && ownerState.showDaysOutsideCurrentMonth && styles.dayOutsideMonth, ownerState.outsideCurrentMonth && !ownerState.showDaysOutsideCurrentMonth && styles.hiddenDaySpacingFiller];
+  return [styles.root, !ownerState.disableMargin && styles.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, !ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles.hiddenDaySpacingFiller];
 };
 const PickersDayRoot = (0, _styles.styled)(_ButtonBase.default, {
   name: 'MuiPickersDay',
@@ -138,10 +138,7 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
   const {
       autoFocus = false,
       className,
-      day,
-      disabled = false,
-      disableHighlightToday = false,
-      disableMargin = false,
+      classes: classesProp,
       isAnimating,
       onClick,
       onDaySelect,
@@ -150,23 +147,28 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
       onKeyDown = noop,
       onMouseDown = noop,
       onMouseEnter = noop,
-      outsideCurrentMonth,
-      selected = false,
-      showDaysOutsideCurrentMonth = false,
       children,
-      today: isToday = false
+      day,
+      selected,
+      disabled,
+      today,
+      outsideCurrentMonth,
+      disableMargin,
+      disableHighlightToday,
+      showDaysOutsideCurrentMonth
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
-    autoFocus,
+  const ownerState = (0, _usePickerDayOwnerState.usePickerDayOwnerState)({
+    day,
+    selected,
     disabled,
-    disableHighlightToday,
+    today,
+    outsideCurrentMonth,
     disableMargin,
-    selected,
-    showDaysOutsideCurrentMonth,
-    today: isToday
+    disableHighlightToday,
+    showDaysOutsideCurrentMonth
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses(classesProp, ownerState);
   const utils = (0, _useUtils.useUtils)();
   const ref = React.useRef(null);
   const handleRef = (0, _utils.unstable_useForkRef)(ref, forwardedRef);

package/PickersDay/PickersDay.types.d.ts

@@ -0,0 +1,114 @@
+import { ButtonBaseProps } from '@mui/material/ButtonBase';
+import { PickerOwnerState, PickerValidDate } from "../models/pickers.js";
+import { ExtendMui } from "../internals/models/helpers.js";
+import { PickersDayClasses } from "./pickersDayClasses.js";
+export interface PickerDayOwnerState extends PickerOwnerState {
+  /**
+   * The object representing the day.
+   */
+  day: PickerValidDate;
+  /**
+   * Whether the day is selected.
+   */
+  isDaySelected: boolean;
+  /**
+   * Whether the day is disabled.
+   */
+  isDayDisabled: boolean;
+  /**
+   * Whether the day is equal to today.
+   */
+  isDayCurrent: boolean;
+  /**
+   * Whether the day is outside the month it's being rendered in.
+   */
+  isDayOutsideMonth: boolean;
+  /**
+   * Whether the day is the first day of the week.
+   */
+  isDayStartOfWeek: boolean;
+  /**
+   * Whether the day is the last day of the week.
+   */
+  isDayEndOfWeek: boolean;
+  /**
+   * Whether the margin around the day should be removed.
+   */
+  disableMargin: boolean;
+  /**
+   * Whether the visual indication around the current day should be removed.
+   */
+  disableHighlightToday: boolean;
+  /**
+   * Whether the day outside of the month they are being rendered in should be visible.
+   */
+  showDaysOutsideCurrentMonth: boolean;
+}
+export interface ExportedPickersDayProps {
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday?: boolean;
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth?: boolean;
+}
+export interface PickersDayProps extends ExportedPickersDayProps, Omit<ExtendMui<ButtonBaseProps>, 'onKeyDown' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'LinkComponent'> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickersDayClasses>;
+  /**
+   * The date to show.
+   */
+  day: PickerValidDate;
+  /**
+   * If `true`, renders as disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, days are rendering without margin. Useful for displaying linked range of days.
+   * @default false
+   */
+  disableMargin?: boolean;
+  isAnimating?: boolean;
+  onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  onDaySelect: (day: PickerValidDate) => void;
+  /**
+   * If `true`, day is outside of month and will be hidden.
+   */
+  outsideCurrentMonth: boolean;
+  /**
+   * If `true`, day is the first visible cell of the month.
+   * Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
+   */
+  isFirstVisibleCell: boolean;
+  /**
+   * If `true`, day is the last visible cell of the month.
+   * Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
+   */
+  isLastVisibleCell: boolean;
+  /**
+   * If `true`, renders as selected.
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * If `true`, renders as today date.
+   * @default false
+   */
+  today?: boolean;
+}

package/PickersDay/PickersDay.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/PickersDay/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersDay } from "./PickersDay.js";
-export type { PickersDayProps } from './PickersDay';
+export type { PickersDayProps, PickerDayOwnerState } from './PickersDay.types';
 export { pickersDayClasses, getPickersDayUtilityClass } from "./pickersDayClasses.js";
 export type { PickersDayClasses, PickersDayClassKey } from './pickersDayClasses';

package/PickersDay/usePickerDayOwnerState.d.ts

@@ -0,0 +1,14 @@
+import { PickerDayOwnerState } from "./PickersDay.types.js";
+import { PickerValidDate } from "../models/pickers.js";
+export declare function usePickerDayOwnerState(parameters: UsePickerDayOwnerStateParameters): PickerDayOwnerState;
+interface UsePickerDayOwnerStateParameters {
+  day: PickerValidDate;
+  disabled: boolean | undefined;
+  selected: boolean | undefined;
+  today: boolean | undefined;
+  outsideCurrentMonth: boolean | undefined;
+  disableMargin: boolean | undefined;
+  disableHighlightToday: boolean | undefined;
+  showDaysOutsideCurrentMonth: boolean | undefined;
+}
+export {};

package/PickersDay/usePickerDayOwnerState.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePickerDayOwnerState = usePickerDayOwnerState;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _useUtils = require("../internals/hooks/useUtils");
+function usePickerDayOwnerState(parameters) {
+  const {
+    disabled,
+    selected,
+    today,
+    outsideCurrentMonth,
+    day,
+    disableMargin,
+    disableHighlightToday,
+    showDaysOutsideCurrentMonth
+  } = parameters;
+  const utils = (0, _useUtils.useUtils)();
+  const {
+    ownerState: pickerOwnerState
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  return React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
+    day,
+    isDaySelected: selected ?? false,
+    isDayDisabled: disabled ?? false,
+    isDayCurrent: today ?? false,
+    isDayOutsideMonth: outsideCurrentMonth ?? false,
+    isDayStartOfWeek: utils.isSameDay(day, utils.startOfWeek(day)),
+    isDayEndOfWeek: utils.isSameDay(day, utils.endOfWeek(day)),
+    disableMargin: disableMargin ?? false,
+    disableHighlightToday: disableHighlightToday ?? false,
+    showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth ?? false
+  }), [utils, pickerOwnerState, day, selected, disabled, today, outsideCurrentMonth, disableMargin, disableHighlightToday, showDaysOutsideCurrentMonth]);
+}

package/PickersSectionList/PickersSectionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PickersSectionListProps } from "./PickersSectionList.types.js";
+import type { PickersSectionListProps } from './PickersSectionList.types';
 export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;

package/PickersSectionList/PickersSectionList.types.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils';
 import { PickersSectionListClasses } from "./pickersSectionListClasses.js";
 import { PickerOwnerState } from "../models/index.js";
+import type { UseFieldDOMGetters } from '../internals/hooks/useField/useField.types';
 export interface PickersSectionListSlots {
   root: React.ElementType;
   section: React.ElementType;
@@ -28,12 +29,7 @@ export interface PickersSectionElement {
   before: React.HTMLAttributes<HTMLSpanElement>;
   after: React.HTMLAttributes<HTMLSpanElement>;
 }
-export interface PickersSectionListRef {
-  getRoot: () => HTMLElement;
-  getSectionContainer: (sectionIndex: number) => HTMLElement;
-  getSectionContent: (sectionIndex: number) => HTMLElement;
-  getSectionIndexFromDOMElement: (element: Element | null | undefined) => number | null;
-}
+export interface PickersSectionListRef extends Omit<UseFieldDOMGetters, 'isReady'> {}
 export interface ExportedPickersSectionListProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'tabIndex'> {
   /**
    * The elements to render.

package/TimeField/useTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseTimeFieldProps } from "./TimeField.types.js";
-export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TAllProps) => import("../internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps, "disabled" | "readOnly" | "value" | "defaultValue" | "autoFocus" | "onChange" | "onError" | "format" | "focused" | keyof import("../internals").BaseTimeValidationProps | keyof import("../internals").TimeValidationProps | "ampm" | "referenceDate" | "formatDensity" | "timezone" | "shouldRespectLeadingZeros" | "selectedSections" | "onSelectedSectionsChange" | "unstableFieldRef" | "unstableStartFieldRef" | "unstableEndFieldRef" | "enableAccessibleFieldDOMStructure" | "dateSeparator">>;
+export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/TimeField/useTimeField.js

@@ -6,26 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTimeField = void 0;
 var _useField = require("../internals/hooks/useField");
-var _hooks = require("../hooks");
 var _managers = require("../managers");
 const useTimeField = props => {
   const manager = (0, _managers.useTimeManager)(props);
-  const {
-    forwardedProps,
-    internalProps
-  } = (0, _hooks.useSplitFieldProps)(props, 'time');
-  const internalPropsWithDefaults = (0, _useField.useFieldInternalPropsWithDefaults)({
-    manager,
-    internalProps
-  });
   return (0, _useField.useField)({
-    forwardedProps,
-    internalProps: internalPropsWithDefaults,
-    valueManager: manager.internal_valueManager,
-    fieldValueManager: manager.internal_fieldValueManager,
-    validator: manager.validator,
-    valueType: manager.valueType,
-    getOpenPickerButtonAriaLabel: manager.internal_useOpenPickerButtonAriaLabel()
+    manager,
+    props
   });
 };
 exports.useTimeField = useTimeField;

package/TimePicker/TimePicker.js

@@ -109,6 +109,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
+   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/TimePicker/shared.js

@@ -12,12 +12,14 @@ var _styles = require("@mui/material/styles");
 var _useUtils = require("../internals/hooks/useUtils");
 var _TimePickerToolbar = require("./TimePickerToolbar");
 var _views = require("../internals/utils/views");
+var _useTimeManager = require("../managers/useTimeManager");
 function useTimePickerDefaultizedProps(props, name) {
   const utils = (0, _useUtils.useUtils)();
   const themeProps = (0, _styles.useThemeProps)({
     props,
     name
   });
+  const validationProps = (0, _useTimeManager.useApplyDefaultValuesToTimeValidationProps)(themeProps);
   const ampm = themeProps.ampm ?? utils.is12HourCycleInCurrentLocale();
   const localeText = React.useMemo(() => {
     if (themeProps.localeText?.toolbarTitle == null) {
@@ -27,7 +29,7 @@ function useTimePickerDefaultizedProps(props, name) {
       timePickerToolbarTitle: themeProps.localeText.toolbarTitle
     });
   }, [themeProps.localeText]);
-  return (0, _extends2.default)({}, themeProps, {
+  return (0, _extends2.default)({}, themeProps, validationProps, {
     ampm,
     localeText
   }, (0, _views.applyDefaultViewProps)({
@@ -36,8 +38,6 @@ function useTimePickerDefaultizedProps(props, name) {
     defaultViews: ['hours', 'minutes'],
     defaultOpenTo: 'hours'
   }), {
-    disableFuture: themeProps.disableFuture ?? false,
-    disablePast: themeProps.disablePast ?? false,
     slots: (0, _extends2.default)({
       toolbar: _TimePickerToolbar.TimePickerToolbar
     }, themeProps.slots),

package/YearCalendar/YearCalendar.js

@@ -19,12 +19,12 @@ var _utils = require("@mui/utils");
 var _YearCalendarButton = require("./YearCalendarButton");
 var _useUtils = require("../internals/hooks/useUtils");
 var _yearCalendarClasses = require("./yearCalendarClasses");
-var _dateUtils = require("../internals/utils/date-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _getDefaultReferenceDate = require("../internals/utils/getDefaultReferenceDate");
 var _useControlledValue = require("../internals/hooks/useControlledValue");
 var _dimensions = require("../internals/constants/dimensions");
 var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _useDateManager = require("../managers/useDateManager");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "className", "classes", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsOrder", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
 const useUtilityClasses = classes => {
@@ -34,20 +34,14 @@ const useUtilityClasses = classes => {
   return (0, _utils.unstable_composeClasses)(slots, _yearCalendarClasses.getYearCalendarUtilityClass, classes);
 };
 function useYearCalendarDefaultizedProps(props, name) {
-  const utils = (0, _useUtils.useUtils)();
-  const defaultDates = (0, _useUtils.useDefaultDates)();
   const themeProps = (0, _styles.useThemeProps)({
     props,
     name
   });
-  return (0, _extends2.default)({
-    disablePast: false,
-    disableFuture: false
-  }, themeProps, {
+  const validationProps = (0, _useDateManager.useApplyDefaultValuesToDateValidationProps)(themeProps);
+  return (0, _extends2.default)({}, themeProps, validationProps, {
     yearsPerRow: themeProps.yearsPerRow ?? 3,
-    yearsOrder: themeProps.yearsOrder ?? 'asc',
-    minDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.minDate, defaultDates.minDate),
-    maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate)
+    yearsOrder: themeProps.yearsOrder ?? 'asc'
   });
 }
 const YearCalendarRoot = (0, _styles.styled)('div', {

package/esm/DateCalendar/DateCalendar.js

@@ -10,14 +10,14 @@ import useSlotProps from '@mui/utils/useSlotProps';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses, unstable_useId as useId, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { useCalendarState } from "./useCalendarState.js";
-import { useDefaultDates, useUtils } from "../internals/hooks/useUtils.js";
+import { useUtils } from "../internals/hooks/useUtils.js";
 import { PickersFadeTransitionGroup } from "./PickersFadeTransitionGroup.js";
 import { DayCalendar } from "./DayCalendar.js";
 import { MonthCalendar } from "../MonthCalendar/index.js";
 import { YearCalendar } from "../YearCalendar/index.js";
 import { useViews } from "../internals/hooks/useViews.js";
 import { PickersCalendarHeader } from "../PickersCalendarHeader/index.js";
-import { findClosestEnabledDate, applyDefaultDate, mergeDateAndTime } from "../internals/utils/date-utils.js";
+import { findClosestEnabledDate, mergeDateAndTime } from "../internals/utils/date-utils.js";
 import { PickerViewRoot } from "../internals/components/PickerViewRoot/index.js";
 import { useReduceAnimations } from "../internals/hooks/useReduceAnimations.js";
 import { getDateCalendarUtilityClass } from "./dateCalendarClasses.js";
@@ -25,6 +25,7 @@ import { useControlledValue } from "../internals/hooks/useControlledValue.js";
 import { singleItemValueManager } from "../internals/utils/valueManagers.js";
 import { VIEW_HEIGHT } from "../internals/constants/dimensions.js";
 import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
+import { useApplyDefaultValuesToDateValidationProps } from "../managers/useDateManager.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
@@ -34,25 +35,20 @@ const useUtilityClasses = classes => {
   return composeClasses(slots, getDateCalendarUtilityClass, classes);
 };
 function useDateCalendarDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
   const themeProps = useThemeProps({
     props,
     name
   });
   const reduceAnimations = useReduceAnimations(themeProps.reduceAnimations);
-  return _extends({}, themeProps, {
+  const validationProps = useApplyDefaultValuesToDateValidationProps(themeProps);
+  return _extends({}, themeProps, validationProps, {
     loading: themeProps.loading ?? false,
-    disablePast: themeProps.disablePast ?? false,
-    disableFuture: themeProps.disableFuture ?? false,
     openTo: themeProps.openTo ?? 'day',
     views: themeProps.views ?? ['year', 'day'],
     reduceAnimations,
     renderLoading: themeProps.renderLoading ?? (() => /*#__PURE__*/_jsx("span", {
       children: "..."
-    })),
-    minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate)
+    }))
   });
 }
 const DateCalendarRoot = styled(PickerViewRoot, {

package/esm/DateCalendar/DayCalendar.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { DefaultizedProps, SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickersDayProps, ExportedPickersDayProps } from "../PickersDay/PickersDay.js";
+import { PickerDayOwnerState, PickersDayProps } from "../PickersDay/index.js";
+import { ExportedPickersDayProps } from "../PickersDay/PickersDay.types.js";
 import { PickerOnChangeFn } from "../internals/hooks/useViews.js";
 import { SlideDirection, SlideTransitionProps } from "./PickersSlideTransition.js";
 import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from "../internals/models/validation.js";
 import { DayCalendarClasses } from "./dayCalendarClasses.js";
-import { PickerOwnerState, PickerValidDate, TimezoneProps } from "../models/index.js";
+import { PickerValidDate, TimezoneProps } from "../models/index.js";
 import { FormProps } from "../internals/models/formProps.js";
 export interface DayCalendarSlots {
   /**
@@ -18,11 +19,6 @@ export interface DayCalendarSlots {
 export interface DayCalendarSlotProps {
   day?: SlotComponentPropsFromProps<PickersDayProps, {}, PickerDayOwnerState>;
 }
-export interface PickerDayOwnerState extends PickerOwnerState {
-  isDaySelected: boolean;
-  isDayDisabled: boolean;
-  day: PickerValidDate;
-}
 export interface ExportedDayCalendarProps extends ExportedPickersDayProps {
   /**
    * If `true`, calls `renderLoading` instead of rendering the day calendar.