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

package/{esm/TimeRangePicker/TimeRangePicker.types.d.ts → TimeRangePicker/TimeRangePicker.types.d.mts}

@@ -1,5 +1,5 @@
-import { DesktopTimeRangePickerProps, DesktopTimeRangePickerSlots, DesktopTimeRangePickerSlotProps } from "../DesktopTimeRangePicker/index.js";
-import { MobileTimeRangePickerProps, MobileTimeRangePickerSlots, MobileTimeRangePickerSlotProps } from "../MobileTimeRangePicker/index.js";
+import { DesktopTimeRangePickerProps, DesktopTimeRangePickerSlots, DesktopTimeRangePickerSlotProps } from "../DesktopTimeRangePicker/index.mjs";
+import { MobileTimeRangePickerProps, MobileTimeRangePickerSlots, MobileTimeRangePickerSlotProps } from "../MobileTimeRangePicker/index.mjs";
 export interface TimeRangePickerSlots extends DesktopTimeRangePickerSlots, MobileTimeRangePickerSlots {}
 export interface TimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
 export interface TimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, Omit<MobileTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, 'views'> {

package/{esm/TimeRangePicker/TimeRangePickerTabs.d.ts → TimeRangePicker/TimeRangePickerTabs.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ExportedBaseTabsProps } from '@mui/x-date-pickers/internals';
-import { TimeRangePickerTabsClasses } from "./timeRangePickerTabsClasses.js";
+import { TimeRangePickerTabsClasses } from "./timeRangePickerTabsClasses.mjs";
 export interface ExportedTimeRangePickerTabsProps extends ExportedBaseTabsProps {
   /**
    * Toggles visibility of the tabs allowing view switching.

package/{esm/TimeRangePicker/TimeRangePickerTabs.js → TimeRangePicker/TimeRangePickerTabs.mjs}

@@ -9,8 +9,8 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { TimeIcon } from '@mui/x-date-pickers/icons';
 import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getTimeRangePickerTabsUtilityClass } from "./timeRangePickerTabsClasses.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { getTimeRangePickerTabsUtilityClass } from "./timeRangePickerTabsClasses.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {

package/{esm/TimeRangePicker/TimeRangePickerTimeWrapper.js → TimeRangePicker/TimeRangePickerTimeWrapper.mjs}

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["viewRenderer", "value", "onChange", "defaultValue", "onViewChange", "views", "className", "referenceDate"];
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { isRangeValid } from "../internals/utils/date-utils.js";
-import { calculateRangeChange, resolveReferenceDate } from "../internals/utils/date-range-manager.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { isRangeValid } from "../internals/utils/date-utils.mjs";
+import { calculateRangeChange, resolveReferenceDate } from "../internals/utils/date-range-manager.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
 /**
  * @ignore - internal component.
  */

package/{esm/TimeRangePicker/TimeRangePickerToolbar.d.ts → TimeRangePicker/TimeRangePickerToolbar.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
-import { TimeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.js";
+import { TimeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.mjs";
 export interface TimeRangePickerToolbarProps extends Omit<BaseToolbarProps, 'toolbarFormat'>, ExportedTimeRangePickerToolbarProps {
   ampm: boolean;
 }

package/{esm/TimeRangePicker/TimeRangePickerToolbar.js → TimeRangePicker/TimeRangePickerToolbar.mjs}

@@ -10,8 +10,8 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { PickersToolbar, PickersToolbarButton, PickersToolbarText, getMeridiem, formatMeridiem, pickersToolbarClasses, pickersToolbarTextClasses, MULTI_SECTION_CLOCK_SECTION_WIDTH, useToolbarOwnerState } from '@mui/x-date-pickers/internals';
 import { usePickerAdapter, usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getTimeRangePickerToolbarUtilityClass } from "./timeRangePickerToolbarClasses.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
+import { getTimeRangePickerToolbarUtilityClass } from "./timeRangePickerToolbarClasses.mjs";
+import { usePickerRangePositionContext } from "../hooks/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = (classes, ownerState) => {
   const {

package/{esm/TimeRangePicker/index.d.ts → TimeRangePicker/index.d.mts}

@@ -1,10 +1,10 @@
-export { TimeRangePicker } from "./TimeRangePicker.js";
-export type { TimeRangePickerProps, TimeRangePickerSlots, TimeRangePickerSlotProps } from "./TimeRangePicker.types.js";
-export { TimeRangePickerTabs } from "./TimeRangePickerTabs.js";
-export type { ExportedTimeRangePickerTabsProps } from "./TimeRangePickerTabs.js";
-export { getTimeRangePickerTabsUtilityClass, timeRangePickerTabsClasses } from "./timeRangePickerTabsClasses.js";
-export type { TimeRangePickerTabsClasses, TimeRangePickerTabsClassKey } from "./timeRangePickerTabsClasses.js";
-export { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.js";
-export type { TimeRangePickerToolbarProps } from "./TimeRangePickerToolbar.js";
-export { timeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.js";
-export type { TimeRangePickerToolbarClassKey, TimeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.js";
+export { TimeRangePicker } from "./TimeRangePicker.mjs";
+export type { TimeRangePickerProps, TimeRangePickerSlots, TimeRangePickerSlotProps } from "./TimeRangePicker.types.mjs";
+export { TimeRangePickerTabs } from "./TimeRangePickerTabs.mjs";
+export type { ExportedTimeRangePickerTabsProps } from "./TimeRangePickerTabs.mjs";
+export { getTimeRangePickerTabsUtilityClass, timeRangePickerTabsClasses } from "./timeRangePickerTabsClasses.mjs";
+export type { TimeRangePickerTabsClasses, TimeRangePickerTabsClassKey } from "./timeRangePickerTabsClasses.mjs";
+export { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.mjs";
+export type { TimeRangePickerToolbarProps } from "./TimeRangePickerToolbar.mjs";
+export { timeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.mjs";
+export type { TimeRangePickerToolbarClassKey, TimeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.mjs";

package/TimeRangePicker/index.mjs

@@ -0,0 +1,5 @@
+export { TimeRangePicker } from "./TimeRangePicker.mjs";
+export { TimeRangePickerTabs } from "./TimeRangePickerTabs.mjs";
+export { getTimeRangePickerTabsUtilityClass, timeRangePickerTabsClasses } from "./timeRangePickerTabsClasses.mjs";
+export { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.mjs";
+export { timeRangePickerToolbarClasses } from "./timeRangePickerToolbarClasses.mjs";

package/{esm/TimeRangePicker/shared.d.ts → TimeRangePicker/shared.d.mts}

@@ -7,9 +7,9 @@ import { TimeClockSlots, TimeClockSlotProps } from '@mui/x-date-pickers/TimeCloc
 import { DigitalClockSlots, DigitalClockSlotProps } from '@mui/x-date-pickers/DigitalClock';
 import { MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from '@mui/x-date-pickers/MultiSectionDigitalClock';
 import { TimeViewRendererProps } from '@mui/x-date-pickers/timeViewRenderers';
-import { TimeRangePickerToolbarProps, ExportedTimeRangePickerToolbarProps } from "./TimeRangePickerToolbar.js";
-import { TimeRangeValidationError } from "../models/index.js";
-import { ExportedTimeRangePickerTabsProps, TimeRangePickerTabsProps } from "./TimeRangePickerTabs.js";
+import { TimeRangePickerToolbarProps, ExportedTimeRangePickerToolbarProps } from "./TimeRangePickerToolbar.mjs";
+import { TimeRangeValidationError } from "../models/index.mjs";
+import { ExportedTimeRangePickerTabsProps, TimeRangePickerTabsProps } from "./TimeRangePickerTabs.mjs";
 export interface BaseTimeRangePickerSlots extends TimeClockSlots, DigitalClockSlots, MultiSectionDigitalClockSlots {
   /**
    * Tabs enabling toggling between start and end time.

package/{esm/TimeRangePicker/shared.js → TimeRangePicker/shared.mjs}

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { applyDefaultViewProps, resolveTimeViewsResponse, useApplyDefaultValuesToTimeValidationProps } from '@mui/x-date-pickers/internals';
 import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
-import { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.js";
-import { TimeRangePickerTabs } from "./TimeRangePickerTabs.js";
+import { TimeRangePickerToolbar } from "./TimeRangePickerToolbar.mjs";
+import { TimeRangePickerTabs } from "./TimeRangePickerTabs.mjs";
 export function useTimeRangePickerDefaultizedProps(props, name) {
   const adapter = usePickerAdapter();
   const themeProps = useThemeProps({

package/{esm/dateRangeViewRenderers/dateRangeViewRenderers.d.ts → dateRangeViewRenderers/dateRangeViewRenderers.d.mts}

@@ -1,5 +1,5 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { DateRangeCalendarProps } from "../DateRangeCalendar/index.js";
+import { DateRangeCalendarProps } from "../DateRangeCalendar/index.mjs";
 export interface DateRangeViewRendererProps<TView extends DateOrTimeViewWithMeridiem> extends Omit<DateRangeCalendarProps, 'views' | 'onRangePositionChange' | 'rangePosition' | 'defaultRangePosition'> {
   views: readonly TView[];
 }

package/{esm/dateRangeViewRenderers/dateRangeViewRenderers.js → dateRangeViewRenderers/dateRangeViewRenderers.mjs}

@@ -1,5 +1,5 @@
 import { isDatePickerView } from '@mui/x-date-pickers/internals';
-import { DateRangeCalendar } from "../DateRangeCalendar/index.js";
+import { DateRangeCalendar } from "../DateRangeCalendar/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * We don't pass all the props down to `DateRangeCalendar`,

package/{esm/dateRangeViewRenderers/index.d.ts → dateRangeViewRenderers/index.d.mts}

@@ -1,2 +1,2 @@
-export { renderDateRangeViewCalendar } from "./dateRangeViewRenderers.js";
-export type { DateRangeViewRendererProps } from "./dateRangeViewRenderers.js";
+export { renderDateRangeViewCalendar } from "./dateRangeViewRenderers.mjs";
+export type { DateRangeViewRendererProps } from "./dateRangeViewRenderers.mjs";

package/{esm/dateRangeViewRenderers/index.js → dateRangeViewRenderers/index.mjs}

@@ -1 +1 @@
-export { renderDateRangeViewCalendar } from "./dateRangeViewRenderers.js";
+export { renderDateRangeViewCalendar } from "./dateRangeViewRenderers.mjs";

package/{esm/hooks/index.d.ts → hooks/index.d.mts}

@@ -1,3 +1,3 @@
-export { usePickerRangePositionContext } from "./usePickerRangePositionContext.js";
-export { useMultiInputRangeField as unstable_useMultiInputRangeField } from "./useMultiInputRangeField/index.js";
-export type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField/index.js";
+export { usePickerRangePositionContext } from "./usePickerRangePositionContext.mjs";
+export { useMultiInputRangeField as unstable_useMultiInputRangeField } from "./useMultiInputRangeField/index.mjs";
+export type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField/index.mjs";

package/{esm/hooks/index.js → hooks/index.mjs}

@@ -1,2 +1,2 @@
-export { usePickerRangePositionContext } from "./usePickerRangePositionContext.js";
-export { useMultiInputRangeField as unstable_useMultiInputRangeField } from "./useMultiInputRangeField/index.js";
+export { usePickerRangePositionContext } from "./usePickerRangePositionContext.mjs";
+export { useMultiInputRangeField as unstable_useMultiInputRangeField } from "./useMultiInputRangeField/index.mjs";

package/{esm/hooks/useMultiInputRangeField/index.d.ts → hooks/useMultiInputRangeField/index.d.mts}

@@ -1,2 +1,2 @@
-export { useMultiInputRangeField } from "./useMultiInputRangeField.js";
-export type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField.js";
+export { useMultiInputRangeField } from "./useMultiInputRangeField.mjs";
+export type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField.mjs";

package/{esm/hooks/useMultiInputRangeField/index.js → hooks/useMultiInputRangeField/index.mjs}

@@ -1 +1 @@
-export { useMultiInputRangeField } from "./useMultiInputRangeField.js";
+export { useMultiInputRangeField } from "./useMultiInputRangeField.mjs";

package/{esm/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts → hooks/useMultiInputRangeField/useMultiInputRangeField.d.mts}

@@ -1,7 +1,7 @@
 import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
-import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.js";
-import { PickerAnyRangeManager } from "../../internals/models/managers.js";
-import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.js";
+import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.mjs";
+import { PickerAnyRangeManager } from "../../internals/models/managers.mjs";
+import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.mjs";
 /**
  * Basic example:
  *

package/{esm/hooks/useMultiInputRangeField/useMultiInputRangeField.js → hooks/useMultiInputRangeField/useMultiInputRangeField.mjs}

@@ -2,9 +2,9 @@
 
 import { useControlledValue, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
 import { useValidation } from '@mui/x-date-pickers/validation';
-import { useTextFieldProps } from "./useTextFieldProps.js";
-import { useMultiInputRangeFieldSelectedSections } from "./useMultiInputRangeFieldSelectedSections.js";
-import { useMultiInputRangeFieldRootProps } from "./useMultiInputRangeFieldRootProps.js";
+import { useTextFieldProps } from "./useTextFieldProps.mjs";
+import { useMultiInputRangeFieldSelectedSections } from "./useMultiInputRangeFieldSelectedSections.mjs";
+import { useMultiInputRangeFieldRootProps } from "./useMultiInputRangeFieldRootProps.mjs";
 
 /**
  * Basic example:

package/{esm/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts → hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PickerRangeValue, PickerValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
 import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
-import { MultiInputFieldRefs } from "../../models/index.js";
+import { MultiInputFieldRefs } from "../../models/index.mjs";
 interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
 export interface UseMultiInputFieldSelectedSectionsResponseItem {
   unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;

package/{esm/hooks/useMultiInputRangeField/useTextFieldProps.d.ts → hooks/useMultiInputRangeField/useTextFieldProps.d.mts}

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { UseValidationReturnValue } from '@mui/x-date-pickers/validation';
 import { PickerValueType } from '@mui/x-date-pickers/models';
 import { FieldChangeHandler, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
-import { PickerAnyRangeManager } from "../../internals/models/managers.js";
-import { UseMultiInputFieldSelectedSectionsResponseItem } from "./useMultiInputRangeFieldSelectedSections.js";
-import type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField.js";
+import { PickerAnyRangeManager } from "../../internals/models/managers.mjs";
+import { UseMultiInputFieldSelectedSectionsResponseItem } from "./useMultiInputRangeFieldSelectedSections.mjs";
+import type { UseMultiInputRangeFieldTextFieldProps } from "./useMultiInputRangeField.mjs";
 /**
  * @ignore - internal hook.
  */

package/hooks/useMultiInputRangeField/useTextFieldProps.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTextFieldProps = useTextFieldProps;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _managers = require("@mui/x-date-pickers/managers");
@@ -56,7 +57,7 @@ function useTextFieldProps(parameters) {
       }
     default:
       {
-        throw new Error(`Unknown valueType: ${valueType}`);
+        throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: Unknown valueType: ${valueType}` : (0, _formatErrorMessage2.default)(162, valueType));
       }
   }
   const manager = useManager({

package/{esm/hooks/useMultiInputRangeField/useTextFieldProps.js → hooks/useMultiInputRangeField/useTextFieldProps.mjs}

@@ -2,12 +2,13 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 const _excluded = ["clearable", "onClear", "openPickerAriaLabel"];
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useDateManager, useDateTimeManager, useTimeManager } from '@mui/x-date-pickers/managers';
 import { useField, useNullableFieldPrivateContext, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
-import { useNullablePickerRangePositionContext } from "../../internals/hooks/useNullablePickerRangePositionContext.js";
+import { useNullablePickerRangePositionContext } from "../../internals/hooks/useNullablePickerRangePositionContext.mjs";
 /**
  * @ignore - internal hook.
  */
@@ -49,7 +50,7 @@ export function useTextFieldProps(parameters) {
       }
     default:
       {
-        throw new Error(`Unknown valueType: ${valueType}`);
+        throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: Unknown valueType: ${valueType}` : _formatErrorMessage(162, valueType));
       }
   }
   const manager = useManager({

package/{esm/hooks/usePickerRangePositionContext.d.ts → hooks/usePickerRangePositionContext.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseRangePositionResponse } from "../internals/hooks/useRangePosition.js";
+import { UseRangePositionResponse } from "../internals/hooks/useRangePosition.mjs";
 export declare const PickerRangePositionContext: React.Context<UseRangePositionResponse | null>;
 /**
  * Returns information about the range position of the picker that wraps the current component.

package/hooks/usePickerRangePositionContext.js

@@ -2,11 +2,13 @@
 '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.PickerRangePositionContext = void 0;
 exports.usePickerRangePositionContext = usePickerRangePositionContext;
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 const PickerRangePositionContext = exports.PickerRangePositionContext = /*#__PURE__*/React.createContext(null);
 
@@ -17,7 +19,7 @@ if (process.env.NODE_ENV !== "production") PickerRangePositionContext.displayNam
 function usePickerRangePositionContext() {
   const value = React.useContext(PickerRangePositionContext);
   if (value == null) {
-    throw new Error(['MUI X: The `usePickerRangePositionContext` can only be called in components that are used inside a picker component'].join('\n'));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: The \`usePickerRangePositionContext\` can only be called in components that are used inside a picker component` : (0, _formatErrorMessage2.default)(161));
   }
   return value;
 }

package/{esm/hooks/usePickerRangePositionContext.js → hooks/usePickerRangePositionContext.mjs}

@@ -1,5 +1,6 @@
 'use client';
 
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 export const PickerRangePositionContext = /*#__PURE__*/React.createContext(null);
 
@@ -10,7 +11,7 @@ if (process.env.NODE_ENV !== "production") PickerRangePositionContext.displayNam
 export function usePickerRangePositionContext() {
   const value = React.useContext(PickerRangePositionContext);
   if (value == null) {
-    throw new Error(['MUI X: The `usePickerRangePositionContext` can only be called in components that are used inside a picker component'].join('\n'));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI X: The \`usePickerRangePositionContext\` can only be called in components that are used inside a picker component` : _formatErrorMessage(161));
   }
   return value;
 }

package/index.d.mts

@@ -0,0 +1,26 @@
+export * from '@mui/x-date-pickers';
+export * from "./DateRangePickerDay/index.mjs";
+export * from "./DateRangePickerDay2/index.mjs";
+export * from "./MultiInputDateRangeField/index.mjs";
+export * from "./MultiInputTimeRangeField/index.mjs";
+export * from "./MultiInputDateTimeRangeField/index.mjs";
+export * from "./SingleInputDateRangeField/index.mjs";
+export * from "./SingleInputTimeRangeField/index.mjs";
+export * from "./SingleInputDateTimeRangeField/index.mjs";
+export * from "./DateRangeCalendar/index.mjs";
+export * from "./PickersRangeCalendarHeader/index.mjs";
+export * from "./DateRangePicker/index.mjs";
+export * from "./DesktopDateRangePicker/index.mjs";
+export * from "./MobileDateRangePicker/index.mjs";
+export * from "./StaticDateRangePicker/index.mjs";
+export * from "./TimeRangePicker/index.mjs";
+export * from "./DesktopTimeRangePicker/index.mjs";
+export * from "./MobileTimeRangePicker/index.mjs";
+export * from "./DateTimeRangePicker/index.mjs";
+export * from "./DesktopDateTimeRangePicker/index.mjs";
+export * from "./MobileDateTimeRangePicker/index.mjs";
+export * from "./dateRangeViewRenderers/index.mjs";
+export * from "./models/index.mjs";
+export * from "./hooks/index.mjs";
+export * from "./validation/index.mjs";
+export * from "./managers/index.mjs";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v9.0.0-alpha.0
+ * @mui/x-date-pickers-pro v9.0.0-alpha.2
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -0,0 +1,42 @@
+/**
+ * @mui/x-date-pickers-pro v9.0.0-alpha.2
+ *
+ * @license SEE LICENSE IN LICENSE
+ * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// eslint-disable-next-line no-restricted-imports
+export * from '@mui/x-date-pickers';
+export * from "./DateRangePickerDay/index.mjs";
+export * from "./DateRangePickerDay2/index.mjs";
+
+// Fields
+export * from "./MultiInputDateRangeField/index.mjs";
+export * from "./MultiInputTimeRangeField/index.mjs";
+export * from "./MultiInputDateTimeRangeField/index.mjs";
+export * from "./SingleInputDateRangeField/index.mjs";
+export * from "./SingleInputTimeRangeField/index.mjs";
+export * from "./SingleInputDateTimeRangeField/index.mjs";
+
+// Calendars
+export * from "./DateRangeCalendar/index.mjs";
+export * from "./PickersRangeCalendarHeader/index.mjs";
+
+// New pickers
+export * from "./DateRangePicker/index.mjs";
+export * from "./DesktopDateRangePicker/index.mjs";
+export * from "./MobileDateRangePicker/index.mjs";
+export * from "./StaticDateRangePicker/index.mjs";
+export * from "./TimeRangePicker/index.mjs";
+export * from "./DesktopTimeRangePicker/index.mjs";
+export * from "./MobileTimeRangePicker/index.mjs";
+export * from "./DateTimeRangePicker/index.mjs";
+export * from "./DesktopDateTimeRangePicker/index.mjs";
+export * from "./MobileDateTimeRangePicker/index.mjs";
+
+// View renderers
+export * from "./dateRangeViewRenderers/index.mjs";
+export * from "./models/index.mjs";
+export * from "./hooks/index.mjs";
+export * from "./validation/index.mjs";
+export * from "./managers/index.mjs";

package/{esm/internals/hooks/useDesktopRangePicker/index.d.ts → internals/hooks/useDesktopRangePicker/index.d.mts}

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

package/internals/hooks/useDesktopRangePicker/index.mjs

@@ -0,0 +1 @@
+export { useDesktopRangePicker } from "./useDesktopRangePicker.mjs";

package/{esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts → internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.mts}

@@ -1,5 +1,5 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
+import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.mjs";
 export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
   props,
   steps,

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _xLicense = require("@mui/x-license");
+var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useRangePosition = require("../useRangePosition");
@@ -25,7 +25,7 @@ const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc3MTIwMDAwMDAwMA==");
+  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
   const {
     slots,
     slotProps,
@@ -34,7 +34,10 @@ const useDesktopRangePicker = _ref => {
   } = props;
   const fieldType = (0, _dateFieldsUtils.getRangeFieldType)(slots.field);
   const isSingleInput = fieldType === 'single-input';
-  const viewContainerRole = isSingleInput ? 'dialog' : 'tooltip';
+  // When keepOpenDuringFieldFocus is enabled, we want the popper to behave like a tooltip
+  // so focus is not trapped inside the views and the user can click back into the field.
+  // Dialog only when focus trapping is desired (single input without the keep-open behavior).
+  const viewContainerRole = props.keepOpenDuringFieldFocus || !isSingleInput ? 'tooltip' : 'dialog';
   const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props);
   const getStepNavigation = (0, _createRangePickerStepNavigation.createRangePickerStepNavigation)({
     steps,

package/{esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js → internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs}

@@ -4,13 +4,13 @@ const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
 import useSlotProps from '@mui/utils/useSlotProps';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useLicenseVerifier } from '@mui/x-license';
+import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickerPopper, PickerProvider } from '@mui/x-date-pickers/internals';
-import { useRangePosition } from "../useRangePosition.js";
-import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.js";
-import { getRangeFieldType } from "../../utils/date-fields-utils.js";
-import { createRangePickerStepNavigation } from "../../utils/createRangePickerStepNavigation.js";
+import { useRangePosition } from "../useRangePosition.mjs";
+import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.mjs";
+import { getRangeFieldType } from "../../utils/date-fields-utils.mjs";
+import { createRangePickerStepNavigation } from "../../utils/createRangePickerStepNavigation.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const useDesktopRangePicker = _ref => {
   let {
@@ -18,7 +18,7 @@ export const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc3MTIwMDAwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
   const {
     slots,
     slotProps,
@@ -27,7 +27,10 @@ export const useDesktopRangePicker = _ref => {
   } = props;
   const fieldType = getRangeFieldType(slots.field);
   const isSingleInput = fieldType === 'single-input';
-  const viewContainerRole = isSingleInput ? 'dialog' : 'tooltip';
+  // When keepOpenDuringFieldFocus is enabled, we want the popper to behave like a tooltip
+  // so focus is not trapped inside the views and the user can click back into the field.
+  // Dialog only when focus trapping is desired (single input without the keep-open behavior).
+  const viewContainerRole = props.keepOpenDuringFieldFocus || !isSingleInput ? 'tooltip' : 'dialog';
   const rangePositionResponse = useRangePosition(props);
   const getStepNavigation = createRangePickerStepNavigation({
     steps,

package/{esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts → internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.mts}

@@ -2,7 +2,7 @@ import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickerPopperSlots, PickerPopperSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots } from '@mui/x-date-pickers/PickersLayout';
-import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
+import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.mjs";
 export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.

package/{esm/internals/hooks/useMobileRangePicker/index.d.ts → internals/hooks/useMobileRangePicker/index.d.mts}

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

package/internals/hooks/useMobileRangePicker/index.mjs

@@ -0,0 +1 @@
+export { useMobileRangePicker } from "./useMobileRangePicker.mjs";

package/{esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts → internals/hooks/useMobileRangePicker/useMobileRangePicker.d.mts}

@@ -1,5 +1,5 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { UseMobileRangePickerParams, UseMobileRangePickerProps } from "./useMobileRangePicker.types.js";
+import { UseMobileRangePickerParams, UseMobileRangePickerProps } from "./useMobileRangePicker.types.mjs";
 export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
   props,
   steps,

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
-var _xLicense = require("@mui/x-license");
+var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _hooks = require("@mui/x-date-pickers/hooks");
@@ -27,7 +27,7 @@ const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc3MTIwMDAwMDAwMA==");
+  (0, _useLicenseVerifier.useLicenseVerifier)('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
   const {
     slots,
     slotProps: innerSlotProps,

package/{esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.js → internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs}

@@ -5,14 +5,14 @@ const _excluded = ["props", "steps"],
 import useSlotProps from '@mui/utils/useSlotProps';
 import useEventCallback from '@mui/utils/useEventCallback';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import { useLicenseVerifier } from '@mui/x-license';
+import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog, PickerProvider } from '@mui/x-date-pickers/internals';
 import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { useRangePosition } from "../useRangePosition.js";
-import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.js";
-import { getRangeFieldType } from "../../utils/date-fields-utils.js";
-import { createRangePickerStepNavigation } from "../../utils/createRangePickerStepNavigation.js";
+import { useRangePosition } from "../useRangePosition.mjs";
+import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.mjs";
+import { getRangeFieldType } from "../../utils/date-fields-utils.mjs";
+import { createRangePickerStepNavigation } from "../../utils/createRangePickerStepNavigation.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const useMobileRangePicker = _ref => {
   let {
@@ -20,7 +20,7 @@ export const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc3MTIwMDAwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc3MjY2ODgwMDAwMA==");
   const {
     slots,
     slotProps: innerSlotProps,

package/{esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts → internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.mts}

@@ -2,7 +2,7 @@ import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickersModalDialogSlots, PickersModalDialogSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots, PickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
-import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
+import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.mjs";
 export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.

package/{esm/internals/hooks/useNullablePickerRangePositionContext.d.ts → internals/hooks/useNullablePickerRangePositionContext.d.mts}

@@ -2,4 +2,4 @@
  * Returns information about the range position of the picker that wraps the current component.
  * If no picker wraps the current component, returns `null`.
  */
-export declare function useNullablePickerRangePositionContext(): import("./useRangePosition.js").UseRangePositionResponse | null;
+export declare function useNullablePickerRangePositionContext(): import("./useRangePosition.mjs").UseRangePositionResponse | null;

package/{esm/internals/hooks/useNullablePickerRangePositionContext.js → internals/hooks/useNullablePickerRangePositionContext.mjs}

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { PickerRangePositionContext } from "../../hooks/usePickerRangePositionContext.js";
+import { PickerRangePositionContext } from "../../hooks/usePickerRangePositionContext.mjs";
 
 /**
  * Returns information about the range position of the picker that wraps the current component.