@mui/x-date-pickers-pro 8.0.0-alpha.12 → 8.0.0-alpha.13

package/internals/hooks/useEnrichedRangePickerField.js

@@ -1,245 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEnrichedRangePickerField = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _hooks = require("@mui/x-date-pickers/hooks");
-var _internals = require("@mui/x-date-pickers/internals");
-const _excluded = ["clearable", "onClear"];
-const useMultiInputFieldSlotProps = ({
-  contextValue,
-  variant,
-  readOnly,
-  labelId,
-  disableOpenPicker,
-  onBlur,
-  rangePosition,
-  setRangePosition,
-  localeText: inLocaleText,
-  pickerSlotProps,
-  pickerSlots,
-  fieldProps,
-  anchorRef,
-  currentView,
-  initialView,
-  startFieldRef,
-  endFieldRef
-}) => {
-  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 (!contextValue.open || variant === 'mobile') {
-      return;
-    }
-    const currentFieldRef = rangePosition === 'start' ? startFieldRef : endFieldRef;
-    currentFieldRef.current?.focusField();
-    if (!currentFieldRef.current || !currentView) {
-      // could happen when the user is switching between the inputs
-      previousRangePosition.current = rangePosition;
-      return;
-    }
-
-    // bring back focus to the field
-    // currentView is present on DateTimeRangePicker
-    currentFieldRef.current.setSelectedSections(
-    // use the current view or `0` when the range position has just been swapped
-    previousRangePosition.current === rangePosition ? currentView : 0);
-    previousRangePosition.current = rangePosition;
-  }, [rangePosition, contextValue.open, currentView, startFieldRef, endFieldRef, variant]);
-  const openRangeStartSelection = event => {
-    event.stopPropagation();
-    setRangePosition('start');
-    if (!readOnly && !disableOpenPicker) {
-      event.preventDefault();
-      contextValue.setOpen(true);
-    }
-  };
-  const openRangeEndSelection = event => {
-    event.stopPropagation();
-    setRangePosition('end');
-    if (!readOnly && !disableOpenPicker) {
-      event.preventDefault();
-      contextValue.setOpen(true);
-    }
-  };
-  const handleFocusStart = () => {
-    if (contextValue.open) {
-      setRangePosition('start');
-      if (previousRangePosition.current !== 'start' && initialView) {
-        contextValue.setView?.(initialView);
-      }
-    }
-  };
-  const handleFocusEnd = () => {
-    if (contextValue.open) {
-      setRangePosition('end');
-      if (previousRangePosition.current !== 'end' && initialView) {
-        contextValue.setView?.(initialView);
-      }
-    }
-  };
-  const slots = (0, _extends2.default)({
-    textField: pickerSlots?.textField,
-    root: pickerSlots?.fieldRoot,
-    separator: pickerSlots?.fieldSeparator
-  }, fieldProps.slots);
-  const slotProps = (0, _extends2.default)({}, fieldProps.slotProps, {
-    textField: ownerState => {
-      const resolvedComponentProps = (0, _resolveComponentProps.default)(pickerSlotProps?.textField, ownerState);
-      let textFieldProps;
-      let InputProps;
-      if (ownerState.position === 'start') {
-        textFieldProps = (0, _extends2.default)({
-          label: inLocaleText?.start ?? translations.start,
-          onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeStartSelection),
-          onFocus: handleFocusStart,
-          focused: contextValue.open ? rangePosition === 'start' : undefined
-        }, !readOnly && !contextValue.disabled && {
-          onClick: openRangeStartSelection
-        }, variant === 'mobile' && {
-          readOnly: true
-        });
-        if (anchorRef) {
-          InputProps = (0, _extends2.default)({}, resolvedComponentProps?.InputProps, {
-            ref: anchorRef
-          });
-        }
-      } else {
-        textFieldProps = (0, _extends2.default)({
-          label: inLocaleText?.end ?? translations.end,
-          onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeEndSelection),
-          onFocus: handleFocusEnd,
-          focused: contextValue.open ? rangePosition === 'end' : undefined
-        }, !readOnly && !contextValue.disabled && {
-          onClick: openRangeEndSelection
-        }, variant === 'mobile' && {
-          readOnly: true
-        });
-        InputProps = resolvedComponentProps?.InputProps;
-      }
-      return (0, _extends2.default)({}, labelId != null && {
-        id: `${labelId}-${ownerState.position}`
-      }, textFieldProps, (0, _resolveComponentProps.default)(pickerSlotProps?.textField, ownerState), {
-        InputProps
-      });
-    },
-    root: ownerState => {
-      const rootProps = {
-        onBlur
-      };
-      return (0, _extends2.default)({}, rootProps, (0, _resolveComponentProps.default)(pickerSlotProps?.fieldRoot, ownerState));
-    },
-    separator: pickerSlotProps?.fieldSeparator
-  });
-
-  /* TODO: remove this when a clearable behavior for multiple input range fields is implemented */
-  const _ref = fieldProps,
-    restFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  const enrichedFieldProps = (0, _extends2.default)({}, restFieldProps, {
-    unstableStartFieldRef: handleStartFieldRef,
-    unstableEndFieldRef: handleEndFieldRef,
-    slots,
-    slotProps
-  });
-  return {
-    fieldProps: enrichedFieldProps,
-    fieldPrivateContextValue: {}
-  };
-};
-const useSingleInputFieldSlotProps = ({
-  contextValue,
-  fieldPrivateContextValue,
-  variant,
-  readOnly,
-  labelId,
-  disableOpenPicker,
-  onBlur,
-  rangePosition,
-  setRangePosition,
-  singleInputFieldRef,
-  fieldProps,
-  currentView
-}) => {
-  const handleFieldRef = (0, _useForkRef.default)(fieldProps.unstableFieldRef, singleInputFieldRef);
-  React.useEffect(() => {
-    if (!contextValue.open || !singleInputFieldRef.current || variant === 'mobile') {
-      return;
-    }
-    if (singleInputFieldRef.current.isFieldFocused()) {
-      return;
-    }
-
-    // bring back focus to the field with the current view section selected
-    if (currentView) {
-      const sections = singleInputFieldRef.current.getSections().map(section => section.type);
-      const newSelectedSection = rangePosition === 'start' ? sections.indexOf(currentView) : sections.lastIndexOf(currentView);
-      singleInputFieldRef.current?.focusField(newSelectedSection);
-    }
-  }, [rangePosition, contextValue.open, currentView, singleInputFieldRef, variant]);
-  const updateRangePosition = () => {
-    if (!singleInputFieldRef.current?.isFieldFocused()) {
-      return;
-    }
-    const sections = singleInputFieldRef.current.getSections();
-    const activeSectionIndex = singleInputFieldRef.current?.getActiveSectionIndex();
-    const domRangePosition = activeSectionIndex == null || activeSectionIndex < sections.length / 2 ? 'start' : 'end';
-    if (domRangePosition != null && domRangePosition !== rangePosition) {
-      setRangePosition(domRangePosition);
-    }
-  };
-  const handleSelectedSectionsChange = (0, _useEventCallback.default)(selectedSection => {
-    setTimeout(updateRangePosition);
-    fieldPrivateContextValue.onSelectedSectionsChange?.(selectedSection);
-  });
-  const openPicker = event => {
-    event.stopPropagation();
-    if (!readOnly && !disableOpenPicker) {
-      event.preventDefault();
-      contextValue.setOpen(true);
-    }
-  };
-  const enrichedFieldProps = (0, _extends2.default)({}, fieldProps, {
-    unstableFieldRef: handleFieldRef,
-    onKeyDown: (0, _internals.onSpaceOrEnter)(openPicker, fieldProps.onKeyDown),
-    onBlur,
-    focused: contextValue.open ? true : undefined
-  }, labelId != null && {
-    id: labelId
-  }, variant === 'mobile' && {
-    readOnly: true
-  }, !readOnly && !contextValue.disabled && {
-    onClick: openPicker
-  });
-  return {
-    fieldProps: enrichedFieldProps,
-    fieldPrivateContextValue: {
-      onSelectedSectionsChange: handleSelectedSectionsChange
-    }
-  };
-};
-const useEnrichedRangePickerField = params => {
-  /* eslint-disable react-hooks/rules-of-hooks */
-  if (process.env.NODE_ENV !== 'production') {
-    const fieldTypeRef = React.useRef(params.fieldType);
-    if (params.fieldType !== fieldTypeRef.current) {
-      console.error('Should not switch between a multi input field and a single input field on a range picker.');
-    }
-  }
-  if (params.fieldType === 'multi-input') {
-    return useMultiInputFieldSlotProps(params);
-  }
-  return useSingleInputFieldSlotProps(params);
-  /* eslint-enable react-hooks/rules-of-hooks */
-};
-exports.useEnrichedRangePickerField = useEnrichedRangePickerField;

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldTextFieldProps.d.ts

@@ -1,17 +0,0 @@
-import { UseDateManagerReturnValue, UseDateTimeManagerReturnValue, UseTimeManagerReturnValue } from '@mui/x-date-pickers/managers';
-import { PickerValueType } from '@mui/x-date-pickers/models';
-import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldResponse } from '@mui/x-date-pickers/internals';
-import { PickerAnyRangeManager } from "../../internals/models/managers.js";
-import { UseDateRangeManagerReturnValue, UseDateTimeRangeManagerReturnValue, UseTimeRangeManagerReturnValue } from "../../managers/index.js";
-/**
- * @ignore - internal hook.
- */
-export declare function useMultiInputRangeFieldTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends {
-  [key: string]: any;
-}>(parameters: UseMultiInputRangeFieldTextFieldProps<TManager>): Omit<UseFieldResponse<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TForwardedProps>, "clearable" | "onClear">;
-interface UseMultiInputRangeFieldTextFieldProps<TManager extends PickerAnyRangeManager> {
-  valueType: PickerValueType;
-  fieldProps: PickerManagerFieldInternalProps<GetDerivedManager<TManager>>;
-}
-type GetDerivedManager<TManager extends PickerAnyRangeManager> = TManager extends UseDateRangeManagerReturnValue<infer TEnableAccessibleFieldDOMStructure> ? UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure> : TManager extends UseTimeRangeManagerReturnValue<infer TEnableAccessibleFieldDOMStructure> ? UseTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure> : TManager extends UseDateTimeRangeManagerReturnValue<infer TEnableAccessibleFieldDOMStructure> ? UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure> : never;
-export {};

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldTextFieldProps.js

@@ -1,59 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["clearable", "onClear"];
-import { useDateManager, useDateTimeManager, useTimeManager } from '@mui/x-date-pickers/managers';
-import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
-import { useField, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
-/**
- * @ignore - internal hook.
- */
-export function useMultiInputRangeFieldTextFieldProps(parameters) {
-  const {
-    fieldProps,
-    valueType
-  } = parameters;
-  let useManager;
-  switch (valueType) {
-    case 'date':
-      {
-        useManager = useDateManager;
-        break;
-      }
-    case 'time':
-      {
-        useManager = useTimeManager;
-        break;
-      }
-    case 'date-time':
-      {
-        useManager = useDateTimeManager;
-        break;
-      }
-    default:
-      {
-        throw new Error(`Unknown valueType: ${valueType}`);
-      }
-  }
-  const manager = useManager({
-    enableAccessibleFieldDOMStructure: fieldProps.enableAccessibleFieldDOMStructure
-  });
-  const {
-    forwardedProps,
-    internalProps
-  } = useSplitFieldProps(fieldProps, 'date');
-  const internalPropsWithDefaults = useFieldInternalPropsWithDefaults({
-    manager,
-    internalProps
-  });
-  const _ref = useField({
-      forwardedProps,
-      internalProps: internalPropsWithDefaults,
-      valueManager: manager.internal_valueManager,
-      fieldValueManager: manager.internal_fieldValueManager,
-      validator: manager.validator,
-      valueType: manager.valueType,
-      // TODO v8: Add a real aria label before moving the opening logic to the field on range pickers.
-      getOpenPickerButtonAriaLabel: () => ''
-    }),
-    fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return fieldResponse;
-}

package/modern/internals/hooks/useEnrichedRangePickerField.d.ts

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import Stack, { StackProps } from '@mui/material/Stack';
-import Typography, { TypographyProps } from '@mui/material/Typography';
-import { SlotComponentProps } from '@mui/utils';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { FieldSelectedSections, FieldRef, PickerOwnerState, FieldOwnerState } from '@mui/x-date-pickers/models';
-import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-pickers/hooks';
-import { PickersInputLocaleText } from '@mui/x-date-pickers/locales';
-import { PickerVariant, DateOrTimeViewWithMeridiem, BaseSingleInputFieldProps, PickerRangeValue, PickerValue, PickerContextValue, PickerFieldPrivateContextValue } from '@mui/x-date-pickers/internals';
-import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
-import { RangePosition, FieldType, PickerRangeFieldSlotProps } from "../../models/index.js";
-import { UseRangePositionResponse } from "./useRangePosition.js";
-import { BaseMultiInputFieldProps } from "../models/fields.js";
-export interface RangePickerFieldSlots extends UseClearableFieldSlots {
-  field: React.ElementType;
-  /**
-   * Element rendered at the root.
-   * Ignored if the field has only one input.
-   */
-  fieldRoot?: React.ElementType<StackProps>;
-  /**
-   * Element rendered between the two inputs.
-   * Ignored if the field has only one input.
-   */
-  fieldSeparator?: React.ElementType<TypographyProps>;
-  /**
-   * Form control with an input to render a date or time inside the default field.
-   * It is rendered twice: once for the start element and once for the end element.
-   * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`.
-   */
-  textField?: React.ElementType;
-}
-export interface RangePickerFieldSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseClearableFieldSlotProps {
-  field?: SlotComponentPropsFromProps<PickerRangeFieldSlotProps<TEnableAccessibleFieldDOMStructure>, {}, PickerOwnerState>;
-  fieldRoot?: SlotComponentProps<typeof Stack, {}, FieldOwnerState>;
-  fieldSeparator?: SlotComponentProps<typeof Typography, {}, FieldOwnerState>;
-  textField?: SlotComponentProps<typeof PickersTextField, {}, FieldOwnerState & {
-    position?: RangePosition;
-  }>;
-}
-export type RangePickerPropsForFieldSlot<TIsSingleInput extends boolean> = (TIsSingleInput extends true ? BaseSingleInputFieldProps<PickerRangeValue> : never) | (TIsSingleInput extends false ? BaseMultiInputFieldProps : never);
-export interface UseEnrichedRangePickerFieldPropsParams<TIsSingleInput extends boolean, TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError> extends UseRangePositionResponse {
-  contextValue: PickerContextValue<PickerRangeValue, TView, TError>;
-  fieldPrivateContextValue: PickerFieldPrivateContextValue;
-  variant: PickerVariant;
-  fieldType: FieldType;
-  readOnly?: boolean;
-  labelId?: string;
-  disableOpenPicker?: boolean;
-  onBlur?: () => void;
-  localeText: PickersInputLocaleText | undefined;
-  pickerSlotProps: RangePickerFieldSlotProps<TEnableAccessibleFieldDOMStructure> | undefined;
-  pickerSlots: RangePickerFieldSlots | undefined;
-  fieldProps: RangePickerPropsForFieldSlot<TIsSingleInput>;
-  anchorRef?: React.Ref<HTMLElement>;
-  currentView?: TView | null;
-  initialView?: TView;
-  startFieldRef: React.RefObject<FieldRef<PickerValue> | null>;
-  endFieldRef: React.RefObject<FieldRef<PickerValue> | null>;
-  singleInputFieldRef: React.RefObject<FieldRef<PickerRangeValue> | null>;
-}
-export declare const useEnrichedRangePickerField: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError>(params: UseEnrichedRangePickerFieldPropsParams<boolean, TView, TEnableAccessibleFieldDOMStructure, TError>) => {
-  fieldProps: BaseMultiInputFieldProps;
-  fieldPrivateContextValue: {};
-} | {
-  fieldProps: BaseSingleInputFieldProps<PickerRangeValue>;
-  fieldPrivateContextValue: {
-    onSelectedSectionsChange: (selectedSection: FieldSelectedSections) => void;
-  };
-};

package/modern/internals/hooks/useEnrichedRangePickerField.js

@@ -1,236 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["clearable", "onClear"];
-import * as React from 'react';
-import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import useEventCallback from '@mui/utils/useEventCallback';
-import useForkRef from '@mui/utils/useForkRef';
-import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { onSpaceOrEnter } from '@mui/x-date-pickers/internals';
-const useMultiInputFieldSlotProps = ({
-  contextValue,
-  variant,
-  readOnly,
-  labelId,
-  disableOpenPicker,
-  onBlur,
-  rangePosition,
-  setRangePosition,
-  localeText: inLocaleText,
-  pickerSlotProps,
-  pickerSlots,
-  fieldProps,
-  anchorRef,
-  currentView,
-  initialView,
-  startFieldRef,
-  endFieldRef
-}) => {
-  const translations = usePickerTranslations();
-  const handleStartFieldRef = useForkRef(fieldProps.unstableStartFieldRef, startFieldRef);
-  const handleEndFieldRef = useForkRef(fieldProps.unstableEndFieldRef, endFieldRef);
-  const previousRangePosition = React.useRef(rangePosition);
-  React.useEffect(() => {
-    if (!contextValue.open || variant === 'mobile') {
-      return;
-    }
-    const currentFieldRef = rangePosition === 'start' ? startFieldRef : endFieldRef;
-    currentFieldRef.current?.focusField();
-    if (!currentFieldRef.current || !currentView) {
-      // could happen when the user is switching between the inputs
-      previousRangePosition.current = rangePosition;
-      return;
-    }
-
-    // bring back focus to the field
-    // currentView is present on DateTimeRangePicker
-    currentFieldRef.current.setSelectedSections(
-    // use the current view or `0` when the range position has just been swapped
-    previousRangePosition.current === rangePosition ? currentView : 0);
-    previousRangePosition.current = rangePosition;
-  }, [rangePosition, contextValue.open, currentView, startFieldRef, endFieldRef, variant]);
-  const openRangeStartSelection = event => {
-    event.stopPropagation();
-    setRangePosition('start');
-    if (!readOnly && !disableOpenPicker) {
-      event.preventDefault();
-      contextValue.setOpen(true);
-    }
-  };
-  const openRangeEndSelection = event => {
-    event.stopPropagation();
-    setRangePosition('end');
-    if (!readOnly && !disableOpenPicker) {
-      event.preventDefault();
-      contextValue.setOpen(true);
-    }
-  };
-  const handleFocusStart = () => {
-    if (contextValue.open) {
-      setRangePosition('start');
-      if (previousRangePosition.current !== 'start' && initialView) {
-        contextValue.setView?.(initialView);
-      }
-    }
-  };
-  const handleFocusEnd = () => {
-    if (contextValue.open) {
-      setRangePosition('end');
-      if (previousRangePosition.current !== 'end' && initialView) {
-        contextValue.setView?.(initialView);
-      }
-    }
-  };
-  const slots = _extends({
-    textField: pickerSlots?.textField,
-    root: pickerSlots?.fieldRoot,
-    separator: pickerSlots?.fieldSeparator
-  }, fieldProps.slots);
-  const slotProps = _extends({}, fieldProps.slotProps, {
-    textField: ownerState => {
-      const resolvedComponentProps = resolveComponentProps(pickerSlotProps?.textField, ownerState);
-      let textFieldProps;
-      let InputProps;
-      if (ownerState.position === 'start') {
-        textFieldProps = _extends({
-          label: inLocaleText?.start ?? translations.start,
-          onKeyDown: onSpaceOrEnter(openRangeStartSelection),
-          onFocus: handleFocusStart,
-          focused: contextValue.open ? rangePosition === 'start' : undefined
-        }, !readOnly && !contextValue.disabled && {
-          onClick: openRangeStartSelection
-        }, variant === 'mobile' && {
-          readOnly: true
-        });
-        if (anchorRef) {
-          InputProps = _extends({}, resolvedComponentProps?.InputProps, {
-            ref: anchorRef
-          });
-        }
-      } else {
-        textFieldProps = _extends({
-          label: inLocaleText?.end ?? translations.end,
-          onKeyDown: onSpaceOrEnter(openRangeEndSelection),
-          onFocus: handleFocusEnd,
-          focused: contextValue.open ? rangePosition === 'end' : undefined
-        }, !readOnly && !contextValue.disabled && {
-          onClick: openRangeEndSelection
-        }, variant === 'mobile' && {
-          readOnly: true
-        });
-        InputProps = resolvedComponentProps?.InputProps;
-      }
-      return _extends({}, labelId != null && {
-        id: `${labelId}-${ownerState.position}`
-      }, textFieldProps, resolveComponentProps(pickerSlotProps?.textField, ownerState), {
-        InputProps
-      });
-    },
-    root: ownerState => {
-      const rootProps = {
-        onBlur
-      };
-      return _extends({}, rootProps, resolveComponentProps(pickerSlotProps?.fieldRoot, ownerState));
-    },
-    separator: pickerSlotProps?.fieldSeparator
-  });
-
-  /* TODO: remove this when a clearable behavior for multiple input range fields is implemented */
-  const _ref = fieldProps,
-    restFieldProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const enrichedFieldProps = _extends({}, restFieldProps, {
-    unstableStartFieldRef: handleStartFieldRef,
-    unstableEndFieldRef: handleEndFieldRef,
-    slots,
-    slotProps
-  });
-  return {
-    fieldProps: enrichedFieldProps,
-    fieldPrivateContextValue: {}
-  };
-};
-const useSingleInputFieldSlotProps = ({
-  contextValue,
-  fieldPrivateContextValue,
-  variant,
-  readOnly,
-  labelId,
-  disableOpenPicker,
-  onBlur,
-  rangePosition,
-  setRangePosition,
-  singleInputFieldRef,
-  fieldProps,
-  currentView
-}) => {
-  const handleFieldRef = useForkRef(fieldProps.unstableFieldRef, singleInputFieldRef);
-  React.useEffect(() => {
-    if (!contextValue.open || !singleInputFieldRef.current || variant === 'mobile') {
-      return;
-    }
-    if (singleInputFieldRef.current.isFieldFocused()) {
-      return;
-    }
-
-    // bring back focus to the field with the current view section selected
-    if (currentView) {
-      const sections = singleInputFieldRef.current.getSections().map(section => section.type);
-      const newSelectedSection = rangePosition === 'start' ? sections.indexOf(currentView) : sections.lastIndexOf(currentView);
-      singleInputFieldRef.current?.focusField(newSelectedSection);
-    }
-  }, [rangePosition, contextValue.open, currentView, singleInputFieldRef, variant]);
-  const updateRangePosition = () => {
-    if (!singleInputFieldRef.current?.isFieldFocused()) {
-      return;
-    }
-    const sections = singleInputFieldRef.current.getSections();
-    const activeSectionIndex = singleInputFieldRef.current?.getActiveSectionIndex();
-    const domRangePosition = activeSectionIndex == null || activeSectionIndex < sections.length / 2 ? 'start' : 'end';
-    if (domRangePosition != null && domRangePosition !== rangePosition) {
-      setRangePosition(domRangePosition);
-    }
-  };
-  const handleSelectedSectionsChange = useEventCallback(selectedSection => {
-    setTimeout(updateRangePosition);
-    fieldPrivateContextValue.onSelectedSectionsChange?.(selectedSection);
-  });
-  const openPicker = event => {
-    event.stopPropagation();
-    if (!readOnly && !disableOpenPicker) {
-      event.preventDefault();
-      contextValue.setOpen(true);
-    }
-  };
-  const enrichedFieldProps = _extends({}, fieldProps, {
-    unstableFieldRef: handleFieldRef,
-    onKeyDown: onSpaceOrEnter(openPicker, fieldProps.onKeyDown),
-    onBlur,
-    focused: contextValue.open ? true : undefined
-  }, labelId != null && {
-    id: labelId
-  }, variant === 'mobile' && {
-    readOnly: true
-  }, !readOnly && !contextValue.disabled && {
-    onClick: openPicker
-  });
-  return {
-    fieldProps: enrichedFieldProps,
-    fieldPrivateContextValue: {
-      onSelectedSectionsChange: handleSelectedSectionsChange
-    }
-  };
-};
-export const useEnrichedRangePickerField = params => {
-  /* eslint-disable react-hooks/rules-of-hooks */
-  if (process.env.NODE_ENV !== 'production') {
-    const fieldTypeRef = React.useRef(params.fieldType);
-    if (params.fieldType !== fieldTypeRef.current) {
-      console.error('Should not switch between a multi input field and a single input field on a range picker.');
-    }
-  }
-  if (params.fieldType === 'multi-input') {
-    return useMultiInputFieldSlotProps(params);
-  }
-  return useSingleInputFieldSlotProps(params);
-  /* eslint-enable react-hooks/rules-of-hooks */
-};