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

package/index.js

@@ -1,37 +1,254 @@
 /**
- * @mui/x-date-pickers-pro v8.0.0-alpha.11
+ * @mui/x-date-pickers-pro v8.0.0-alpha.13
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from '@mui/x-date-pickers';
-export * from "./DateRangePickerDay/index.js";
+"use strict";
 
-// Fields
-export * from "./MultiInputDateRangeField/index.js";
-export * from "./MultiInputTimeRangeField/index.js";
-export * from "./MultiInputDateTimeRangeField/index.js";
-export * from "./SingleInputDateRangeField/index.js";
-export * from "./SingleInputTimeRangeField/index.js";
-export * from "./SingleInputDateTimeRangeField/index.js";
-
-// Calendars
-export * from "./DateRangeCalendar/index.js";
-export * from "./PickersRangeCalendarHeader/index.js";
-
-// New pickers
-export * from "./DateRangePicker/index.js";
-export * from "./DesktopDateRangePicker/index.js";
-export * from "./MobileDateRangePicker/index.js";
-export * from "./StaticDateRangePicker/index.js";
-export * from "./DateTimeRangePicker/index.js";
-export * from "./DesktopDateTimeRangePicker/index.js";
-export * from "./MobileDateTimeRangePicker/index.js";
-
-// View renderers
-export * from "./dateRangeViewRenderers/index.js";
-export * from "./models/index.js";
-export * from "./hooks/index.js";
-export * from "./validation/index.js";
-export * from "./managers/index.js";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _xDatePickers = require("@mui/x-date-pickers");
+Object.keys(_xDatePickers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _xDatePickers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _xDatePickers[key];
+    }
+  });
+});
+var _DateRangePickerDay = require("./DateRangePickerDay");
+Object.keys(_DateRangePickerDay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateRangePickerDay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DateRangePickerDay[key];
+    }
+  });
+});
+var _MultiInputDateRangeField = require("./MultiInputDateRangeField");
+Object.keys(_MultiInputDateRangeField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiInputDateRangeField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MultiInputDateRangeField[key];
+    }
+  });
+});
+var _MultiInputTimeRangeField = require("./MultiInputTimeRangeField");
+Object.keys(_MultiInputTimeRangeField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiInputTimeRangeField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MultiInputTimeRangeField[key];
+    }
+  });
+});
+var _MultiInputDateTimeRangeField = require("./MultiInputDateTimeRangeField");
+Object.keys(_MultiInputDateTimeRangeField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiInputDateTimeRangeField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MultiInputDateTimeRangeField[key];
+    }
+  });
+});
+var _SingleInputDateRangeField = require("./SingleInputDateRangeField");
+Object.keys(_SingleInputDateRangeField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SingleInputDateRangeField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SingleInputDateRangeField[key];
+    }
+  });
+});
+var _SingleInputTimeRangeField = require("./SingleInputTimeRangeField");
+Object.keys(_SingleInputTimeRangeField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SingleInputTimeRangeField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SingleInputTimeRangeField[key];
+    }
+  });
+});
+var _SingleInputDateTimeRangeField = require("./SingleInputDateTimeRangeField");
+Object.keys(_SingleInputDateTimeRangeField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SingleInputDateTimeRangeField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SingleInputDateTimeRangeField[key];
+    }
+  });
+});
+var _DateRangeCalendar = require("./DateRangeCalendar");
+Object.keys(_DateRangeCalendar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateRangeCalendar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DateRangeCalendar[key];
+    }
+  });
+});
+var _PickersRangeCalendarHeader = require("./PickersRangeCalendarHeader");
+Object.keys(_PickersRangeCalendarHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PickersRangeCalendarHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PickersRangeCalendarHeader[key];
+    }
+  });
+});
+var _DateRangePicker = require("./DateRangePicker");
+Object.keys(_DateRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DateRangePicker[key];
+    }
+  });
+});
+var _DesktopDateRangePicker = require("./DesktopDateRangePicker");
+Object.keys(_DesktopDateRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DesktopDateRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DesktopDateRangePicker[key];
+    }
+  });
+});
+var _MobileDateRangePicker = require("./MobileDateRangePicker");
+Object.keys(_MobileDateRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MobileDateRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MobileDateRangePicker[key];
+    }
+  });
+});
+var _StaticDateRangePicker = require("./StaticDateRangePicker");
+Object.keys(_StaticDateRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StaticDateRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StaticDateRangePicker[key];
+    }
+  });
+});
+var _DateTimeRangePicker = require("./DateTimeRangePicker");
+Object.keys(_DateTimeRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DateTimeRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DateTimeRangePicker[key];
+    }
+  });
+});
+var _DesktopDateTimeRangePicker = require("./DesktopDateTimeRangePicker");
+Object.keys(_DesktopDateTimeRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DesktopDateTimeRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DesktopDateTimeRangePicker[key];
+    }
+  });
+});
+var _MobileDateTimeRangePicker = require("./MobileDateTimeRangePicker");
+Object.keys(_MobileDateTimeRangePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MobileDateTimeRangePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MobileDateTimeRangePicker[key];
+    }
+  });
+});
+var _dateRangeViewRenderers = require("./dateRangeViewRenderers");
+Object.keys(_dateRangeViewRenderers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dateRangeViewRenderers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dateRangeViewRenderers[key];
+    }
+  });
+});
+var _models = require("./models");
+Object.keys(_models).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _models[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _models[key];
+    }
+  });
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+var _validation = require("./validation");
+Object.keys(_validation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _validation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _validation[key];
+    }
+  });
+});
+var _managers = require("./managers");
+Object.keys(_managers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _managers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _managers[key];
+    }
+  });
+});

package/internals/constants/dimensions.d.ts

@@ -1,3 +1,3 @@
 export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
 export declare const DAY_RANGE_SIZE = 40;
-export declare const RANGE_VIEW_HEIGHT: number;
+export declare const RANGE_VIEW_HEIGHT: number;

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 { 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,8 @@
-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 {
-}
-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> {
-}
+import { UsePickerParams, BasePickerProps, UsePickerViewsProps, UsePickerValueNonStaticProps, UsePickerProviderNonStaticProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { BaseRangeNonStaticPickerProps } from "../../models/index.js";
+import { UseRangePositionProps } from "../useRangePosition.js";
+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,130 +1,71 @@
-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 _releaseInfo = require("../../utils/releaseInfo");
+var _useRangePosition = require("../useRangePosition");
+var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
+var _dateFieldsUtils = require("../../utils/date-fields-utils");
+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,
     inputRef,
-    readOnly,
-    autoFocus,
-    disableOpenPicker,
     localeText
   } = props;
-  const fieldContainerRef = React.useRef(null);
-  const popperRef = React.useRef(null);
-  const startFieldRef = React.useRef(null);
-  const endFieldRef = React.useRef(null);
-  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);
-  let fieldRef;
-  if (fieldType === 'single-input') {
-    fieldRef = singleInputFieldRef;
-  } else if (rangePositionResponse.rangePosition === 'start') {
-    fieldRef = startFieldRef;
-  } else {
-    fieldRef = endFieldRef;
-  }
+  const fieldType = (0, _dateFieldsUtils.getRangeFieldType)(slots.field);
+  const viewContainerRole = fieldType === 'single-input' ? 'dialog' : 'tooltip';
+  const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props);
   const {
     providerProps,
     renderCurrentView,
     ownerState
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     variant: 'desktop',
-    autoFocusView: false,
-    fieldRef,
+    autoFocusView: viewContainerRole === 'dialog',
+    viewContainerRole,
     localeText
   }));
-
-  // Temporary hack to hide the opening button on the range pickers until we have migrate them to the new opening logic.
-  providerProps.contextValue.triggerStatus = 'hidden';
-  React.useEffect(() => {
-    if (providerProps.contextValue.view) {
-      initialView.current = providerProps.contextValue.view;
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const handleBlur = () => {
-    executeInTheNextEventLoopTick(() => {
-      if (fieldContainerRef.current?.contains(getActiveElement(document)) || popperRef.current?.contains(getActiveElement(document))) {
-        return;
-      }
-
-      // This direct access to `providerProps` will go away once the range fields stop having their views in a tooltip.
-      providerProps.privateContextValue.dismissViews();
-    });
-  };
   const Field = slots.field;
-  const _useSlotProps = useSlotProps({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: slotProps?.field,
-      additionalProps: {
-        // Internal props
-        readOnly,
-        autoFocus: autoFocus && !props.open,
-        // Forwarded props
-        ref: fieldContainerRef
-      },
       ownerState
     }),
-    fieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
-  const enrichedFieldResponse = useEnrichedRangePickerField(_extends({
-    variant: 'desktop',
-    fieldType,
-    // These direct access to `providerProps` will go away once the range fields handle the picker opening
-    contextValue: providerProps.contextValue,
-    fieldPrivateContextValue: providerProps.fieldPrivateContextValue,
-    readOnly,
-    disableOpenPicker,
-    localeText,
-    onBlur: handleBlur,
-    pickerSlotProps: slotProps,
-    pickerSlots: slots,
-    fieldProps,
-    anchorRef: providerProps.contextValue.triggerRef,
-    startFieldRef,
-    endFieldRef,
-    singleInputFieldRef,
-    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, {
-    // This override will go away once the range fields handle the picker opening
-    fieldPrivateContextValue: _extends({}, providerProps.fieldPrivateContextValue, enrichedFieldResponse.fieldPrivateContextValue),
-    children: /*#__PURE__*/_jsx(PickerFieldUIContextProvider, {
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
+    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, {
-          role: "tooltip",
-          containerRef: popperRef,
-          onBlur: handleBlur,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerPopper, {
           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 +77,5 @@ export const useDesktopRangePicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useDesktopRangePicker = useDesktopRangePicker;

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

@@ -1,26 +1,35 @@
-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 {
+import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
+import { PickerPopperSlots, PickerPopperSlotProps, UsePickerViewsProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
+import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots } from '@mui/x-date-pickers/PickersLayout';
+import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps } from "../models/useRangePicker.js";
+export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
+  /**
+   * Component used to enter the date with the keyboard.
+   */
+  field: React.ElementType;
 }
-export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, PickerPopperSlotProps {
+export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends PickerPopperSlotProps, ExportedPickersLayoutSlotProps<PickerRangeValue>, PickerFieldUISlotPropsFromContext {
+  field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerRangeValue, TEnableAccessibleFieldDOMStructure> & {
+    dateSeparator?: string;
+  }, {}, PickerOwnerState>;
 }
 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/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';