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

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs

@@ -5,7 +5,7 @@ const _excluded = ["props", "steps"],
 import useSlotProps from '@mui/utils/useSlotProps';
 import useEventCallback from '@mui/utils/useEventCallback';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
+import { useLicenseVerifier } from '@mui/x-license/internals';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog, PickerProvider } from '@mui/x-date-pickers/internals';
 import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
@@ -20,7 +20,11 @@ export const useMobileRangePicker = _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: innerSlotProps,

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.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 { PickersModalDialogSlots, PickersModalDialogSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots, PickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.mjs";
+import { PickerRangeFieldSlotProps } from "../../../models/index.mjs";
 export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, Expo
   field: React.ElementType;
 }
 export interface ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
 export interface MobileRangeOnlyPickerProps extends NonStaticRangePickerProps {}

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.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 { PickersModalDialogSlots, PickersModalDialogSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots, PickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
 import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
+import { PickerRangeFieldSlotProps } from "../../../models/index.js";
 export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -10,9 +11,7 @@ export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, Expo
   field: React.ElementType;
 }
 export interface ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
-  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
-    dateSeparator?: string;
-  }, {}, PickerOwnerState>;
+  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
 }
 export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
 export interface MobileRangeOnlyPickerProps extends NonStaticRangePickerProps {}

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.mts

@@ -7,7 +7,7 @@ import { FieldOwnerState } from '@mui/x-date-pickers/models';
 import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from "../../../models/index.mjs";
 import { PickerAnyRangeManager } from "../../models/managers.mjs";
-export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'unstableFieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
+export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'fieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
   /**
    * If `true`, the field is focused during the first mount.
    * @default false

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts

@@ -7,7 +7,7 @@ import { FieldOwnerState } from '@mui/x-date-pickers/models';
 import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldType, MultiInputFieldRefs, RangeFieldSeparatorProps, RangePosition } from "../../../models/index.js";
 import { PickerAnyRangeManager } from "../../models/managers.js";
-export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'unstableFieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
+export type MultiInputRangeFieldProps<TManager extends PickerAnyRangeManager> = MultiInputFieldRefs & RangeFieldSeparatorProps & Omit<PickerManagerFieldInternalProps<TManager>, 'fieldRef' | 'clearable' | 'onClear' | 'focused'> & Omit<StackProps, 'position' | keyof PickerManagerFieldInternalProps<TManager>> & {
   /**
    * If `true`, the field is focused during the first mount.
    * @default false

package/models/fields.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PickerValue, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { PickerRangeValue, PickerValidValue, PickerValue } from '@mui/x-date-pickers/internals';
 import { FieldRef, PickerFieldSlotProps } from '@mui/x-date-pickers/models';
 import type { UseMultiInputRangeFieldTextFieldProps } from "../hooks/useMultiInputRangeField/index.mjs";
 export type { FieldRangeSection } from '@mui/x-date-pickers/internals';
@@ -17,9 +17,15 @@ export type MultiInputFieldSlotTextFieldProps<TEnableAccessibleFieldDOMStructure
 export interface MultiInputFieldSlotRootProps {
   onBlur?: React.FocusEventHandler;
 }
-export interface MultiInputFieldRefs {
-  unstableStartFieldRef?: React.Ref<FieldRef<PickerValue>>;
-  unstableEndFieldRef?: React.Ref<FieldRef<PickerValue>>;
+export interface MultiInputFieldRefs<TValue extends PickerValidValue = PickerValue> {
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef?: React.Ref<FieldRef<TValue> | null>;
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef?: React.Ref<FieldRef<TValue> | null>;
 }
 export interface RangeFieldSeparatorProps {
   /**

package/models/fields.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PickerValue, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { PickerRangeValue, PickerValidValue, PickerValue } from '@mui/x-date-pickers/internals';
 import { FieldRef, PickerFieldSlotProps } from '@mui/x-date-pickers/models';
 import type { UseMultiInputRangeFieldTextFieldProps } from "../hooks/useMultiInputRangeField/index.js";
 export type { FieldRangeSection } from '@mui/x-date-pickers/internals';
@@ -17,9 +17,15 @@ export type MultiInputFieldSlotTextFieldProps<TEnableAccessibleFieldDOMStructure
 export interface MultiInputFieldSlotRootProps {
   onBlur?: React.FocusEventHandler;
 }
-export interface MultiInputFieldRefs {
-  unstableStartFieldRef?: React.Ref<FieldRef<PickerValue>>;
-  unstableEndFieldRef?: React.Ref<FieldRef<PickerValue>>;
+export interface MultiInputFieldRefs<TValue extends PickerValidValue = PickerValue> {
+  /**
+   * The ref object used to interact with the start field imperatively.
+   */
+  startFieldRef?: React.Ref<FieldRef<TValue> | null>;
+  /**
+   * The ref object used to interact with the end field imperatively.
+   */
+  endFieldRef?: React.Ref<FieldRef<TValue> | null>;
 }
 export interface RangeFieldSeparatorProps {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "9.0.0-alpha.2",
+  "version": "9.0.0-alpha.4",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Date and Time Picker components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -35,9 +35,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "9.0.0-alpha.2",
-    "@mui/x-date-pickers": "9.0.0-alpha.2",
-    "@mui/x-license": "9.0.0-alpha.2"
+    "@mui/x-date-pickers": "9.0.0-alpha.4",
+    "@mui/x-internals": "9.0.0-alpha.4",
+    "@mui/x-license": "9.0.0-alpha.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",