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

package/internals/constants/dimensions.js

@@ -1,5 +1,16 @@
-import { DAY_MARGIN, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
-export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
-export const DAY_RANGE_SIZE = 40;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DAY_MARGIN", {
+  enumerable: true,
+  get: function () {
+    return _internals.DAY_MARGIN;
+  }
+});
+exports.RANGE_VIEW_HEIGHT = exports.DAY_RANGE_SIZE = void 0;
+var _internals = require("@mui/x-date-pickers/internals");
+const DAY_RANGE_SIZE = exports.DAY_RANGE_SIZE = 40;
 // adding the extra height of the range day element height difference (40px vs 36px)
-export const RANGE_VIEW_HEIGHT = VIEW_HEIGHT + 6 * 2 * DAY_MARGIN;
+const RANGE_VIEW_HEIGHT = exports.RANGE_VIEW_HEIGHT = _internals.VIEW_HEIGHT + 6 * 2 * _internals.DAY_MARGIN;

package/internals/hooks/models/index.d.ts

@@ -1 +1 @@
-export type { UseRangePickerSlots, UseRangePickerSlotProps, RangeOnlyPickerProps, UseRangePickerProps, UseRangePickerParams, } from './useRangePicker';
+export type { UseRangePickerSlots, UseRangePickerSlotProps, RangeOnlyPickerProps, UseRangePickerProps, UseRangePickerParams } from './useRangePicker';

package/internals/hooks/models/index.js

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

package/internals/hooks/models/useRangePicker.d.ts

@@ -1,18 +1,15 @@
 import { UsePickerParams, BasePickerProps, ExportedBaseToolbarProps, UsePickerViewsProps, UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps, DateOrTimeViewWithMeridiem, ExportedBaseTabsProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
-import { BaseRangeNonStaticPickerProps } from '../../models';
-import { UseRangePositionProps } from '../useRangePosition';
-import { RangePickerFieldSlots, RangePickerFieldSlotProps } from '../useEnrichedRangePickerField';
-export interface UseRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue>, RangePickerFieldSlots {
-}
+import { BaseRangeNonStaticPickerProps } from "../../models/index.js";
+import { UseRangePositionProps } from "../useRangePosition.js";
+import { RangePickerFieldSlots, RangePickerFieldSlotProps } from "../useEnrichedRangePickerField.js";
+export interface UseRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue>, RangePickerFieldSlots {}
 export interface UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedPickersLayoutSlotProps<PickerRangeValue>, RangePickerFieldSlotProps<TEnableAccessibleFieldDOMStructure> {
-    tabs?: ExportedBaseTabsProps;
-    toolbar?: ExportedBaseToolbarProps;
-}
-export interface RangeOnlyPickerProps extends UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {
-}
-export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<any, TView, any>> extends RangeOnlyPickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {
+  tabs?: ExportedBaseTabsProps;
+  toolbar?: ExportedBaseToolbarProps;
 }
+export interface RangeOnlyPickerProps extends UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {}
+export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<any, TView, any>> extends RangeOnlyPickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {}
 export interface UseRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParams<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
-    props: TExternalProps;
-}
+  props: TExternalProps;
+}

package/internals/hooks/models/useRangePicker.js

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

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

@@ -1,2 +1,2 @@
-export { useDesktopRangePicker } from './useDesktopRangePicker';
-export type { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps, UseDesktopRangePickerProps, } from './useDesktopRangePicker.types';
+export { useDesktopRangePicker } from "./useDesktopRangePicker.js";
+export type { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';

package/internals/hooks/useDesktopRangePicker/index.js

@@ -1 +1,12 @@
-export { useDesktopRangePicker } from "./useDesktopRangePicker.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useDesktopRangePicker", {
+  enumerable: true,
+  get: function () {
+    return _useDesktopRangePicker.useDesktopRangePicker;
+  }
+});
+var _useDesktopRangePicker = require("./useDesktopRangePicker");

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

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
-export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-    renderPicker: () => React.JSX.Element;
-};
+import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
+export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -1,24 +1,32 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"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.useDesktopRangePicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _xLicense = require("@mui/x-license");
+var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
+var _internals = require("@mui/x-date-pickers/internals");
+var _useEnrichedRangePickerField = require("../useEnrichedRangePickerField");
+var _releaseInfo = require("../../utils/releaseInfo");
+var _useRangePosition = require("../useRangePosition");
+var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props"],
   _excluded2 = ["ownerState"];
-import * as React from 'react';
-import useSlotProps from '@mui/utils/useSlotProps';
-import { useLicenseVerifier } from '@mui/x-license';
-import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
-import { executeInTheNextEventLoopTick, getActiveElement, usePicker, PickerPopper, PickerProvider, PickerFieldUIContextProvider } from '@mui/x-date-pickers/internals';
-import { useEnrichedRangePickerField } from "../useEnrichedRangePickerField.js";
-import { getReleaseInfo } from "../../utils/releaseInfo.js";
-import { useRangePosition } from "../useRangePosition.js";
-import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = getReleaseInfo();
-export const useDesktopRangePicker = _ref => {
+const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
+const useDesktopRangePicker = _ref => {
   let {
       props
     } = _ref,
-    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', releaseInfo);
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
   const {
     slots,
     slotProps,
@@ -35,7 +43,7 @@ export const useDesktopRangePicker = _ref => {
   const singleInputFieldRef = React.useRef(null);
   const initialView = React.useRef(props.openTo ?? null);
   const fieldType = slots.field.fieldType ?? 'multi-input';
-  const rangePositionResponse = useRangePosition(props, fieldType === 'single-input' ? singleInputFieldRef : undefined);
+  const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props, fieldType === 'single-input' ? singleInputFieldRef : undefined);
   let fieldRef;
   if (fieldType === 'single-input') {
     fieldRef = singleInputFieldRef;
@@ -48,7 +56,7 @@ export const useDesktopRangePicker = _ref => {
     providerProps,
     renderCurrentView,
     ownerState
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     variant: 'desktop',
     autoFocusView: false,
@@ -65,8 +73,8 @@ export const useDesktopRangePicker = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const handleBlur = () => {
-    executeInTheNextEventLoopTick(() => {
-      if (fieldContainerRef.current?.contains(getActiveElement(document)) || popperRef.current?.contains(getActiveElement(document))) {
+    (0, _internals.executeInTheNextEventLoopTick)(() => {
+      if (fieldContainerRef.current?.contains((0, _internals.getActiveElement)(document)) || popperRef.current?.contains((0, _internals.getActiveElement)(document))) {
         return;
       }
 
@@ -75,7 +83,7 @@ export const useDesktopRangePicker = _ref => {
     });
   };
   const Field = slots.field;
-  const _useSlotProps = useSlotProps({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: slotProps?.field,
       additionalProps: {
@@ -87,8 +95,8 @@ export const useDesktopRangePicker = _ref => {
       },
       ownerState
     }),
-    fieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  const enrichedFieldResponse = useEnrichedRangePickerField(_extends({
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const enrichedFieldResponse = (0, _useEnrichedRangePickerField.useEnrichedRangePickerField)((0, _extends2.default)({
     variant: 'desktop',
     fieldType,
     // These direct access to `providerProps` will go away once the range fields handle the picker opening
@@ -108,23 +116,23 @@ export const useDesktopRangePicker = _ref => {
     currentView: providerProps.contextValue.view !== props.openTo ? providerProps.contextValue.view : undefined,
     initialView: initialView.current ?? undefined
   }, rangePositionResponse));
-  const Layout = slots?.layout ?? PickersLayout;
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
+  const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
     // This override will go away once the range fields handle the picker opening
-    fieldPrivateContextValue: _extends({}, providerProps.fieldPrivateContextValue, enrichedFieldResponse.fieldPrivateContextValue),
-    children: /*#__PURE__*/_jsx(PickerFieldUIContextProvider, {
+    fieldPrivateContextValue: (0, _extends2.default)({}, providerProps.fieldPrivateContextValue, enrichedFieldResponse.fieldPrivateContextValue),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerFieldUIContextProvider, {
       slots: slots,
       slotProps: slotProps,
       inputRef: inputRef,
-      children: /*#__PURE__*/_jsxs(PickerRangePositionContext.Provider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {
         value: rangePositionResponse,
-        children: [/*#__PURE__*/_jsx(Field, _extends({}, enrichedFieldResponse.fieldProps)), /*#__PURE__*/_jsx(PickerPopper, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldResponse.fieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerPopper, {
           role: "tooltip",
           containerRef: popperRef,
           onBlur: handleBlur,
           slots: slots,
           slotProps: slotProps,
-          children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {
             slots: slots,
             slotProps: slotProps,
             children: renderCurrentView()
@@ -136,4 +144,5 @@ export const useDesktopRangePicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useDesktopRangePicker = useDesktopRangePicker;

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

@@ -1,26 +1,23 @@
 import { PickerPopperSlots, PickerPopperSlotProps, UsePickerViewsProps, DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps, UseRangePickerSlotProps, UseRangePickerSlots } from '../models/useRangePicker';
-export interface UseDesktopRangePickerSlots extends UseRangePickerSlots, PickerPopperSlots {
-}
-export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, PickerPopperSlotProps {
-}
+import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps, UseRangePickerSlotProps, UseRangePickerSlots } from "../models/useRangePicker.js";
+export interface UseDesktopRangePickerSlots extends UseRangePickerSlots, PickerPopperSlots {}
+export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, PickerPopperSlotProps {}
 export interface DesktopRangeOnlyPickerProps extends RangeOnlyPickerProps {
-    /**
-     * If `true`, the start `input` element is focused during the first mount.
-     */
-    autoFocus?: boolean;
+  /**
+   * If `true`, the start `input` element is focused during the first mount.
+   */
+  autoFocus?: boolean;
 }
 export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerViewsProps<any, TView, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots: UseDesktopRangePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
-}
-export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends UseRangePickerParams<TView, TExternalProps> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: UseDesktopRangePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
 }
+export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends UseRangePickerParams<TView, TExternalProps> {}

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js

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

package/internals/hooks/useEnrichedRangePickerField.d.ts

@@ -8,63 +8,63 @@ import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-
 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';
-import { UseRangePositionResponse } from './useRangePosition';
-import { BaseMultiInputFieldProps } from '../models/fields';
+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;
+  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;
-    }>;
+  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>;
+  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: BaseMultiInputFieldProps;
+  fieldPrivateContextValue: {};
 } | {
-    fieldProps: BaseSingleInputFieldProps<PickerRangeValue>;
-    fieldPrivateContextValue: {
-        onSelectedSectionsChange: (selectedSection: FieldSelectedSections) => void;
-    };
-};
+  fieldProps: BaseSingleInputFieldProps<PickerRangeValue>;
+  fieldPrivateContextValue: {
+    onSelectedSectionsChange: (selectedSection: FieldSelectedSections) => void;
+  };
+};

package/internals/hooks/useEnrichedRangePickerField.js

@@ -1,12 +1,20 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"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"];
-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,
@@ -26,9 +34,9 @@ const useMultiInputFieldSlotProps = ({
   startFieldRef,
   endFieldRef
 }) => {
-  const translations = usePickerTranslations();
-  const handleStartFieldRef = useForkRef(fieldProps.unstableStartFieldRef, startFieldRef);
-  const handleEndFieldRef = useForkRef(fieldProps.unstableEndFieldRef, 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') {
@@ -43,6 +51,7 @@ const useMultiInputFieldSlotProps = ({
     }
 
     // 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);
@@ -80,20 +89,20 @@ const useMultiInputFieldSlotProps = ({
       }
     }
   };
-  const slots = _extends({
+  const slots = (0, _extends2.default)({
     textField: pickerSlots?.textField,
     root: pickerSlots?.fieldRoot,
     separator: pickerSlots?.fieldSeparator
   }, fieldProps.slots);
-  const slotProps = _extends({}, fieldProps.slotProps, {
+  const slotProps = (0, _extends2.default)({}, fieldProps.slotProps, {
     textField: ownerState => {
-      const resolvedComponentProps = resolveComponentProps(pickerSlotProps?.textField, ownerState);
+      const resolvedComponentProps = (0, _resolveComponentProps.default)(pickerSlotProps?.textField, ownerState);
       let textFieldProps;
       let InputProps;
       if (ownerState.position === 'start') {
-        textFieldProps = _extends({
+        textFieldProps = (0, _extends2.default)({
           label: inLocaleText?.start ?? translations.start,
-          onKeyDown: onSpaceOrEnter(openRangeStartSelection),
+          onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeStartSelection),
           onFocus: handleFocusStart,
           focused: contextValue.open ? rangePosition === 'start' : undefined
         }, !readOnly && !contextValue.disabled && {
@@ -102,14 +111,14 @@ const useMultiInputFieldSlotProps = ({
           readOnly: true
         });
         if (anchorRef) {
-          InputProps = _extends({}, resolvedComponentProps?.InputProps, {
+          InputProps = (0, _extends2.default)({}, resolvedComponentProps?.InputProps, {
             ref: anchorRef
           });
         }
       } else {
-        textFieldProps = _extends({
+        textFieldProps = (0, _extends2.default)({
           label: inLocaleText?.end ?? translations.end,
-          onKeyDown: onSpaceOrEnter(openRangeEndSelection),
+          onKeyDown: (0, _internals.onSpaceOrEnter)(openRangeEndSelection),
           onFocus: handleFocusEnd,
           focused: contextValue.open ? rangePosition === 'end' : undefined
         }, !readOnly && !contextValue.disabled && {
@@ -119,9 +128,9 @@ const useMultiInputFieldSlotProps = ({
         });
         InputProps = resolvedComponentProps?.InputProps;
       }
-      return _extends({}, labelId != null && {
+      return (0, _extends2.default)({}, labelId != null && {
         id: `${labelId}-${ownerState.position}`
-      }, textFieldProps, resolveComponentProps(pickerSlotProps?.textField, ownerState), {
+      }, textFieldProps, (0, _resolveComponentProps.default)(pickerSlotProps?.textField, ownerState), {
         InputProps
       });
     },
@@ -129,15 +138,15 @@ const useMultiInputFieldSlotProps = ({
       const rootProps = {
         onBlur
       };
-      return _extends({}, rootProps, resolveComponentProps(pickerSlotProps?.fieldRoot, ownerState));
+      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 = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const enrichedFieldProps = _extends({}, restFieldProps, {
+    restFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const enrichedFieldProps = (0, _extends2.default)({}, restFieldProps, {
     unstableStartFieldRef: handleStartFieldRef,
     unstableEndFieldRef: handleEndFieldRef,
     slots,
@@ -162,7 +171,7 @@ const useSingleInputFieldSlotProps = ({
   fieldProps,
   currentView
 }) => {
-  const handleFieldRef = useForkRef(fieldProps.unstableFieldRef, singleInputFieldRef);
+  const handleFieldRef = (0, _useForkRef.default)(fieldProps.unstableFieldRef, singleInputFieldRef);
   React.useEffect(() => {
     if (!contextValue.open || !singleInputFieldRef.current || variant === 'mobile') {
       return;
@@ -189,7 +198,7 @@ const useSingleInputFieldSlotProps = ({
       setRangePosition(domRangePosition);
     }
   };
-  const handleSelectedSectionsChange = useEventCallback(selectedSection => {
+  const handleSelectedSectionsChange = (0, _useEventCallback.default)(selectedSection => {
     setTimeout(updateRangePosition);
     fieldPrivateContextValue.onSelectedSectionsChange?.(selectedSection);
   });
@@ -200,9 +209,9 @@ const useSingleInputFieldSlotProps = ({
       contextValue.setOpen(true);
     }
   };
-  const enrichedFieldProps = _extends({}, fieldProps, {
+  const enrichedFieldProps = (0, _extends2.default)({}, fieldProps, {
     unstableFieldRef: handleFieldRef,
-    onKeyDown: onSpaceOrEnter(openPicker, fieldProps.onKeyDown),
+    onKeyDown: (0, _internals.onSpaceOrEnter)(openPicker, fieldProps.onKeyDown),
     onBlur,
     focused: contextValue.open ? true : undefined
   }, labelId != null && {
@@ -219,7 +228,7 @@ const useSingleInputFieldSlotProps = ({
     }
   };
 };
-export const useEnrichedRangePickerField = params => {
+const useEnrichedRangePickerField = params => {
   /* eslint-disable react-hooks/rules-of-hooks */
   if (process.env.NODE_ENV !== 'production') {
     const fieldTypeRef = React.useRef(params.fieldType);
@@ -232,4 +241,5 @@ export const useEnrichedRangePickerField = params => {
   }
   return useSingleInputFieldSlotProps(params);
   /* eslint-enable react-hooks/rules-of-hooks */
-};
+};
+exports.useEnrichedRangePickerField = useEnrichedRangePickerField;

package/internals/hooks/useMobileRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { useMobileRangePicker } from './useMobileRangePicker';
-export type { UseMobileRangePickerSlots, UseMobileRangePickerSlotProps, MobileRangeOnlyPickerProps, UseMobileRangePickerProps, } from './useMobileRangePicker.types';
+export { useMobileRangePicker } from "./useMobileRangePicker.js";
+export type { UseMobileRangePickerSlots, UseMobileRangePickerSlotProps, MobileRangeOnlyPickerProps, UseMobileRangePickerProps } from './useMobileRangePicker.types';

package/internals/hooks/useMobileRangePicker/index.js

@@ -1 +1,12 @@
-export { useMobileRangePicker } from "./useMobileRangePicker.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useMobileRangePicker", {
+  enumerable: true,
+  get: function () {
+    return _useMobileRangePicker.useMobileRangePicker;
+  }
+});
+var _useMobileRangePicker = require("./useMobileRangePicker");

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
-export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
-    renderPicker: () => React.JSX.Element;
-};
+import { UseMobileRangePickerParams, UseMobileRangePickerProps } from "./useMobileRangePicker.types.js";
+export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseMobileRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};