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

package/node/managers/useTimeRangeManager.js

@@ -0,0 +1,38 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTimeRangeManager = useTimeRangeManager;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-date-pickers/internals");
+var _valueManagers = require("../internals/utils/valueManagers");
+var _validation = require("../validation");
+function useTimeRangeManager(parameters = {}) {
+  const {
+    enableAccessibleFieldDOMStructure = true,
+    dateSeparator
+  } = parameters;
+  return React.useMemo(() => ({
+    valueType: 'time',
+    validator: _validation.validateTimeRange,
+    internal_valueManager: _valueManagers.rangeValueManager,
+    internal_fieldValueManager: (0, _valueManagers.getRangeFieldValueManager)({
+      dateSeparator
+    }),
+    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
+    internal_applyDefaultsToFieldInternalProps: ({
+      internalProps,
+      utils
+    }) => (0, _extends2.default)({}, internalProps, (0, _internals.getTimeFieldInternalPropsDefaults)({
+      utils,
+      internalProps
+    })),
+    // TODO v8: Add a real aria label before moving the opening logic to the field on range pickers.
+    internal_getOpenPickerButtonAriaLabel: () => ''
+  }), [enableAccessibleFieldDOMStructure, dateSeparator]);
+}

package/node/models/index.js

@@ -3,17 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _dateRange = require("./dateRange");
-Object.keys(_dateRange).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _dateRange[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _dateRange[key];
-    }
-  });
-});
 var _fields = require("./fields");
 Object.keys(_fields).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -46,15 +35,4 @@ Object.keys(_validation).forEach(function (key) {
       return _validation[key];
     }
   });
-});
-var _multiInputRangeFieldClasses = require("./multiInputRangeFieldClasses");
-Object.keys(_multiInputRangeFieldClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _multiInputRangeFieldClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _multiInputRangeFieldClasses[key];
-    }
-  });
 });

package/node/validation/validateDateRange.js

@@ -15,6 +15,14 @@ const _excluded = ["shouldDisableDate"];
  * Validation props used by the Date Range Picker, Date Range Field and Date Range Calendar components.
  */
 
+/**
+ * Validation props as received by the validateDateRange method.
+ */
+
+/**
+ * Name of the props that should be defaulted before being passed to the validateDateRange method.
+ */
+
 const validateDateRange = ({
   adapter,
   value,

package/node/validation/validateDateTimeRange.js

@@ -15,6 +15,10 @@ const _excluded = ["shouldDisableDate"];
  * Validation props used by the Date Time Range Picker and Date Time Range Field.
  */
 
+/**
+ * Validation props as received by the validateDateTimeRange method.
+ */
+
 const validateDateTimeRange = ({
   adapter,
   value,

package/node/validation/validateTimeRange.js

@@ -11,6 +11,14 @@ var _valueManagers = require("../internals/utils/valueManagers");
  * Validation props used by the Time Range Picker and Time Range Field.
  */
 
+/**
+ * Validation props as received by the validateTimeRange method.
+ */
+
+/**
+ * Name of the props that should be defaulted before being passed to the validateTimeRange method.
+ */
+
 const validateTimeRange = ({
   adapter,
   value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "8.0.0-alpha.1",
+  "version": "8.0.0-alpha.10",
   "description": "The Pro plan edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,14 +32,14 @@
     "directory": "packages/x-date-pickers-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
+    "@babel/runtime": "^7.26.7",
     "@mui/utils": "^5.16.6 || ^6.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.0.0-alpha.1",
-    "@mui/x-date-pickers": "8.0.0-alpha.1",
-    "@mui/x-license": "8.0.0-alpha.1"
+    "@mui/x-internals": "8.0.0-alpha.10",
+    "@mui/x-license": "8.0.0-alpha.10",
+    "@mui/x-date-pickers": "8.0.0-alpha.10"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -47,7 +47,7 @@
     "@mui/material": "^5.15.14 || ^6.0.0",
     "@mui/system": "^5.15.14 || ^6.0.0",
     "date-fns": "^2.25.0 || ^3.2.0 || ^4.0.0",
-    "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0",
+    "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0 || ^4.0.0-0",
     "dayjs": "^1.10.7",
     "luxon": "^3.0.2",
     "moment": "^2.29.4",

package/themeAugmentation/overrides.d.ts

@@ -1,11 +1,13 @@
 import { DateRangePickerDayClassKey } from '../DateRangePickerDay';
 import { DateRangeCalendarClassKey } from '../DateRangeCalendar';
 import { DateRangePickerToolbarClassKey } from '../DateRangePicker';
-import { MultiInputRangeFieldClassKey } from '../models';
 import {
   DateTimeRangePickerTabsClassKey,
   DateTimeRangePickerToolbarClassKey,
 } from '../DateTimeRangePicker';
+import { MultiInputDateRangeFieldClassKey } from '../MultiInputDateRangeField';
+import { MultiInputDateTimeRangeFieldClassKey } from '../MultiInputDateTimeRangeField';
+import { MultiInputTimeRangeFieldClassKey } from '../MultiInputTimeRangeField';
 
 // prettier-ignore
 export interface PickersProComponentNameToClassKey {
@@ -17,9 +19,9 @@ export interface PickersProComponentNameToClassKey {
   MuiDateTimeRangePickerToolbar: DateTimeRangePickerToolbarClassKey;
 
   // Multi input range fields
-  MuiMultiInputDateRangeField: MultiInputRangeFieldClassKey;
-  MuiMultiInputDateTimeRangeField: MultiInputRangeFieldClassKey;
-  MuiMultiInputTimeRangeField: MultiInputRangeFieldClassKey;
+  MuiMultiInputDateRangeField: MultiInputDateRangeFieldClassKey;	
+  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldClassKey;	
+  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldClassKey;
 }
 
 declare module '@mui/material/styles' {

package/themeAugmentation/props.d.ts

@@ -1,14 +1,14 @@
 import { DateRangePickerDayProps } from '../DateRangePickerDay';
-import { MultiInputDateRangeFieldProps } from '../MultiInputDateRangeField/MultiInputDateRangeField.types';
-import { SingleInputDateRangeFieldProps } from '../SingleInputDateRangeField/SingleInputDateRangeField.types';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 import { DateRangePickerProps } from '../DateRangePicker';
 import { ExportedDateRangePickerToolbarProps } from '../DateRangePicker/DateRangePickerToolbar';
 import { DesktopDateRangePickerProps } from '../DesktopDateRangePicker';
 import { MobileDateRangePickerProps } from '../MobileDateRangePicker';
 import { StaticDateRangePickerProps } from '../StaticDateRangePicker';
+import { MultiInputDateRangeFieldProps } from '../MultiInputDateRangeField';
 import { MultiInputDateTimeRangeFieldProps } from '../MultiInputDateTimeRangeField';
 import { MultiInputTimeRangeFieldProps } from '../MultiInputTimeRangeField';
+import { SingleInputDateRangeFieldProps } from '../SingleInputDateRangeField';
 import { SingleInputDateTimeRangeFieldProps } from '../SingleInputDateTimeRangeField';
 import { SingleInputTimeRangeFieldProps } from '../SingleInputTimeRangeField';
 import { DateTimeRangePickerProps } from '../DateTimeRangePicker';

package/validation/validateDateRange.d.ts

@@ -1,3 +1,4 @@
+import type { MakeRequired } from '@mui/x-internals/types';
 import { Validator } from '@mui/x-date-pickers/validation';
 import { BaseDateValidationProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { DayRangeValidationProps } from '../internals/models/dateRange';
@@ -7,6 +8,13 @@ import { DateRangeValidationError } from '../models';
  */
 export interface ExportedValidateDateRangeProps extends DayRangeValidationProps, BaseDateValidationProps {
 }
-export interface ValidateDateRangeProps extends DayRangeValidationProps, Required<BaseDateValidationProps> {
+/**
+ * Validation props as received by the validateDateRange method.
+ */
+export interface ValidateDateRangeProps extends MakeRequired<ExportedValidateDateRangeProps, ValidateDateRangePropsToDefault> {
 }
+/**
+ * Name of the props that should be defaulted before being passed to the validateDateRange method.
+ */
+export type ValidateDateRangePropsToDefault = keyof BaseDateValidationProps;
 export declare const validateDateRange: Validator<PickerRangeValue, DateRangeValidationError, ValidateDateRangeProps>;

package/validation/validateDateRange.js

@@ -9,6 +9,14 @@ import { rangeValueManager } from "../internals/utils/valueManagers.js";
  * Validation props used by the Date Range Picker, Date Range Field and Date Range Calendar components.
  */
 
+/**
+ * Validation props as received by the validateDateRange method.
+ */
+
+/**
+ * Name of the props that should be defaulted before being passed to the validateDateRange method.
+ */
+
 export const validateDateRange = ({
   adapter,
   value,

package/validation/validateDateTimeRange.d.ts

@@ -1,13 +1,17 @@
 import { DateTimeValidationProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { Validator } from '@mui/x-date-pickers/validation';
 import { DateTimeRangeValidationError } from '../models';
-import { ExportedValidateDateRangeProps, ValidateDateRangeProps } from './validateDateRange';
-import { ExportedValidateTimeRangeProps, ValidateTimeRangeProps } from './validateTimeRange';
+import { ExportedValidateDateRangeProps, ValidateDateRangeProps, ValidateDateRangePropsToDefault } from './validateDateRange';
+import { ExportedValidateTimeRangeProps, ValidateTimeRangeProps, ValidateTimeRangePropsToDefault } from './validateTimeRange';
 /**
  * Validation props used by the Date Time Range Picker and Date Time Range Field.
  */
 export interface ExportedValidateDateTimeRangeProps extends ExportedValidateDateRangeProps, ExportedValidateTimeRangeProps, DateTimeValidationProps {
 }
+/**
+ * Validation props as received by the validateDateTimeRange method.
+ */
 export interface ValidateDateTimeRangeProps extends ValidateDateRangeProps, ValidateTimeRangeProps {
 }
+export type ValidateDateTimeRangePropsToDefault = ValidateDateRangePropsToDefault | ValidateTimeRangePropsToDefault;
 export declare const validateDateTimeRange: Validator<PickerRangeValue, DateTimeRangeValidationError, ValidateDateTimeRangeProps>;

package/validation/validateDateTimeRange.js

@@ -9,6 +9,10 @@ import { rangeValueManager } from "../internals/utils/valueManagers.js";
  * Validation props used by the Date Time Range Picker and Date Time Range Field.
  */
 
+/**
+ * Validation props as received by the validateDateTimeRange method.
+ */
+
 export const validateDateTimeRange = ({
   adapter,
   value,

package/validation/validateTimeRange.d.ts

@@ -1,3 +1,4 @@
+import type { MakeRequired } from '@mui/x-internals/types';
 import { Validator } from '@mui/x-date-pickers/validation';
 import { TimeValidationProps, BaseTimeValidationProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { TimeRangeValidationError } from '../models';
@@ -6,6 +7,13 @@ import { TimeRangeValidationError } from '../models';
  */
 export interface ExportedValidateTimeRangeProps extends BaseTimeValidationProps, TimeValidationProps {
 }
-export interface ValidateTimeRangeProps extends Required<BaseTimeValidationProps>, TimeValidationProps {
+/**
+ * Validation props as received by the validateTimeRange method.
+ */
+export interface ValidateTimeRangeProps extends MakeRequired<ExportedValidateTimeRangeProps, ValidateTimeRangePropsToDefault> {
 }
+/**
+ * Name of the props that should be defaulted before being passed to the validateTimeRange method.
+ */
+export type ValidateTimeRangePropsToDefault = keyof BaseTimeValidationProps;
 export declare const validateTimeRange: Validator<PickerRangeValue, TimeRangeValidationError, ValidateTimeRangeProps>;

package/validation/validateTimeRange.js

@@ -6,6 +6,14 @@ import { rangeValueManager } from "../internals/utils/valueManagers.js";
  * Validation props used by the Time Range Picker and Time Range Field.
  */
 
+/**
+ * Validation props as received by the validateTimeRange method.
+ */
+
+/**
+ * Name of the props that should be defaulted before being passed to the validateTimeRange method.
+ */
+
 export const validateTimeRange = ({
   adapter,
   value,

package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
-import Typography from '@mui/material/Typography';
-import Stack, { StackProps } from '@mui/material/Stack';
-import TextField from '@mui/material/TextField';
-import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
-import { MultiInputFieldRefs, MultiInputRangeFieldClasses, RangePosition, UseDateRangeFieldProps } from '../models';
-export type UseMultiInputDateRangeFieldParams<TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>, TTextFieldSlotProps>;
-export interface UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends Omit<UseDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
-}
-export type UseMultiInputDateRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure extends boolean, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseMultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>;
-export interface MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends UseMultiInputDateRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure, Omit<StackProps, 'position'>> {
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MultiInputRangeFieldClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: MultiInputDateRangeFieldSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MultiInputDateRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>;
-}
-export interface MultiInputDateRangeFieldSlots {
-    /**
-     * Element rendered at the root.
-     * @default MultiInputDateRangeFieldRoot
-     */
-    root?: React.ElementType;
-    /**
-     * Form control with an input to render a date.
-     * It is rendered twice: once for the start date and once for the end date.
-     * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-     */
-    textField?: React.ElementType;
-    /**
-     * Element rendered between the two inputs.
-     * @default MultiInputDateRangeFieldSeparator
-     */
-    separator?: React.ElementType;
-}
-export interface MultiInputDateRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> {
-    root?: SlotComponentProps<typeof Stack, {}, MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>>;
-    textField?: SlotComponentProps<typeof TextField, {}, MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
-        position: RangePosition;
-    }>;
-    separator?: SlotComponentProps<typeof Typography, {}, MultiInputDateRangeFieldProps<TEnableAccessibleFieldDOMStructure>>;
-}

package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
-import Typography from '@mui/material/Typography';
-import Stack, { StackProps } from '@mui/material/Stack';
-import TextField from '@mui/material/TextField';
-import { UseDateTimeRangeFieldProps } from '../internals/models/dateTimeRange';
-import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
-import { MultiInputFieldRefs, MultiInputRangeFieldClasses, RangePosition } from '../models';
-export type UseMultiInputDateTimeRangeFieldParams<TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, TTextFieldSlotProps>;
-export interface UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends Omit<UseDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
-}
-export type UseMultiInputDateTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure extends boolean, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseMultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>;
-export interface MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends UseMultiInputDateTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure, Omit<StackProps, 'position'>> {
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MultiInputRangeFieldClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: MultiInputDateTimeRangeFieldSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MultiInputDateTimeRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>;
-}
-export interface MultiInputDateTimeRangeFieldSlots {
-    /**
-     * Element rendered at the root.
-     * @default MultiInputDateTimeRangeFieldRoot
-     */
-    root?: React.ElementType;
-    /**
-     * Form control with an input to render a date and time.
-     * It is rendered twice: once for the start date time and once for the end date time.
-     * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-     */
-    textField?: React.ElementType;
-    /**
-     * Element rendered between the two inputs.
-     * @default MultiInputDateTimeRangeFieldSeparator
-     */
-    separator?: React.ElementType;
-}
-export interface MultiInputDateTimeRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> {
-    root?: SlotComponentProps<typeof Stack, {}, MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>;
-    textField?: SlotComponentProps<typeof TextField, {}, MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
-        position: RangePosition;
-    }>;
-    separator?: SlotComponentProps<typeof Typography, {}, MultiInputDateTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>;
-}

package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { SlotComponentProps } from '@mui/utils';
-import Typography from '@mui/material/Typography';
-import Stack, { StackProps } from '@mui/material/Stack';
-import TextField from '@mui/material/TextField';
-import { UseTimeRangeFieldProps } from '../internals/models/timeRange';
-import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
-import { MultiInputFieldRefs, MultiInputRangeFieldClasses, RangePosition } from '../models';
-export type UseMultiInputTimeRangeFieldParams<TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}> = UseMultiInputRangeFieldParams<UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, TTextFieldSlotProps>;
-export interface UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends Omit<UseTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>, 'unstableFieldRef' | 'clearable' | 'onClear'>, MultiInputFieldRefs {
-}
-export type UseMultiInputTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure extends boolean, TChildProps extends {}> = Omit<TChildProps, keyof UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>> & UseMultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>;
-export interface MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends UseMultiInputTimeRangeFieldComponentProps<TEnableAccessibleFieldDOMStructure, Omit<StackProps, 'position'>> {
-    autoFocus?: boolean;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MultiInputRangeFieldClasses>;
-    /**
-     * Overridable slots.
-     * @default {}
-     */
-    slots?: MultiInputTimeRangeFieldSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MultiInputTimeRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>;
-}
-export interface MultiInputTimeRangeFieldSlots {
-    /**
-     * Element rendered at the root.
-     * @default MultiInputTimeRangeFieldRoot
-     */
-    root?: React.ElementType;
-    /**
-     * Form control with an input to render a time.
-     * It is rendered twice: once for the start time and once for the end time.
-     * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-     */
-    textField?: React.ElementType;
-    /**
-     * Element rendered between the two inputs.
-     * @default MultiInputTimeRangeFieldSeparator
-     */
-    separator?: React.ElementType;
-}
-export interface MultiInputTimeRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> {
-    root?: SlotComponentProps<typeof Stack, {}, MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>;
-    textField?: SlotComponentProps<typeof TextField, {}, MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure> & {
-        position: RangePosition;
-    }>;
-    separator?: SlotComponentProps<typeof Typography, {}, MultiInputTimeRangeFieldProps<TEnableAccessibleFieldDOMStructure>>;
-}

package/internals/hooks/useMultiInputFieldSelectedSections.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { UseFieldInternalProps } from '@mui/x-date-pickers/internals';
-import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
-import { RangeFieldSection } from '../../models';
-interface UseMultiInputFieldSelectedSectionsParams extends Pick<UseFieldInternalProps<any, RangeFieldSection, any, any>, 'selectedSections' | 'onSelectedSectionsChange'> {
-    unstableStartFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
-    unstableEndFieldRef?: React.Ref<FieldRef<RangeFieldSection>>;
-}
-export declare const useMultiInputFieldSelectedSections: (params: UseMultiInputFieldSelectedSectionsParams) => {
-    start: {
-        unstableFieldRef: React.Ref<FieldRef<RangeFieldSection>> | undefined;
-        selectedSections: FieldSelectedSections;
-        onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
-    };
-    end: {
-        unstableFieldRef: ((instance: FieldRef<RangeFieldSection> | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
-        selectedSections: FieldSelectedSections;
-        onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
-    };
-};
-export {};

package/internals/hooks/useMultiInputRangeField/shared.d.ts

@@ -1 +0,0 @@
-export declare const excludeProps: <TProps extends {}>(props: TProps, excludedProps: Array<keyof TProps>) => TProps;

package/internals/hooks/useMultiInputRangeField/shared.js

@@ -1,9 +0,0 @@
-/* TODO: remove this when a clearable behavior for multiple input range fields is implemented */
-export const excludeProps = (props, excludedProps) => {
-  return Object.keys(props).reduce((acc, key) => {
-    if (!excludedProps.includes(key)) {
-      acc[key] = props[key];
-    }
-    return acc;
-  }, {});
-};

package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts

@@ -1,3 +0,0 @@
-import { UseMultiInputDateRangeFieldParams } from '../../../MultiInputDateRangeField/MultiInputDateRangeField.types';
-import type { UseMultiInputRangeFieldResponse } from './useMultiInputRangeField.types';
-export declare const useMultiInputDateRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}>({ sharedProps: inSharedProps, startTextFieldProps, unstableStartFieldRef, endTextFieldProps, unstableEndFieldRef, }: UseMultiInputDateRangeFieldParams<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>) => UseMultiInputRangeFieldResponse<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>;

package/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -1,113 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { unstable_useDateField as useDateField } from '@mui/x-date-pickers/DateField';
-import { useControlledValueWithTimezone, useDefaultizedDateField } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { validateDateRange } from "../../../validation/index.js";
-import { rangeValueManager } from "../../utils/valueManagers.js";
-import { excludeProps } from "./shared.js";
-import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
-export const useMultiInputDateRangeField = ({
-  sharedProps: inSharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const sharedProps = useDefaultizedDateField(inSharedProps);
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedProps;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValueWithTimezone({
-    name: 'useMultiInputDateRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: rangeValueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = useValidation({
-    props: sharedProps,
-    value,
-    timezone,
-    validator: validateDateRange,
-    onError: sharedProps.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = _extends({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = useEventCallback(buildChangeHandler(0));
-  const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const selectedSectionsResponse = useMultiInputFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = _extends({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = _extends({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = useDateField(startFieldProps);
-  const endDateResponse = useDateField(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: excludeProps(startDateResponse, ['clearable', 'onClear']),
-    endDate: excludeProps(endDateResponse, ['clearable', 'onClear'])
-  };
-};

package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts

@@ -1,3 +0,0 @@
-import type { UseMultiInputDateTimeRangeFieldParams } from '../../../MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types';
-import type { UseMultiInputRangeFieldResponse } from './useMultiInputRangeField.types';
-export declare const useMultiInputDateTimeRangeField: <TEnableAccessibleFieldDOMStructure extends boolean, TTextFieldSlotProps extends {}>({ sharedProps: inSharedProps, startTextFieldProps, unstableStartFieldRef, endTextFieldProps, unstableEndFieldRef, }: UseMultiInputDateTimeRangeFieldParams<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>) => UseMultiInputRangeFieldResponse<TEnableAccessibleFieldDOMStructure, TTextFieldSlotProps>;