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

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -1,26 +1,34 @@
-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.useMobileRangePicker = 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 _hooks = require("@mui/x-date-pickers/hooks");
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+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 { usePicker, PickersModalDialog, PickerProvider, PickerFieldUIContextProvider } from '@mui/x-date-pickers/internals';
-import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import useId from '@mui/utils/useId';
-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 useMobileRangePicker = _ref => {
+const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
+const useMobileRangePicker = _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: innerSlotProps,
@@ -34,9 +42,9 @@ export const useMobileRangePicker = _ref => {
   const endFieldRef = React.useRef(null);
   const singleInputFieldRef = React.useRef(null);
   const fieldType = slots.field.fieldType ?? 'multi-input';
-  const rangePositionResponse = useRangePosition(props, fieldType === 'single-input' ? singleInputFieldRef : undefined);
-  const labelId = useId();
-  const contextTranslations = usePickerTranslations();
+  const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props, fieldType === 'single-input' ? singleInputFieldRef : undefined);
+  const labelId = (0, _useId.default)();
+  const contextTranslations = (0, _hooks.usePickerTranslations)();
   let fieldRef;
   if (fieldType === 'single-input') {
     fieldRef = singleInputFieldRef;
@@ -49,7 +57,7 @@ export const useMobileRangePicker = _ref => {
     providerProps,
     renderCurrentView,
     ownerState
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     variant: 'mobile',
     autoFocusView: true,
@@ -60,7 +68,7 @@ export const useMobileRangePicker = _ref => {
   // 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';
   const Field = slots.field;
-  const _useSlotProps = useSlotProps({
+  const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: innerSlotProps?.field,
       additionalProps: {
@@ -69,9 +77,9 @@ export const useMobileRangePicker = _ref => {
       },
       ownerState
     }),
-    fieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
+    fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
-  const enrichedFieldResponse = useEnrichedRangePickerField(_extends({
+  const enrichedFieldResponse = (0, _useEnrichedRangePickerField.useEnrichedRangePickerField)((0, _extends2.default)({
     variant: 'mobile',
     fieldType,
     // These direct access to `providerProps` will go away once the range fields handle the picker opening
@@ -88,8 +96,8 @@ export const useMobileRangePicker = _ref => {
     endFieldRef,
     singleInputFieldRef
   }, rangePositionResponse));
-  const Layout = slots?.layout ?? PickersLayout;
-  const finalLocaleText = _extends({}, contextTranslations, localeText);
+  const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
+  const finalLocaleText = (0, _extends2.default)({}, contextTranslations, localeText);
   let labelledById = pickerParams.valueType === 'date-time' ? `${labelId}-start-toolbar ${labelId}-end-toolbar` : labelId;
   if (isToolbarHidden) {
     const labels = [];
@@ -105,27 +113,27 @@ export const useMobileRangePicker = _ref => {
     }
     labelledById = labels.length > 0 ? labels.join(' ') : undefined;
   }
-  const slotProps = _extends({}, innerSlotProps, {
-    toolbar: _extends({}, innerSlotProps?.toolbar, {
+  const slotProps = (0, _extends2.default)({}, innerSlotProps, {
+    toolbar: (0, _extends2.default)({}, innerSlotProps?.toolbar, {
       titleId: labelId
     }),
-    mobilePaper: _extends({
+    mobilePaper: (0, _extends2.default)({
       'aria-labelledby': labelledById
     }, innerSlotProps?.mobilePaper)
   });
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
+  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(PickersModalDialog, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldResponse.fieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersModalDialog, {
           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()
@@ -137,4 +145,5 @@ export const useMobileRangePicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useMobileRangePicker = useMobileRangePicker;

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

@@ -1,22 +1,18 @@
 import { PickersModalDialogSlots, PickersModalDialogSlotProps, UsePickerViewsProps, DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps, UseRangePickerSlotProps, UseRangePickerSlots } from '../models/useRangePicker';
-export interface UseMobileRangePickerSlots extends UseRangePickerSlots, PickersModalDialogSlots {
-}
-export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, PickersModalDialogSlotProps {
-}
-export interface MobileRangeOnlyPickerProps extends RangeOnlyPickerProps {
-}
+import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps, UseRangePickerSlotProps, UseRangePickerSlots } from "../models/useRangePicker.js";
+export interface UseMobileRangePickerSlots extends UseRangePickerSlots, PickersModalDialogSlots {}
+export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends UseRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, PickersModalDialogSlotProps {}
+export interface MobileRangeOnlyPickerProps extends RangeOnlyPickerProps {}
 export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerViewsProps<any, TView, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots: UseMobileRangePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
-}
-export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends UseRangePickerParams<TView, TExternalProps> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: UseMobileRangePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
 }
+export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends UseRangePickerParams<TView, TExternalProps> {}

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.js

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

package/internals/hooks/useNullablePickerRangePositionContext.d.ts

@@ -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").UseRangePositionResponse | null;
+export declare function useNullablePickerRangePositionContext(): import("./useRangePosition").UseRangePositionResponse | null;

package/internals/hooks/useNullablePickerRangePositionContext.js

@@ -1,10 +1,16 @@
-import * as React from 'react';
-import { PickerRangePositionContext } from "../../hooks/usePickerRangePositionContext.js";
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNullablePickerRangePositionContext = useNullablePickerRangePositionContext;
+var React = _interopRequireWildcard(require("react"));
+var _usePickerRangePositionContext = require("../../hooks/usePickerRangePositionContext");
 /**
  * Returns information about the range position of the picker that wraps the current component.
  * If no picker wraps the current component, returns `null`.
  */
-export function useNullablePickerRangePositionContext() {
-  return React.useContext(PickerRangePositionContext);
+function useNullablePickerRangePositionContext() {
+  return React.useContext(_usePickerRangePositionContext.PickerRangePositionContext);
 }

package/internals/hooks/useRangePosition.d.ts

@@ -1,27 +1,27 @@
 import * as React from 'react';
 import { FieldRef } from '@mui/x-date-pickers/models';
 import { PickerRangeValue } from '@mui/x-date-pickers/internals';
-import { RangePosition } from '../../models';
+import { RangePosition } from "../../models/index.js";
 export interface UseRangePositionProps {
-    /**
-     * The position in the currently edited date range.
-     * Used when the component position is controlled.
-     */
-    rangePosition?: RangePosition;
-    /**
-     * The initial position in the edited date range.
-     * Used when the component is not controlled.
-     * @default 'start'
-     */
-    defaultRangePosition?: RangePosition;
-    /**
-     * Callback fired when the range position changes.
-     * @param {RangePosition} rangePosition The new range position.
-     */
-    onRangePositionChange?: (rangePosition: RangePosition) => void;
+  /**
+   * The position in the currently edited date range.
+   * Used when the component position is controlled.
+   */
+  rangePosition?: RangePosition;
+  /**
+   * The initial position in the edited date range.
+   * Used when the component is not controlled.
+   * @default 'start'
+   */
+  defaultRangePosition?: RangePosition;
+  /**
+   * Callback fired when the range position changes.
+   * @param {RangePosition} rangePosition The new range position.
+   */
+  onRangePositionChange?: (rangePosition: RangePosition) => void;
 }
 export interface UseRangePositionResponse {
-    rangePosition: RangePosition;
-    setRangePosition: (newPosition: RangePosition) => void;
+  rangePosition: RangePosition;
+  setRangePosition: (newPosition: RangePosition) => void;
 }
-export declare const useRangePosition: (props: UseRangePositionProps, singleInputFieldRef?: React.RefObject<FieldRef<PickerRangeValue> | null>) => UseRangePositionResponse;
+export declare const useRangePosition: (props: UseRangePositionProps, singleInputFieldRef?: React.RefObject<FieldRef<PickerRangeValue> | null>) => UseRangePositionResponse;

package/internals/hooks/useRangePosition.js

@@ -1,7 +1,14 @@
-import useControlled from '@mui/utils/useControlled';
-import useEventCallback from '@mui/utils/useEventCallback';
-export const useRangePosition = (props, singleInputFieldRef) => {
-  const [rangePosition, setRangePosition] = useControlled({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRangePosition = void 0;
+var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+const useRangePosition = (props, singleInputFieldRef) => {
+  const [rangePosition, setRangePosition] = (0, _useControlled.default)({
     name: 'useRangePosition',
     state: 'rangePosition',
     controlled: props.rangePosition,
@@ -16,9 +23,14 @@ export const useRangePosition = (props, singleInputFieldRef) => {
     }
     const sections = singleInputFieldRef.current.getSections();
     const targetActiveSectionIndex = newRangePosition === 'start' ? 0 : sections.length / 2;
+    const activeSectionIndex = singleInputFieldRef.current.getActiveSectionIndex();
+    // if the active section is already within the target range, we don't need to update it.
+    if (activeSectionIndex && activeSectionIndex >= targetActiveSectionIndex && activeSectionIndex < targetActiveSectionIndex + sections.length / 2) {
+      return;
+    }
     singleInputFieldRef.current.setSelectedSections(targetActiveSectionIndex);
   };
-  const handleRangePositionChange = useEventCallback(newRangePosition => {
+  const handleRangePositionChange = (0, _useEventCallback.default)(newRangePosition => {
     setRangePosition(newRangePosition);
     props.onRangePositionChange?.(newRangePosition);
     syncRangePositionWithSingleInputField(newRangePosition);
@@ -27,4 +39,5 @@ export const useRangePosition = (props, singleInputFieldRef) => {
     rangePosition,
     setRangePosition: handleRangePositionChange
   };
-};
+};
+exports.useRangePosition = useRangePosition;

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

@@ -1,2 +1,2 @@
-export { useStaticRangePicker } from './useStaticRangePicker';
-export type { UseStaticRangePickerSlots, UseStaticRangePickerSlotProps, StaticRangeOnlyPickerProps, } from './useStaticRangePicker.types';
+export { useStaticRangePicker } from "./useStaticRangePicker.js";
+export type { UseStaticRangePickerSlots, UseStaticRangePickerSlotProps, StaticRangeOnlyPickerProps } from './useStaticRangePicker.types';

package/internals/hooks/useStaticRangePicker/index.js

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

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,10 +1,13 @@
 import * as React from 'react';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
-import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
+import { UseStaticRangePickerParams, UseStaticRangePickerProps } from "./useStaticRangePicker.types.js";
 /**
  * Hook managing all the range static pickers:
  * - StaticDateRangePicker
  */
-export declare const useStaticRangePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>>({ props, ...pickerParams }: UseStaticRangePickerParams<TView, TExternalProps>) => {
-    renderPicker: () => React.JSX.Element;
-};
+export declare const useStaticRangePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>>({
+  props,
+  ...pickerParams
+}: UseStaticRangePickerParams<TView, TExternalProps>) => {
+  renderPicker: () => React.JSX.Element;
+};

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -1,19 +1,27 @@
-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.useStaticRangePicker = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
+var _internals = require("@mui/x-date-pickers/internals");
+var _useRangePosition = require("../useRangePosition");
+var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
-import { usePicker, DIALOG_WIDTH, PickerProvider, mergeSx } from '@mui/x-date-pickers/internals';
-import { useRangePosition } from "../useRangePosition.js";
-import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const PickerStaticLayout = styled(PickersLayout)(({
+const PickerStaticLayout = (0, _styles.styled)(_PickersLayout.PickersLayout)(({
   theme
 }) => ({
   overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
+  minWidth: _internals.DIALOG_WIDTH,
   backgroundColor: (theme.vars || theme).palette.background.paper
 }));
 
@@ -21,11 +29,11 @@ const PickerStaticLayout = styled(PickersLayout)(({
  * Hook managing all the range static pickers:
  * - StaticDateRangePicker
  */
-export const useStaticRangePicker = _ref => {
+const useStaticRangePicker = _ref => {
   let {
       props
     } = _ref,
-    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -33,11 +41,11 @@ export const useStaticRangePicker = _ref => {
     displayStaticWrapperAs,
     autoFocus
   } = props;
-  const rangePositionResponse = useRangePosition(props);
+  const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props);
   const {
     providerProps,
     renderCurrentView
-  } = usePicker(_extends({}, pickerParams, {
+  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     autoFocusView: autoFocus ?? false,
     fieldRef: undefined,
@@ -45,14 +53,14 @@ export const useStaticRangePicker = _ref => {
     variant: displayStaticWrapperAs
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
-  const renderPicker = () => /*#__PURE__*/_jsx(PickerRangePositionContext.Provider, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {
     value: rangePositionResponse,
-    children: /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
-      children: /*#__PURE__*/_jsx(Layout, _extends({}, slotProps?.layout, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, slotProps?.layout, {
         slots: slots,
         slotProps: slotProps,
-        sx: mergeSx(providerProps.contextValue.rootSx, slotProps?.layout?.sx),
-        className: clsx(providerProps.contextValue.rootClassName, slotProps?.layout?.className),
+        sx: (0, _internals.mergeSx)(providerProps.contextValue.rootSx, slotProps?.layout?.sx),
+        className: (0, _clsx.default)(providerProps.contextValue.rootClassName, slotProps?.layout?.className),
         ref: providerProps.contextValue.rootRef,
         children: renderCurrentView()
       }))
@@ -61,4 +69,5 @@ export const useStaticRangePicker = _ref => {
   return {
     renderPicker
   };
-};
+};
+exports.useStaticRangePicker = useStaticRangePicker;

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

@@ -1,25 +1,23 @@
 import { BasePickerProps, UsePickerParams, ExportedBaseToolbarProps, StaticOnlyPickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
-import { UseRangePositionProps } from '../useRangePosition';
-export interface UseStaticRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue> {
-}
+import { UseRangePositionProps } from "../useRangePosition.js";
+export interface UseStaticRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue> {}
 export interface UseStaticRangePickerSlotProps extends ExportedPickersLayoutSlotProps<PickerRangeValue> {
-    toolbar?: ExportedBaseToolbarProps;
-}
-export interface StaticRangeOnlyPickerProps extends StaticOnlyPickerProps, UseRangePositionProps {
+  toolbar?: ExportedBaseToolbarProps;
 }
+export interface StaticRangeOnlyPickerProps extends StaticOnlyPickerProps, UseRangePositionProps {}
 export interface UseStaticRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>> extends BasePickerProps<PickerRangeValue, TView, TError, TExternalProps>, StaticRangeOnlyPickerProps {
-    /**
-     * Overridable components.
-     * @default {}
-     */
-    slots?: UseStaticRangePickerSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: UseStaticRangePickerSlotProps;
+  /**
+   * Overridable components.
+   * @default {}
+   */
+  slots?: UseStaticRangePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: UseStaticRangePickerSlotProps;
 }
 export interface UseStaticRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParams<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
-    props: TExternalProps;
-}
+  props: TExternalProps;
+}

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.js

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

package/internals/models/dateRange.d.ts

@@ -3,14 +3,14 @@ import { PickerValidDate } from '@mui/x-date-pickers/models';
  * Props used to validate a day value in range pickers.
  */
 export interface DayRangeValidationProps {
-    /**
-     * Disable specific date.
-     *
-     * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
-     *
-     * @param {PickerValidDate} day The date to test.
-     * @param {string} position The date to test, 'start' or 'end'.
-     * @returns {boolean} Returns `true` if the date should be disabled.
-     */
-    shouldDisableDate?: (day: PickerValidDate, position: 'start' | 'end') => boolean;
-}
+  /**
+   * Disable specific date.
+   *
+   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   *
+   * @param {PickerValidDate} day The date to test.
+   * @param {string} position The date to test, 'start' or 'end'.
+   * @returns {boolean} Returns `true` if the date should be disabled.
+   */
+  shouldDisableDate?: (day: PickerValidDate, position: 'start' | 'end') => boolean;
+}

package/internals/models/dateRange.js

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

package/internals/models/dateTimeRange.d.ts

@@ -1,3 +1,3 @@
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
 export type DateTimeRangePickerView = Exclude<DateOrTimeViewWithMeridiem, 'month' | 'year'>;
-export type DateTimeRangePickerViewExternal = Exclude<DateTimeRangePickerView, 'meridiem'>;
+export type DateTimeRangePickerViewExternal = Exclude<DateTimeRangePickerView, 'meridiem'>;

package/internals/models/dateTimeRange.js

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

package/internals/models/fields.d.ts

@@ -8,15 +8,15 @@ import type { MultiInputFieldRefs, MultiInputFieldSlotRootProps, RangePosition }
  * Only contains what the MUI components are passing to the field, not what users can pass using the `props.slotProps.field`.
  */
 export interface BaseMultiInputFieldProps extends Pick<UseFieldInternalProps<PickerRangeValue, boolean, unknown>, 'readOnly' | 'autoFocus'>, MultiInputFieldRefs {
-    slots?: {
-        root?: React.ElementType;
-        separator?: React.ElementType;
-        textField?: React.ElementType;
-    };
-    slotProps?: {
-        root?: SlotComponentProps<React.ElementType<MultiInputFieldSlotRootProps>, {}, FieldOwnerState>;
-        textField?: SlotComponentProps<typeof PickersTextField, {}, FieldOwnerState & {
-            position?: RangePosition;
-        }>;
-    };
-}
+  slots?: {
+    root?: React.ElementType;
+    separator?: React.ElementType;
+    textField?: React.ElementType;
+  };
+  slotProps?: {
+    root?: SlotComponentProps<React.ElementType<MultiInputFieldSlotRootProps>, {}, FieldOwnerState>;
+    textField?: SlotComponentProps<typeof PickersTextField, {}, FieldOwnerState & {
+      position?: RangePosition;
+    }>;
+  };
+}

package/internals/models/fields.js

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

package/internals/models/index.d.ts

@@ -1,3 +1,3 @@
-export * from './dateRange';
-export * from './dateTimeRange';
-export * from './rangePickerProps';
+export * from "./dateRange.js";
+export * from "./dateTimeRange.js";
+export * from "./rangePickerProps.js";