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

package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js

@@ -6,26 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSingleInputDateTimeRangeField = void 0;
 var _internals = require("@mui/x-date-pickers/internals");
-var _hooks = require("@mui/x-date-pickers/hooks");
 var _managers = require("../managers");
 const useSingleInputDateTimeRangeField = props => {
   const manager = (0, _managers.useDateTimeRangeManager)(props);
-  const {
-    forwardedProps,
-    internalProps
-  } = (0, _hooks.useSplitFieldProps)(props, 'date-time');
-  const internalPropsWithDefaults = (0, _internals.useFieldInternalPropsWithDefaults)({
-    manager,
-    internalProps
-  });
   return (0, _internals.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.useSingleInputDateTimeRangeField = useSingleInputDateTimeRangeField;

package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts

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

package/SingleInputTimeRangeField/useSingleInputTimeRangeField.js

@@ -6,26 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSingleInputTimeRangeField = void 0;
 var _internals = require("@mui/x-date-pickers/internals");
-var _hooks = require("@mui/x-date-pickers/hooks");
 var _managers = require("../managers");
 const useSingleInputTimeRangeField = props => {
   const manager = (0, _managers.useTimeRangeManager)(props);
-  const {
-    forwardedProps,
-    internalProps
-  } = (0, _hooks.useSplitFieldProps)(props, 'time');
-  const internalPropsWithDefaults = (0, _internals.useFieldInternalPropsWithDefaults)({
-    manager,
-    internalProps
-  });
   return (0, _internals.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.useSingleInputTimeRangeField = useSingleInputTimeRangeField;

package/TimeRangePicker/TimeRangePicker.js

@@ -14,6 +14,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 var _styles = require("@mui/material/styles");
 var _refType = _interopRequireDefault(require("@mui/utils/refType"));
+var _internals = require("@mui/x-date-pickers/internals");
 var _DesktopTimeRangePicker = require("../DesktopTimeRangePicker");
 var _MobileTimeRangePicker = require("../MobileTimeRangePicker");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -34,7 +35,7 @@ const TimeRangePicker = exports.TimeRangePicker = /*#__PURE__*/React.forwardRef(
     name: 'MuiTimeRangePicker'
   });
   const {
-      desktopModeMediaQuery = '@media (pointer: fine)'
+      desktopModeMediaQuery = _internals.DEFAULT_DESKTOP_MODE_MEDIA_QUERY
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
@@ -109,6 +110,7 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.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/esm/DateRangeCalendar/DateRangeCalendar.types.d.ts

@@ -5,7 +5,7 @@ import { Theme } from '@mui/material/styles';
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { PickerOwnerState, PickerValidDate, TimezoneProps } from '@mui/x-date-pickers/models';
 import { PickersCalendarHeader, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps } from '@mui/x-date-pickers/PickersCalendarHeader';
-import { PickerDayOwnerState } from '@mui/x-date-pickers/DateCalendar';
+import { PickerDayOwnerState } from '@mui/x-date-pickers/PickersDay';
 import { BaseDateValidationProps, ExportedDayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps, ExportedUseViewsOptions, PickerRangeValue, FormProps } from '@mui/x-date-pickers/internals';
 import { RangePosition } from "../models/index.js";
 import { DateRangeCalendarClasses } from "./dateRangeCalendarClasses.js";

package/esm/DateRangePicker/DateRangePicker.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
+import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from '@mui/x-date-pickers/internals';
 import { refType } from '@mui/utils';
 import { DesktopDateRangePicker } from "../DesktopDateRangePicker/index.js";
 import { MobileDateRangePicker } from "../MobileDateRangePicker/index.js";
@@ -27,7 +28,7 @@ const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(i
     name: 'MuiDateRangePicker'
   });
   const {
-      desktopModeMediaQuery = '@media (pointer: fine)'
+      desktopModeMediaQuery = DEFAULT_DESKTOP_MODE_MEDIA_QUERY
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -124,6 +125,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   disableHighlightToday: PropTypes.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.bool,

package/esm/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -1,45 +1,5 @@
 import * as React from 'react';
-import { PickersDayProps } from '@mui/x-date-pickers/PickersDay';
-import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
-export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
-  /**
-   * Set to `true` if the `day` is in a highlighted date range.
-   */
-  isHighlighting: boolean;
-  /**
-   * Set to `true` if the `day` is the end of a highlighted date range.
-   */
-  isEndOfHighlighting: boolean;
-  /**
-   * Set to `true` if the `day` is the start of a highlighted date range.
-   */
-  isStartOfHighlighting: boolean;
-  /**
-   * Set to `true` if the `day` is in a preview date range.
-   */
-  isPreviewing: boolean;
-  /**
-   * Set to `true` if the `day` is the end of a previewing date range.
-   */
-  isEndOfPreviewing: boolean;
-  /**
-   * Set to `true` if the `day` is the start of a previewing date range.
-   */
-  isStartOfPreviewing: boolean;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<DateRangePickerDayClasses>;
-  /**
-   * Indicates if the day should be visually selected.
-   */
-  isVisuallySelected?: boolean;
-  /**
-   * If `true`, the day can be dragged to change the current date range.
-   * @default false
-   */
-  draggable?: boolean;
-}
+import { DateRangePickerDayProps } from "./DateRangePickerDay.types.js";
 type DateRangePickerDayComponent = (props: DateRangePickerDayProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element;
 /**
  * Demos:

package/esm/DateRangePickerDay/DateRangePickerDay.js

@@ -2,40 +2,42 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "day", "outsideCurrentMonth", "isEndOfHighlighting", "isEndOfPreviewing", "isHighlighting", "isPreviewing", "isStartOfHighlighting", "isStartOfPreviewing", "selected", "isVisuallySelected", "sx", "draggable", "isFirstVisibleCell", "isLastVisibleCell"];
+const _excluded = ["className", "classes", "isEndOfHighlighting", "isEndOfPreviewing", "isHighlighting", "isPreviewing", "isStartOfHighlighting", "isStartOfPreviewing", "isVisuallySelected", "sx", "draggable", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { useLicenseVerifier } from '@mui/x-license';
 import { alpha, styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { useUtils } from '@mui/x-date-pickers/internals';
+import { useUtils, usePickerDayOwnerState } from '@mui/x-date-pickers/internals';
 import { PickersDay } from '@mui/x-date-pickers/PickersDay';
 import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
 import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
-const useUtilityClasses = ownerState => {
+const useUtilityClasses = (classes, ownerState) => {
   const {
-    isHighlighting,
-    outsideCurrentMonth,
-    isStartOfHighlighting,
-    isStartOfMonth,
-    isEndOfHighlighting,
-    isEndOfMonth,
-    isPreviewing,
-    isStartOfPreviewing,
-    isEndOfPreviewing,
-    isFirstVisibleCell,
-    isLastVisibleCell,
-    isHiddenDayFiller,
-    selected,
-    classes
+    // Properties shared with PickersDay
+    isDaySelected,
+    isDayOutsideMonth,
+    // Range-specific properties (present in the Base UI implementation)
+    isDaySelectionStart,
+    isDaySelectionEnd,
+    isDayInsideSelection,
+    isDayPreviewStart,
+    isDayPreviewEnd,
+    isDayPreviewed,
+    // Range-specific properties (specific to the MUI implementation)
+    isDayStartOfMonth,
+    isDayEndOfMonth,
+    isDayFirstVisibleCell,
+    isDayLastVisibleCell,
+    isDayFillerCell
   } = ownerState;
   const slots = {
-    root: ['root', isHighlighting && 'rangeIntervalDayHighlight', isStartOfHighlighting && 'rangeIntervalDayHighlightStart', isEndOfHighlighting && 'rangeIntervalDayHighlightEnd', outsideCurrentMonth && 'outsideCurrentMonth', isStartOfMonth && 'startOfMonth', isEndOfMonth && 'endOfMonth', isFirstVisibleCell && 'firstVisibleCell', isLastVisibleCell && 'lastVisibleCell', isHiddenDayFiller && 'hiddenDayFiller'],
-    rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
-    day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
+    root: ['root', isDaySelected && 'rangeIntervalDayHighlight', isDaySelectionStart && 'rangeIntervalDayHighlightStart', isDaySelectionEnd && 'rangeIntervalDayHighlightEnd', isDayOutsideMonth && 'outsideCurrentMonth', isDayStartOfMonth && 'startOfMonth', isDayEndOfMonth && 'endOfMonth', isDayFirstVisibleCell && 'firstVisibleCell', isDayLastVisibleCell && 'lastVisibleCell', isDayFillerCell && 'hiddenDayFiller'],
+    rangeIntervalPreview: ['rangeIntervalPreview', isDayPreviewed && 'rangeIntervalDayPreview', (isDayPreviewStart || isDayStartOfMonth) && 'rangeIntervalDayPreviewStart', (isDayPreviewEnd || isDayEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
+    day: ['day', !isDaySelected && 'notSelectedDate', !isDaySelected && 'dayOutsideRangeInterval', !isDayInsideSelection && 'dayInsideRangeInterval']
   };
   return composeClasses(slots, getDateRangePickerDayUtilityClass, classes);
 };
@@ -74,7 +76,7 @@ const DateRangePickerDayRoot = styled('div', {
 }) => ({
   variants: [{
     props: {
-      isHiddenDayFiller: false
+      isDayFillerCell: false
     },
     style: {
       [`&:first-of-type .${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: _extends({}, startBorderStyle, {
@@ -86,7 +88,7 @@ const DateRangePickerDayRoot = styled('div', {
     }
   }, {
     props: {
-      isHiddenDayFiller: false,
+      isDayFillerCell: false,
       isHighlighting: true
     },
     style: {
@@ -99,22 +101,22 @@ const DateRangePickerDayRoot = styled('div', {
   }, {
     props: ({
       ownerState: {
-        isHiddenDayFiller,
-        isStartOfHighlighting,
-        isFirstVisibleCell
+        isDayFillerCell,
+        isDaySelectionStart,
+        isDayFirstVisibleCell
       }
-    }) => !isHiddenDayFiller && (isStartOfHighlighting || isFirstVisibleCell),
+    }) => !isDayFillerCell && (isDaySelectionStart || isDayFirstVisibleCell),
     style: _extends({}, startBorderStyle, {
       paddingLeft: 0
     })
   }, {
     props: ({
       ownerState: {
-        isHiddenDayFiller,
-        isEndOfHighlighting,
-        isLastVisibleCell
+        isDayFillerCell,
+        isDaySelectionEnd,
+        isDayLastVisibleCell
       }
-    }) => !isHiddenDayFiller && (isEndOfHighlighting || isLastVisibleCell),
+    }) => !isDayFillerCell && (isDaySelectionEnd || isDayLastVisibleCell),
     style: _extends({}, endBorderStyle, {
       paddingRight: 0
     })
@@ -137,8 +139,8 @@ const DateRangePickerDayRangeIntervalPreview = styled('div', {
   border: '2px solid transparent',
   variants: [{
     props: {
-      isPreviewing: true,
-      isHiddenDayFiller: false
+      isDayPreviewed: true,
+      isDayFillerCell: false
     },
     style: {
       borderRadius: 0,
@@ -149,24 +151,24 @@ const DateRangePickerDayRangeIntervalPreview = styled('div', {
   }, {
     props: ({
       ownerState: {
-        isPreviewing,
-        isHiddenDayFiller,
-        isStartOfPreviewing,
-        isFirstVisibleCell
+        isDayPreviewed,
+        isDayFillerCell,
+        isDayPreviewStart,
+        isDayFirstVisibleCell
       }
-    }) => isPreviewing && !isHiddenDayFiller && (isStartOfPreviewing || isFirstVisibleCell),
+    }) => isDayPreviewed && !isDayFillerCell && (isDayPreviewStart || isDayFirstVisibleCell),
     style: _extends({
       borderLeftColor: (theme.vars || theme).palette.divider
     }, startBorderStyle)
   }, {
     props: ({
       ownerState: {
-        isPreviewing,
-        isHiddenDayFiller,
-        isEndOfPreviewing,
-        isLastVisibleCell
+        isDayPreviewed,
+        isDayFillerCell,
+        isDayPreviewEnd,
+        isDayLastVisibleCell
       }
-    }) => isPreviewing && !isHiddenDayFiller && (isEndOfPreviewing || isLastVisibleCell),
+    }) => isDayPreviewed && !isDayFillerCell && (isDayPreviewEnd || isDayLastVisibleCell),
     style: _extends({
       borderRightColor: (theme.vars || theme).palette.divider
     }, endBorderStyle)
@@ -205,34 +207,60 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
   });
   const {
       className,
-      day,
-      outsideCurrentMonth,
+      classes: classesProp,
+      isEndOfHighlighting,
+      isEndOfPreviewing,
       isHighlighting,
       isPreviewing,
-      selected = false,
+      isStartOfHighlighting,
+      isStartOfPreviewing,
       isVisuallySelected,
       sx,
       draggable,
       isFirstVisibleCell,
-      isLastVisibleCell
+      isLastVisibleCell,
+      day,
+      selected,
+      disabled,
+      today,
+      outsideCurrentMonth,
+      disableMargin,
+      disableHighlightToday,
+      showDaysOutsideCurrentMonth
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   const utils = useUtils();
-  const isEndOfMonth = utils.isSameDay(day, utils.endOfMonth(day));
-  const isStartOfMonth = utils.isSameDay(day, utils.startOfMonth(day));
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
-  const ownerState = _extends({}, props, {
+  const pickersDayOwnerState = usePickerDayOwnerState({
+    day,
     selected,
-    isStartOfMonth,
-    isEndOfMonth,
-    draggable,
-    isFirstVisibleCell,
-    isLastVisibleCell,
-    isHiddenDayFiller: outsideCurrentMonth && !other.showDaysOutsideCurrentMonth
+    disabled,
+    today,
+    outsideCurrentMonth,
+    disableMargin,
+    disableHighlightToday,
+    showDaysOutsideCurrentMonth
+  });
+  const ownerState = _extends({}, pickersDayOwnerState, {
+    // Properties that the Base UI implementation will have
+    isDaySelectionStart: isStartOfHighlighting,
+    isDaySelectionEnd: isEndOfHighlighting,
+    isDayInsideSelection: isHighlighting && !isStartOfHighlighting && !isEndOfHighlighting,
+    isDaySelected: isHighlighting,
+    isDayPreviewed: isPreviewing,
+    isDayPreviewStart: isStartOfPreviewing,
+    isDayPreviewEnd: isEndOfPreviewing,
+    isDayInsidePreview: isPreviewing && !isStartOfPreviewing && !isEndOfPreviewing,
+    // Properties specific to the MUI implementation (some might be removed in the next major)
+    isDayStartOfMonth: utils.isSameDay(day, utils.startOfMonth(day)),
+    isDayEndOfMonth: utils.isSameDay(day, utils.endOfMonth(day)),
+    isDayFirstVisibleCell: isFirstVisibleCell,
+    isDayLastVisibleCell: isLastVisibleCell,
+    isDayFillerCell: outsideCurrentMonth && !showDaysOutsideCurrentMonth
   });
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses(classesProp, ownerState);
   return /*#__PURE__*/_jsx(DateRangePickerDayRoot, {
     className: clsx(classes.root, className),
     ownerState: ownerState,
@@ -242,10 +270,14 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       ownerState: ownerState,
       children: /*#__PURE__*/_jsx(DateRangePickerDayDay, _extends({}, other, {
         ref: ref,
-        disableMargin: true,
         day: day,
         selected: isVisuallySelected,
+        disabled: disabled,
+        today: today,
         outsideCurrentMonth: outsideCurrentMonth,
+        disableMargin: true,
+        disableHighlightToday: disableHighlightToday,
+        showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
         className: classes.day,
         ownerState: ownerState,
         draggable: draggable,

package/esm/DateRangePickerDay/DateRangePickerDay.types.d.ts

@@ -0,0 +1,91 @@
+import { PickerDayOwnerState, PickersDayProps } from '@mui/x-date-pickers/PickersDay';
+import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
+  /**
+   * Set to `true` if the `day` is in a highlighted date range.
+   */
+  isHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a highlighted date range.
+   */
+  isEndOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a highlighted date range.
+   */
+  isStartOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is in a preview date range.
+   */
+  isPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a previewing date range.
+   */
+  isEndOfPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a previewing date range.
+   */
+  isStartOfPreviewing: boolean;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DateRangePickerDayClasses>;
+  /**
+   * Indicates if the day should be visually selected.
+   */
+  isVisuallySelected?: boolean;
+  /**
+   * If `true`, the day can be dragged to change the current date range.
+   * @default false
+   */
+  draggable?: boolean;
+}
+export interface DateRangePickerDayOwnerState extends PickerDayOwnerState {
+  /**
+   * Whether the day is the first day of the selected range.
+   */
+  isDaySelectionStart: boolean;
+  /**
+   * Whether the day is the last day of the selected range.
+   */
+  isDaySelectionEnd: boolean;
+  /**
+   * Whether the day is within the selected range and is not its first or last day.
+   */
+  isDayInsideSelection: boolean;
+  /**
+   * Whether the day is within the preview range.
+   */
+  isDayPreviewed: boolean;
+  /**
+   * Whether the day is the first day of the preview range.
+   */
+  isDayPreviewStart: boolean;
+  /**
+   * Whether the day is the last day of the preview range.
+   */
+  isDayPreviewEnd: boolean;
+  /**
+   * Whether the day is within the preview range and is not its first or last day.
+   */
+  isDayInsidePreview: boolean;
+  /**
+   * Whether the day is the first day of the month.
+   */
+  isDayStartOfMonth: boolean;
+  /**
+   * Whether the day is the last day of the month.
+   */
+  isDayEndOfMonth: boolean;
+  /**
+   * Whether the day is the first visible cell of the month it's being rendered in.
+   */
+  isDayFirstVisibleCell: boolean;
+  /**
+   * Whether the day is the last visible cell of the month it's being rendered in.
+   */
+  isDayLastVisibleCell: boolean;
+  /**
+   * Whether the day is a filler day (its content is hidden).
+   */
+  isDayFillerCell: boolean;
+}

package/esm/DateRangePickerDay/DateRangePickerDay.types.js

@@ -0,0 +1 @@
+export {};

package/esm/DateRangePickerDay/index.d.ts

@@ -1,4 +1,4 @@
 export { DateRangePickerDay } from "./DateRangePickerDay.js";
-export type { DateRangePickerDayProps } from './DateRangePickerDay';
+export type { DateRangePickerDayProps, DateRangePickerDayOwnerState } from './DateRangePickerDay.types';
 export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
 export type { DateRangePickerDayClasses, DateRangePickerDayClassKey } from './dateRangePickerDayClasses';

package/esm/DateTimeRangePicker/DateTimeRangePicker.js

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 import { refType } from '@mui/utils';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
+import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from '@mui/x-date-pickers/internals';
 import { DesktopDateTimeRangePicker } from "../DesktopDateTimeRangePicker/index.js";
 import { MobileDateTimeRangePicker } from "../MobileDateTimeRangePicker/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -27,7 +28,7 @@ const DateTimeRangePicker = /*#__PURE__*/React.forwardRef(function DateTimeRange
     name: 'MuiDateTimeRangePicker'
   });
   const {
-      desktopModeMediaQuery = '@media (pointer: fine)'
+      desktopModeMediaQuery = DEFAULT_DESKTOP_MODE_MEDIA_QUERY
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -134,6 +135,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -138,6 +138,7 @@ DesktopDateRangePicker.propTypes = {
   disableHighlightToday: PropTypes.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.bool,

package/esm/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js

@@ -216,6 +216,7 @@ DesktopDateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js

@@ -157,6 +157,7 @@ DesktopTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/MobileDateRangePicker/MobileDateRangePicker.js

@@ -130,6 +130,7 @@ MobileDateRangePicker.propTypes = {
   disableHighlightToday: PropTypes.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.bool,

package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js

@@ -216,6 +216,7 @@ MobileDateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js

@@ -147,6 +147,7 @@ MobileTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.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.bool,

package/esm/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts

@@ -1,2 +1,2 @@
 import { UseSingleInputDateRangeFieldProps } from "./SingleInputDateRangeField.types.js";
-export declare const useSingleInputDateRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseSingleInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TAllProps) => import("@mui/x-date-pickers/internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps, "disabled" | "readOnly" | "value" | "defaultValue" | "autoFocus" | "onChange" | "onError" | "format" | "focused" | "timezone" | "enableAccessibleFieldDOMStructure" | "formatDensity" | "selectedSections" | "onSelectedSectionsChange" | "referenceDate" | "shouldRespectLeadingZeros" | "unstableFieldRef" | keyof import("@mui/x-date-pickers/internals").BaseDateValidationProps | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "unstableStartFieldRef" | "unstableEndFieldRef" | "dateSeparator">>;
+export declare const useSingleInputDateRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseSingleInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("@mui/x-date-pickers/internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/esm/SingleInputDateRangeField/useSingleInputDateRangeField.js

@@ -1,25 +1,11 @@
 'use client';
 
-import { useField, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
-import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
+import { useField } from '@mui/x-date-pickers/internals';
 import { useDateRangeManager } from "../managers/index.js";
 export const useSingleInputDateRangeField = props => {
   const manager = useDateRangeManager(props);
-  const {
-    forwardedProps,
-    internalProps
-  } = useSplitFieldProps(props, 'date');
-  const internalPropsWithDefaults = useFieldInternalPropsWithDefaults({
-    manager,
-    internalProps
-  });
   return useField({
-    forwardedProps,
-    internalProps: internalPropsWithDefaults,
-    valueManager: manager.internal_valueManager,
-    fieldValueManager: manager.internal_fieldValueManager,
-    validator: manager.validator,
-    valueType: manager.valueType,
-    getOpenPickerButtonAriaLabel: manager.internal_useOpenPickerButtonAriaLabel()
+    manager,
+    props
   });
 };

package/esm/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts

@@ -1,2 +1,2 @@
 import { UseSingleInputDateTimeRangeFieldProps } from "./SingleInputDateTimeRangeField.types.js";
-export declare const useSingleInputDateTimeRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseSingleInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TAllProps) => import("@mui/x-date-pickers/internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps, "disabled" | "readOnly" | "value" | "defaultValue" | "autoFocus" | "onChange" | "onError" | "format" | "focused" | "timezone" | "enableAccessibleFieldDOMStructure" | "formatDensity" | "selectedSections" | "onSelectedSectionsChange" | "referenceDate" | "shouldRespectLeadingZeros" | "unstableFieldRef" | "ampm" | "disableFuture" | "maxDate" | "disablePast" | "minDate" | "minTime" | "maxTime" | "minutesStep" | "shouldDisableTime" | "disableIgnoringDatePartForTimeValidation" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minDateTime" | "maxDateTime" | "unstableStartFieldRef" | "unstableEndFieldRef" | "dateSeparator">>;
+export declare const useSingleInputDateTimeRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseSingleInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("@mui/x-date-pickers/internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;