@mui/x-date-pickers-pro 9.0.0-alpha.2 → 9.0.0-alpha.4

package/MultiInputDateRangeField/MultiInputDateRangeField.mjs

@@ -76,6 +76,10 @@ MultiInputDateRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -181,6 +185,10 @@ MultiInputDateRangeField.propTypes = {
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   style: PropTypes.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -194,8 +202,6 @@ MultiInputDateRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -90,6 +90,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -225,6 +229,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   style: _propTypes.default.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -238,8 +246,6 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.mjs

@@ -86,6 +86,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -221,6 +225,10 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   style: PropTypes.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -234,8 +242,6 @@ MultiInputDateTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -91,6 +91,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -198,6 +202,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   style: _propTypes.default.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -211,8 +219,6 @@ MultiInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  unstableEndFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-  unstableStartFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/MultiInputTimeRangeField/MultiInputTimeRangeField.mjs

@@ -87,6 +87,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Format of the date when rendered in the input(s).
    */
@@ -194,6 +198,10 @@ MultiInputTimeRangeField.propTypes = {
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   style: PropTypes.object,
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -207,8 +215,6 @@ MultiInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  unstableEndFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  unstableStartFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
    *

package/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -114,6 +114,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -309,10 +313,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputDateRangeField/SingleInputDateRangeField.mjs

@@ -107,6 +107,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -302,10 +306,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -124,6 +124,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -349,10 +353,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.mjs

@@ -117,6 +117,10 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -342,10 +346,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -124,6 +124,10 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: _propTypes.default.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -321,10 +325,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/SingleInputTimeRangeField/SingleInputTimeRangeField.mjs

@@ -117,6 +117,10 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default true
    */
   enableAccessibleFieldDOMStructure: PropTypes.bool,
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * If `true`, the component is displayed in focused state.
    */
@@ -314,10 +318,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * The selected value.
    * Used when the component is controlled.

package/hooks/useMultiInputRangeField/useMultiInputRangeField.js

@@ -74,8 +74,8 @@ function useMultiInputRangeField(parameters) {
     enableAccessibleFieldDOMStructure,
     autoFocus,
     referenceDate,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   } = internalPropsWithDefaults;
   const {
     value,
@@ -100,8 +100,8 @@ function useMultiInputRangeField(parameters) {
   const selectedSectionsResponse = (0, _useMultiInputRangeFieldSelectedSections.useMultiInputRangeFieldSelectedSections)({
     selectedSections,
     onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   });
   const sharedInternalProps = {
     disabled,

package/hooks/useMultiInputRangeField/useMultiInputRangeField.mjs

@@ -70,8 +70,8 @@ export function useMultiInputRangeField(parameters) {
     enableAccessibleFieldDOMStructure,
     autoFocus,
     referenceDate,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   } = internalPropsWithDefaults;
   const {
     value,
@@ -96,8 +96,8 @@ export function useMultiInputRangeField(parameters) {
   const selectedSectionsResponse = useMultiInputRangeFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
+    startFieldRef,
+    endFieldRef
   });
   const sharedInternalProps = {
     disabled,

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.mts

@@ -4,7 +4,10 @@ import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
 import { MultiInputFieldRefs } from "../../models/index.mjs";
 interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
 export interface UseMultiInputFieldSelectedSectionsResponseItem {
-  unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef?: React.Ref<FieldRef<PickerValue>>;
   selectedSections: FieldSelectedSections;
   onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
 }

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts

@@ -4,7 +4,10 @@ import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
 import { MultiInputFieldRefs } from "../../models/index.js";
 interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
 export interface UseMultiInputFieldSelectedSectionsResponseItem {
-  unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;
+  /**
+   * The ref object used to imperatively interact with the field.
+   */
+  fieldRef?: React.Ref<FieldRef<PickerValue>>;
   selectedSections: FieldSelectedSections;
   onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
 }

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.js

@@ -14,12 +14,12 @@ var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallb
  * @ignore - internal hook.
  */
 const useMultiInputRangeFieldSelectedSections = parameters => {
-  const unstableEndFieldRef = React.useRef(null);
-  const handleUnstableEndFieldRef = (0, _useForkRef.default)(parameters.unstableEndFieldRef, unstableEndFieldRef);
+  const endFieldRef = React.useRef(null);
+  const handleEndFieldRef = (0, _useForkRef.default)(parameters.endFieldRef, endFieldRef);
   const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
   const [endSelectedSection, setEndSelectedSection] = React.useState(null);
   const getActiveField = () => {
-    if (unstableEndFieldRef.current && unstableEndFieldRef.current.isFieldFocused()) {
+    if (endFieldRef.current && endFieldRef.current.isFieldFocused()) {
       return 'end';
     }
     return 'start';
@@ -39,12 +39,12 @@ const useMultiInputRangeFieldSelectedSections = parameters => {
   const activeField = getActiveField();
   return {
     start: {
-      unstableFieldRef: parameters.unstableStartFieldRef,
+      fieldRef: parameters.startFieldRef,
       selectedSections: activeField === 'start' && parameters.selectedSections !== undefined ? parameters.selectedSections : startSelectedSection,
       onSelectedSectionsChange: handleStartSelectedSectionChange
     },
     end: {
-      unstableFieldRef: handleUnstableEndFieldRef,
+      fieldRef: handleEndFieldRef,
       selectedSections: activeField === 'end' && parameters.selectedSections !== undefined ? parameters.selectedSections : endSelectedSection,
       onSelectedSectionsChange: handleEndSelectedSectionChange
     }

package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.mjs

@@ -7,12 +7,12 @@ import useEventCallback from '@mui/utils/useEventCallback';
  * @ignore - internal hook.
  */
 export const useMultiInputRangeFieldSelectedSections = parameters => {
-  const unstableEndFieldRef = React.useRef(null);
-  const handleUnstableEndFieldRef = useForkRef(parameters.unstableEndFieldRef, unstableEndFieldRef);
+  const endFieldRef = React.useRef(null);
+  const handleEndFieldRef = useForkRef(parameters.endFieldRef, endFieldRef);
   const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
   const [endSelectedSection, setEndSelectedSection] = React.useState(null);
   const getActiveField = () => {
-    if (unstableEndFieldRef.current && unstableEndFieldRef.current.isFieldFocused()) {
+    if (endFieldRef.current && endFieldRef.current.isFieldFocused()) {
       return 'end';
     }
     return 'start';
@@ -32,12 +32,12 @@ export const useMultiInputRangeFieldSelectedSections = parameters => {
   const activeField = getActiveField();
   return {
     start: {
-      unstableFieldRef: parameters.unstableStartFieldRef,
+      fieldRef: parameters.startFieldRef,
       selectedSections: activeField === 'start' && parameters.selectedSections !== undefined ? parameters.selectedSections : startSelectedSection,
       onSelectedSectionsChange: handleStartSelectedSectionChange
     },
     end: {
-      unstableFieldRef: handleUnstableEndFieldRef,
+      fieldRef: handleEndFieldRef,
       selectedSections: activeField === 'end' && parameters.selectedSections !== undefined ? parameters.selectedSections : endSelectedSection,
       onSelectedSectionsChange: handleEndSelectedSectionChange
     }

package/hooks/useMultiInputRangeField/useTextFieldProps.js

@@ -121,8 +121,8 @@ function useTextFieldProps(parameters) {
     if (!pickerContext?.open || pickerContext?.variant === 'mobile') {
       return;
     }
-    fieldPrivateContext?.fieldRef.current?.focusField();
-    if (!fieldPrivateContext?.fieldRef.current || pickerContext.view === pickerContext.initialView) {
+    fieldPrivateContext?.fieldRef?.current?.focusField();
+    if (!fieldPrivateContext?.fieldRef?.current || pickerContext.view === pickerContext.initialView) {
       // could happen when the user is switching between the inputs
       previousRangePosition.current = rangePosition;
       return;

package/hooks/useMultiInputRangeField/useTextFieldProps.mjs

@@ -114,8 +114,8 @@ export function useTextFieldProps(parameters) {
     if (!pickerContext?.open || pickerContext?.variant === 'mobile') {
       return;
     }
-    fieldPrivateContext?.fieldRef.current?.focusField();
-    if (!fieldPrivateContext?.fieldRef.current || pickerContext.view === pickerContext.initialView) {
+    fieldPrivateContext?.fieldRef?.current?.focusField();
+    if (!fieldPrivateContext?.fieldRef?.current || pickerContext.view === pickerContext.initialView) {
       // could happen when the user is switching between the inputs
       previousRangePosition.current = rangePosition;
       return;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-alpha.2
+ * @mui/x-date-pickers-pro v9.0.0-alpha.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-alpha.2
+ * @mui/x-date-pickers-pro v9.0.0-alpha.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
+var _internals = require("@mui/x-license/internals");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _internals = require("@mui/x-date-pickers/internals");
+var _internals2 = require("@mui/x-date-pickers/internals");
 var _useRangePosition = require("../useRangePosition");
 var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
 var _dateFieldsUtils = require("../../utils/date-fields-utils");
@@ -25,7 +25,11 @@ const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  (0, _internals.useLicenseVerifier)({
+    releaseDate: "MTc3Mzk2NDgwMDAwMA==",
+    version: "9.0.0-alpha.4",
+    name: 'x-date-pickers-pro'
+  });
   const {
     slots,
     slotProps,
@@ -47,7 +51,7 @@ const useDesktopRangePicker = _ref => {
     providerProps,
     renderCurrentView,
     ownerState
-  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
+  } = (0, _internals2.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     variant: 'desktop',
     autoFocusView: viewContainerRole === 'dialog',
@@ -67,7 +71,7 @@ const useDesktopRangePicker = _ref => {
     }),
     fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {
       value: rangePositionResponse,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
@@ -75,7 +79,7 @@ const useDesktopRangePicker = _ref => {
         slotProps: (0, _extends2.default)({}, slotProps, fieldProps.slotProps)
       }, isSingleInput && {
         inputRef
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerPopper, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickerPopper, {
         slots: slots,
         slotProps: slotProps,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs

@@ -4,7 +4,7 @@ const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
 import useSlotProps from '@mui/utils/useSlotProps';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { useLicenseVerifier } from '@mui/x-license/internals';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickerPopper, PickerProvider } from '@mui/x-date-pickers/internals';
 import { useRangePosition } from "../useRangePosition.mjs";
@@ -18,7 +18,11 @@ export const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  useLicenseVerifier({
+    releaseDate: "MTc3Mzk2NDgwMDAwMA==",
+    version: "9.0.0-alpha.4",
+    name: 'x-date-pickers-pro'
+  });
   const {
     slots,
     slotProps,

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.mts

@@ -1,8 +1,9 @@
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
+import { PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickerPopperSlots, PickerPopperSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.mjs";
+import { PickerRangeFieldSlotProps } from "../../../models/index.mjs";
 export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedP
   field: React.ElementType;
 }
 export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
   /**

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

@@ -1,8 +1,9 @@
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
+import { PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickerPopperSlots, PickerPopperSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
+import { PickerRangeFieldSlotProps } from "../../../models/index.js";
 export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedP
   field: React.ElementType;
 }
 export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
   /**

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -10,9 +10,9 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
+var _internals = require("@mui/x-license/internals");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _internals = require("@mui/x-date-pickers/internals");
+var _internals2 = require("@mui/x-date-pickers/internals");
 var _hooks = require("@mui/x-date-pickers/hooks");
 var _useRangePosition = require("../useRangePosition");
 var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
@@ -27,7 +27,11 @@ const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
+  (0, _internals.useLicenseVerifier)({
+    releaseDate: "MTc3Mzk2NDgwMDAwMA==",
+    version: "9.0.0-alpha.4",
+    name: 'x-date-pickers-pro'
+  });
   const {
     slots,
     slotProps: innerSlotProps,
@@ -47,7 +51,7 @@ const useMobileRangePicker = _ref => {
     providerProps,
     renderCurrentView,
     ownerState
-  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
+  } = (0, _internals2.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     variant: 'mobile',
     autoFocusView: true,
@@ -99,7 +103,7 @@ const useMobileRangePicker = _ref => {
       });
     }
   });
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {
       value: rangePositionResponse,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
@@ -107,7 +111,7 @@ const useMobileRangePicker = _ref => {
         slotProps: (0, _extends2.default)({}, slotProps, fieldProps.slotProps)
       }, isSingleInput && {
         inputRef
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersModalDialog, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.PickersModalDialog, {
         slots: slots,
         slotProps: slotProps,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {