@mui/x-date-pickers-pro 7.22.3 → 8.0.0-alpha.1

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -44,7 +44,7 @@ const SingleInputTimeRangeField = exports.SingleInputTimeRangeField = /*#__PURE_
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
-  const TextField = slots?.textField ?? (inProps.enableAccessibleFieldDOMStructure ? _PickersTextField.PickersTextField : _TextField.default);
+  const TextField = slots?.textField ?? (inProps.enableAccessibleFieldDOMStructure === false ? _TextField.default : _PickersTextField.PickersTextField);
   const textFieldProps = (0, _useSlotProps.default)({
     elementType: TextField,
     externalSlotProps: slotProps?.textField,
@@ -107,6 +107,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * If `true`, the component is disabled.
+   * When disabled, the value cannot be changed and no interaction is possible.
    * @default false
    */
   disabled: _propTypes.default.bool,
@@ -126,7 +127,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   disablePast: _propTypes.default.bool,
   /**
-   * @default false
+   * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
   /**
@@ -246,8 +247,8 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   onSelectedSectionsChange: _propTypes.default.func,
   /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
+   * If `true`, the component is read-only.
+   * When read-only, the value cannot be changed but the user can interact with the interface.
    * @default false
    */
   readOnly: _propTypes.default.bool,
@@ -274,8 +275,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   selectedSections: _propTypes.default.oneOfType([_propTypes.default.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), _propTypes.default.number]),
   /**
    * Disable specific time.
-   * @template TDate
-   * @param {TDate} value The value to check.
+   * @param {PickerValidDate} value The value to check.
    * @param {TimeView} view The clock type of the timeValue.
    * @returns {boolean} If `true` the time will be disabled.
    */

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -81,9 +81,9 @@ StaticDateRangePicker.propTypes = {
   currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {TDate} date The date of the day of week provided by the adapter.
+   * @param {PickerValidDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
-   * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
+   * @default (date: PickerValidDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: _propTypes.default.func,
   /**
@@ -103,7 +103,8 @@ StaticDateRangePicker.propTypes = {
    */
   disableAutoMonthSwitching: _propTypes.default.bool,
   /**
-   * If `true`, the picker and text field are disabled.
+   * If `true`, the component is disabled.
+   * When disabled, the value cannot be changed and no interaction is possible.
    * @default false
    */
   disabled: _propTypes.default.bool,
@@ -196,8 +197,7 @@ StaticDateRangePicker.propTypes = {
   onError: _propTypes.default.func,
   /**
    * Callback fired on month change.
-   * @template TDate
-   * @param {TDate} month The new month.
+   * @param {PickerValidDate} month The new month.
    */
   onMonthChange: _propTypes.default.func,
   /**
@@ -210,6 +210,11 @@ StaticDateRangePicker.propTypes = {
    * Used when the component position is controlled.
    */
   rangePosition: _propTypes.default.oneOf(['end', 'start']),
+  /**
+   * If `true`, the component is read-only.
+   * When read-only, the value cannot be changed but the user can interact with the interface.
+   * @default false
+   */
   readOnly: _propTypes.default.bool,
   /**
    * If `true`, disable heavy animations.
@@ -232,8 +237,7 @@ StaticDateRangePicker.propTypes = {
    *
    * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
    *
-   * @template TDate
-   * @param {TDate} day The date to test.
+   * @param {PickerValidDate} day The date to test.
    * @param {string} position The date to test, 'start' or 'end'.
    * @returns {boolean} Returns `true` if the date should be disabled.
    */

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v7.22.3
+ * @mui/x-date-pickers-pro v8.0.0-alpha.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -10,15 +10,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  LicenseInfo: true
-};
-exports.LicenseInfo = void 0;
-var _xLicense = require("@mui/x-license");
 var _xDatePickers = require("@mui/x-date-pickers");
 Object.keys(_xDatePickers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _xDatePickers[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -30,7 +24,6 @@ Object.keys(_xDatePickers).forEach(function (key) {
 var _DateRangePickerDay = require("./DateRangePickerDay");
 Object.keys(_DateRangePickerDay).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateRangePickerDay[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -42,7 +35,6 @@ Object.keys(_DateRangePickerDay).forEach(function (key) {
 var _MultiInputDateRangeField = require("./MultiInputDateRangeField");
 Object.keys(_MultiInputDateRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MultiInputDateRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -54,7 +46,6 @@ Object.keys(_MultiInputDateRangeField).forEach(function (key) {
 var _MultiInputTimeRangeField = require("./MultiInputTimeRangeField");
 Object.keys(_MultiInputTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MultiInputTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -66,7 +57,6 @@ Object.keys(_MultiInputTimeRangeField).forEach(function (key) {
 var _MultiInputDateTimeRangeField = require("./MultiInputDateTimeRangeField");
 Object.keys(_MultiInputDateTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MultiInputDateTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -78,7 +68,6 @@ Object.keys(_MultiInputDateTimeRangeField).forEach(function (key) {
 var _SingleInputDateRangeField = require("./SingleInputDateRangeField");
 Object.keys(_SingleInputDateRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SingleInputDateRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -90,7 +79,6 @@ Object.keys(_SingleInputDateRangeField).forEach(function (key) {
 var _SingleInputTimeRangeField = require("./SingleInputTimeRangeField");
 Object.keys(_SingleInputTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SingleInputTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -102,7 +90,6 @@ Object.keys(_SingleInputTimeRangeField).forEach(function (key) {
 var _SingleInputDateTimeRangeField = require("./SingleInputDateTimeRangeField");
 Object.keys(_SingleInputDateTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SingleInputDateTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -114,7 +101,6 @@ Object.keys(_SingleInputDateTimeRangeField).forEach(function (key) {
 var _DateRangeCalendar = require("./DateRangeCalendar");
 Object.keys(_DateRangeCalendar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateRangeCalendar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -126,7 +112,6 @@ Object.keys(_DateRangeCalendar).forEach(function (key) {
 var _PickersRangeCalendarHeader = require("./PickersRangeCalendarHeader");
 Object.keys(_PickersRangeCalendarHeader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _PickersRangeCalendarHeader[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -138,7 +123,6 @@ Object.keys(_PickersRangeCalendarHeader).forEach(function (key) {
 var _DateRangePicker = require("./DateRangePicker");
 Object.keys(_DateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -150,7 +134,6 @@ Object.keys(_DateRangePicker).forEach(function (key) {
 var _DesktopDateRangePicker = require("./DesktopDateRangePicker");
 Object.keys(_DesktopDateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DesktopDateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -162,7 +145,6 @@ Object.keys(_DesktopDateRangePicker).forEach(function (key) {
 var _MobileDateRangePicker = require("./MobileDateRangePicker");
 Object.keys(_MobileDateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MobileDateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -174,7 +156,6 @@ Object.keys(_MobileDateRangePicker).forEach(function (key) {
 var _StaticDateRangePicker = require("./StaticDateRangePicker");
 Object.keys(_StaticDateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _StaticDateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -186,7 +167,6 @@ Object.keys(_StaticDateRangePicker).forEach(function (key) {
 var _DateTimeRangePicker = require("./DateTimeRangePicker");
 Object.keys(_DateTimeRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateTimeRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -198,7 +178,6 @@ Object.keys(_DateTimeRangePicker).forEach(function (key) {
 var _DesktopDateTimeRangePicker = require("./DesktopDateTimeRangePicker");
 Object.keys(_DesktopDateTimeRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DesktopDateTimeRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -210,7 +189,6 @@ Object.keys(_DesktopDateTimeRangePicker).forEach(function (key) {
 var _MobileDateTimeRangePicker = require("./MobileDateTimeRangePicker");
 Object.keys(_MobileDateTimeRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MobileDateTimeRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -222,7 +200,6 @@ Object.keys(_MobileDateTimeRangePicker).forEach(function (key) {
 var _dateRangeViewRenderers = require("./dateRangeViewRenderers");
 Object.keys(_dateRangeViewRenderers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _dateRangeViewRenderers[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -234,7 +211,6 @@ Object.keys(_dateRangeViewRenderers).forEach(function (key) {
 var _models = require("./models");
 Object.keys(_models).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _models[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -246,7 +222,6 @@ Object.keys(_models).forEach(function (key) {
 var _validation = require("./validation");
 Object.keys(_validation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _validation[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -254,18 +229,4 @@ Object.keys(_validation).forEach(function (key) {
       return _validation[key];
     }
   });
-});
-/**
- * @deprecated Use `@mui/x-license` package instead:
- * @example import { LicenseInfo } from '@mui/x-license';
- */
-class LicenseInfo extends _xLicense.LicenseInfo {}
-
-// Fields
-
-// Calendars
-
-// New pickers
-
-// View renderers
-exports.LicenseInfo = LicenseInfo;
+});

package/node/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -61,15 +61,17 @@ const useDesktopRangePicker = _ref => {
     open,
     actions,
     layoutProps,
+    providerProps,
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps,
-    contextValue
+    ownerState
   } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    wrapperVariant: 'desktop',
+    variant: 'desktop',
     autoFocusView: false,
     fieldRef: rangePosition === 'start' ? startFieldRef : endFieldRef,
+    localeText,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
@@ -93,27 +95,33 @@ const useDesktopRangePicker = _ref => {
   const fieldProps = (0, _useSlotProps.default)({
     elementType: Field,
     externalSlotProps: slotProps?.field,
-    additionalProps: (0, _extends2.default)({}, pickerFieldProps, {
+    additionalProps: (0, _extends2.default)({
+      // Internal props
       readOnly,
       disabled,
-      className,
-      sx,
       format,
       formatDensity,
       enableAccessibleFieldDOMStructure,
       selectedSections,
       onSelectedSectionsChange,
       timezone,
-      autoFocus: autoFocus && !props.open,
+      autoFocus: autoFocus && !props.open
+    }, pickerFieldProps, {
+      // onChange and value
+
+      // Forwarded props
+      className,
+      sx,
       ref: fieldContainerRef
-    }, fieldType === 'single-input' ? {
-      inputRef,
+    }, fieldType === 'single-input' && !!inputRef && {
+      inputRef
+    }, fieldType === 'single-input' && {
       name
-    } : {}),
-    ownerState: props
+    }),
+    ownerState
   });
   const enrichedFieldProps = (0, _useEnrichedRangePickerFieldProps.useEnrichedRangePickerFieldProps)({
-    wrapperVariant: 'desktop',
+    variant: 'desktop',
     fieldType,
     open,
     actions,
@@ -145,9 +153,7 @@ const useDesktopRangePicker = _ref => {
     })
   });
   const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickersProvider, {
-    contextValue: contextValue,
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersPopper, (0, _extends2.default)({
       role: "tooltip",
       placement: "bottom-start",
@@ -166,7 +172,7 @@ const useDesktopRangePicker = _ref => {
         children: renderCurrentView()
       }))
     }))]
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/hooks/useEnrichedRangePickerFieldProps.js

@@ -16,7 +16,7 @@ var _hooks = require("@mui/x-date-pickers/hooks");
 var _internals = require("@mui/x-date-pickers/internals");
 const _excluded = ["clearable", "onClear"];
 const useMultiInputFieldSlotProps = ({
-  wrapperVariant,
+  variant,
   open,
   actions,
   readOnly,
@@ -36,12 +36,12 @@ const useMultiInputFieldSlotProps = ({
   startFieldRef,
   endFieldRef
 }) => {
-  const translations = (0, _hooks.usePickersTranslations)();
+  const translations = (0, _hooks.usePickerTranslations)();
   const handleStartFieldRef = (0, _useForkRef.default)(fieldProps.unstableStartFieldRef, startFieldRef);
   const handleEndFieldRef = (0, _useForkRef.default)(fieldProps.unstableEndFieldRef, endFieldRef);
   const previousRangePosition = React.useRef(rangePosition);
   React.useEffect(() => {
-    if (!open) {
+    if (!open || variant === 'mobile') {
       return;
     }
     const currentFieldRef = rangePosition === 'start' ? startFieldRef : endFieldRef;
@@ -57,7 +57,7 @@ const useMultiInputFieldSlotProps = ({
     // use the current view or `0` when the range position has just been swapped
     previousRangePosition.current === rangePosition ? currentView : 0);
     previousRangePosition.current = rangePosition;
-  }, [rangePosition, open, currentView, startFieldRef, endFieldRef]);
+  }, [rangePosition, open, currentView, startFieldRef, endFieldRef, variant]);
   const openRangeStartSelection = event => {
     event.stopPropagation();
     onRangePositionChange('start');
@@ -106,7 +106,7 @@ const useMultiInputFieldSlotProps = ({
           focused: open ? rangePosition === 'start' : undefined
         }, !readOnly && !fieldProps.disabled && {
           onClick: openRangeStartSelection
-        }, wrapperVariant === 'mobile' && {
+        }, variant === 'mobile' && {
           readOnly: true
         });
         if (anchorRef) {
@@ -122,7 +122,7 @@ const useMultiInputFieldSlotProps = ({
           focused: open ? rangePosition === 'end' : undefined
         }, !readOnly && !fieldProps.disabled && {
           onClick: openRangeEndSelection
-        }, wrapperVariant === 'mobile' && {
+        }, variant === 'mobile' && {
           readOnly: true
         });
         InputProps = resolvedComponentProps?.InputProps;
@@ -154,7 +154,7 @@ const useMultiInputFieldSlotProps = ({
   return enrichedFieldProps;
 };
 const useSingleInputFieldSlotProps = ({
-  wrapperVariant,
+  variant,
   open,
   actions,
   readOnly,
@@ -174,7 +174,7 @@ const useSingleInputFieldSlotProps = ({
 }) => {
   const handleFieldRef = (0, _useForkRef.default)(fieldProps.unstableFieldRef, startFieldRef, endFieldRef);
   React.useEffect(() => {
-    if (!open || !startFieldRef.current) {
+    if (!open || !startFieldRef.current || variant === 'mobile') {
       return;
     }
     if (startFieldRef.current.isFieldFocused()) {
@@ -187,7 +187,7 @@ const useSingleInputFieldSlotProps = ({
       const newSelectedSection = rangePosition === 'start' ? sections.indexOf(currentView) : sections.lastIndexOf(currentView);
       startFieldRef.current?.focusField(newSelectedSection);
     }
-  }, [rangePosition, open, currentView, startFieldRef]);
+  }, [rangePosition, open, currentView, startFieldRef, variant]);
   const updateRangePosition = () => {
     if (!startFieldRef.current?.isFieldFocused()) {
       return;
@@ -216,8 +216,8 @@ const useSingleInputFieldSlotProps = ({
   });
   const slotProps = (0, _extends2.default)({}, fieldProps.slotProps, {
     textField: pickerSlotProps?.textField,
-    clearButton: pickerSlots?.clearButton,
-    clearIcon: pickerSlots?.clearIcon
+    clearButton: pickerSlotProps?.clearButton,
+    clearIcon: pickerSlotProps?.clearIcon
   });
   const enrichedFieldProps = (0, _extends2.default)({}, fieldProps, {
     slots,
@@ -233,7 +233,7 @@ const useSingleInputFieldSlotProps = ({
     focused: open ? true : undefined
   }, labelId != null && {
     id: labelId
-  }, wrapperVariant === 'mobile' && {
+  }, variant === 'mobile' && {
     readOnly: true
   }, !readOnly && !fieldProps.disabled && {
     onClick: openPicker

package/node/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -54,19 +54,21 @@ const useMobileRangePicker = _ref => {
     onRangePositionChange
   } = (0, _useRangePosition.useRangePosition)(props, fieldType === 'single-input' ? startFieldRef : undefined);
   const labelId = (0, _useId.default)();
-  const contextTranslations = (0, _hooks.usePickersTranslations)();
+  const contextTranslations = (0, _hooks.usePickerTranslations)();
   const {
     open,
     actions,
     layoutProps,
+    providerProps,
     renderCurrentView,
     fieldProps: pickerFieldProps,
-    contextValue
+    ownerState
   } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    wrapperVariant: 'mobile',
+    variant: 'mobile',
     autoFocusView: true,
     fieldRef: rangePosition === 'start' ? startFieldRef : endFieldRef,
+    localeText,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
@@ -76,26 +78,32 @@ const useMobileRangePicker = _ref => {
   const fieldProps = (0, _useSlotProps.default)({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
-    additionalProps: (0, _extends2.default)({}, pickerFieldProps, {
+    additionalProps: (0, _extends2.default)({
+      // Internal props
       readOnly: readOnly ?? true,
       disabled,
-      className,
-      sx,
       format,
       formatDensity,
       enableAccessibleFieldDOMStructure,
       selectedSections,
       onSelectedSectionsChange,
       timezone
-    }, fieldType === 'single-input' ? {
-      inputRef,
+    }, pickerFieldProps, {
+      // onChange and value
+
+      // Forwarded props
+      className,
+      sx
+    }, fieldType === 'single-input' && !!inputRef && {
+      inputRef
+    }, fieldType === 'single-input' && {
       name
-    } : {}),
-    ownerState: props
+    }),
+    ownerState
   });
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const enrichedFieldProps = (0, _useEnrichedRangePickerFieldProps.useEnrichedRangePickerFieldProps)({
-    wrapperVariant: 'mobile',
+    variant: 'mobile',
     fieldType,
     open,
     actions,
@@ -145,9 +153,7 @@ const useMobileRangePicker = _ref => {
       'aria-labelledby': labelledById
     }, innerSlotProps?.mobilePaper)
   });
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickersProvider, {
-    contextValue: contextValue,
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersModalDialog, (0, _extends2.default)({}, actions, {
       open: open,
       slots: slots,
@@ -158,7 +164,7 @@ const useMobileRangePicker = _ref => {
         children: renderCurrentView()
       }))
     }))]
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -25,6 +25,7 @@ const useMultiInputDateRangeField = ({
   const {
     value: valueProp,
     defaultValue,
+    referenceDate,
     format,
     formatDensity,
     shouldRespectLeadingZeros,
@@ -46,6 +47,7 @@ const useMultiInputDateRangeField = ({
     timezone: timezoneProp,
     value: valueProp,
     defaultValue,
+    referenceDate,
     onChange,
     valueManager: _valueManagers.rangeValueManager
   });

package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -25,6 +25,7 @@ const useMultiInputDateTimeRangeField = ({
   const {
     value: valueProp,
     defaultValue,
+    referenceDate,
     format,
     formatDensity,
     shouldRespectLeadingZeros,
@@ -46,6 +47,7 @@ const useMultiInputDateTimeRangeField = ({
     timezone: timezoneProp,
     value: valueProp,
     defaultValue,
+    referenceDate,
     onChange,
     valueManager: _valueManagers.rangeValueManager
   });

package/node/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -25,6 +25,7 @@ const useMultiInputTimeRangeField = ({
   const {
     value: valueProp,
     defaultValue,
+    referenceDate,
     format,
     formatDensity,
     shouldRespectLeadingZeros,
@@ -47,7 +48,8 @@ const useMultiInputTimeRangeField = ({
     value: valueProp,
     defaultValue,
     onChange,
-    valueManager: _valueManagers.rangeValueManager
+    valueManager: _valueManagers.rangeValueManager,
+    referenceDate
   });
   const {
     validationError,

package/node/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -11,7 +11,6 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useRangePosition = require("../useRangePosition");
@@ -50,16 +49,18 @@ const useStaticRangePicker = _ref => {
   } = (0, _useRangePosition.useRangePosition)(props);
   const {
     layoutProps,
+    providerProps,
     renderCurrentView
   } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     autoFocusView: autoFocus ?? false,
     fieldRef: undefined,
+    localeText,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     },
-    wrapperVariant: displayStaticWrapperAs
+    variant: displayStaticWrapperAs
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const slotPropsForLayout = (0, _extends2.default)({}, slotProps, {
@@ -68,8 +69,7 @@ const useStaticRangePicker = _ref => {
       onRangePositionChange
     })
   });
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, layoutProps, slotProps?.layout, {
       slots: slots,
       slotProps: slotPropsForLayout,
@@ -78,7 +78,7 @@ const useStaticRangePicker = _ref => {
       ref: ref,
       children: renderCurrentView()
     }))
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/models/fields.js

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

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTczMjE0MzYwMDAwMA==";
+  const releaseInfo = "MTczMjIzMDAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat