@mui/x-date-pickers-pro 7.15.0 → 7.17.0

package/modern/StaticDateRangePicker/index.js

@@ -1 +1 @@
-export { StaticDateRangePicker } from './StaticDateRangePicker';
+export { StaticDateRangePicker } from "./StaticDateRangePicker.js";

package/modern/dateRangeViewRenderers/dateRangeViewRenderers.js

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

package/modern/dateRangeViewRenderers/index.js

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

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v7.15.0
+ * @mui/x-date-pickers-pro v7.17.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -12,29 +12,30 @@ import { LicenseInfo as LicenseInfoExport } from '@mui/x-license';
  */
 export class LicenseInfo extends LicenseInfoExport {}
 export * from '@mui/x-date-pickers';
-export * from './DateRangePickerDay';
+export * from "./DateRangePickerDay/index.js";
 
 // Fields
-export * from './MultiInputDateRangeField';
-export * from './MultiInputTimeRangeField';
-export * from './MultiInputDateTimeRangeField';
-export * from './SingleInputDateRangeField';
-export * from './SingleInputTimeRangeField';
-export * from './SingleInputDateTimeRangeField';
+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';
-export * from './PickersRangeCalendarHeader';
+export * from "./DateRangeCalendar/index.js";
+export * from "./PickersRangeCalendarHeader/index.js";
 
 // New pickers
-export * from './DateRangePicker';
-export * from './DesktopDateRangePicker';
-export * from './MobileDateRangePicker';
-export * from './StaticDateRangePicker';
-export * from './DateTimeRangePicker';
-export * from './DesktopDateTimeRangePicker';
-export * from './MobileDateTimeRangePicker';
+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';
-export * from './models';
+export * from "./dateRangeViewRenderers/index.js";
+export * from "./models/index.js";
+export * from "./validation/index.js";

package/modern/internals/hooks/useDesktopRangePicker/index.js

@@ -1 +1 @@
-export { useDesktopRangePicker } from './useDesktopRangePicker';
+export { useDesktopRangePicker } from "./useDesktopRangePicker.js";

package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -7,9 +7,9 @@ import { useLicenseVerifier } from '@mui/x-license';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { executeInTheNextEventLoopTick, getActiveElement, usePicker, PickersPopper } from '@mui/x-date-pickers/internals';
-import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
-import { getReleaseInfo } from '../../utils/releaseInfo';
-import { useRangePosition } from '../useRangePosition';
+import { useEnrichedRangePickerFieldProps } from "../useEnrichedRangePickerFieldProps.js";
+import { getReleaseInfo } from "../../utils/releaseInfo.js";
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 export const useDesktopRangePicker = _ref => {

package/modern/internals/hooks/useMobileRangePicker/index.js

@@ -1 +1 @@
-export { useMobileRangePicker } from './useMobileRangePicker';
+export { useMobileRangePicker } from "./useMobileRangePicker.js";

package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -9,9 +9,9 @@ import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog } from '@mui/x-date-pickers/internals';
 import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
 import useId from '@mui/utils/useId';
-import { useEnrichedRangePickerFieldProps } from '../useEnrichedRangePickerFieldProps';
-import { getReleaseInfo } from '../../utils/releaseInfo';
-import { useRangePosition } from '../useRangePosition';
+import { useEnrichedRangePickerFieldProps } from "../useEnrichedRangePickerFieldProps.js";
+import { getReleaseInfo } from "../../utils/releaseInfo.js";
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
 export const useMobileRangePicker = _ref => {

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useDateField as useDateField } from '@mui/x-date-pickers/DateField';
-import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedDateField } from '@mui/x-date-pickers/internals';
-import { validateDateRange } from '../../utils/validation/validateDateRange';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+import { useControlledValueWithTimezone, useDefaultizedDateField } from '@mui/x-date-pickers/internals';
+import { useValidation } from '@mui/x-date-pickers/validation';
+import { validateDateRange } from "../../../validation/index.js";
+import { rangeValueManager } from "../../utils/valueManagers.js";
+import { excludeProps } from "./shared.js";
+import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
 export const useMultiInputDateRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,
@@ -14,7 +15,6 @@ export const useMultiInputDateRangeField = ({
   unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedDateField(inSharedProps);
-  const adapter = useLocalizationContext();
   const {
     value: valueProp,
     defaultValue,
@@ -42,29 +42,29 @@ export const useMultiInputDateRangeField = ({
     onChange,
     valueManager: rangeValueManager
   });
+  const {
+    validationError,
+    getValidationErrorForNewValue
+  } = useValidation({
+    props: sharedProps,
+    value,
+    timezone,
+    validator: validateDateRange,
+    onError: sharedProps.onError
+  });
 
   // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
   const buildChangeHandler = index => {
     return (newDate, rawContext) => {
       const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
       const context = _extends({}, rawContext, {
-        validationError: validateDateRange({
-          adapter,
-          value: newDateRange,
-          props: _extends({}, sharedProps, {
-            timezone
-          })
-        })
+        validationError: getValidationErrorForNewValue(newDateRange)
       });
       handleValueChange(newDateRange, context);
     };
   };
   const handleStartDateChange = useEventCallback(buildChangeHandler(0));
   const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const validationError = useValidation(_extends({}, sharedProps, {
-    value,
-    timezone
-  }), validateDateRange, rangeValueManager.isSameError, rangeValueManager.defaultErrorState);
   const selectedSectionsResponse = useMultiInputFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useDateTimeField as useDateTimeField } from '@mui/x-date-pickers/DateTimeField';
-import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
-import { validateDateTimeRange } from '../../utils/validation/validateDateTimeRange';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+import { useControlledValueWithTimezone, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
+import { useValidation } from '@mui/x-date-pickers/validation';
+import { validateDateTimeRange } from "../../../validation/index.js";
+import { rangeValueManager } from "../../utils/valueManagers.js";
+import { excludeProps } from "./shared.js";
+import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
 export const useMultiInputDateTimeRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,
@@ -14,7 +15,6 @@ export const useMultiInputDateTimeRangeField = ({
   unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedDateTimeField(inSharedProps);
-  const adapter = useLocalizationContext();
   const {
     value: valueProp,
     defaultValue,
@@ -42,29 +42,29 @@ export const useMultiInputDateTimeRangeField = ({
     onChange,
     valueManager: rangeValueManager
   });
+  const {
+    validationError,
+    getValidationErrorForNewValue
+  } = useValidation({
+    props: sharedProps,
+    value,
+    timezone,
+    validator: validateDateTimeRange,
+    onError: sharedProps.onError
+  });
 
   // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
   const buildChangeHandler = index => {
     return (newDate, rawContext) => {
       const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
       const context = _extends({}, rawContext, {
-        validationError: validateDateTimeRange({
-          adapter,
-          value: newDateRange,
-          props: _extends({}, sharedProps, {
-            timezone
-          })
-        })
+        validationError: getValidationErrorForNewValue(newDateRange)
       });
       handleValueChange(newDateRange, context);
     };
   };
   const handleStartDateChange = useEventCallback(buildChangeHandler(0));
   const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const validationError = useValidation(_extends({}, sharedProps, {
-    value,
-    timezone
-  }), validateDateTimeRange, rangeValueManager.isSameError, rangeValueManager.defaultErrorState);
   const selectedSectionsResponse = useMultiInputFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { unstable_useTimeField as useTimeField } from '@mui/x-date-pickers/TimeField';
-import { useLocalizationContext, useValidation, useControlledValueWithTimezone, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
-import { validateTimeRange } from '../../utils/validation/validateTimeRange';
-import { rangeValueManager } from '../../utils/valueManagers';
-import { excludeProps } from './shared';
-import { useMultiInputFieldSelectedSections } from '../useMultiInputFieldSelectedSections';
+import { useControlledValueWithTimezone, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
+import { useValidation } from '@mui/x-date-pickers/validation';
+import { validateTimeRange } from "../../../validation/index.js";
+import { rangeValueManager } from "../../utils/valueManagers.js";
+import { excludeProps } from "./shared.js";
+import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
 export const useMultiInputTimeRangeField = ({
   sharedProps: inSharedProps,
   startTextFieldProps,
@@ -14,7 +15,6 @@ export const useMultiInputTimeRangeField = ({
   unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedTimeField(inSharedProps);
-  const adapter = useLocalizationContext();
   const {
     value: valueProp,
     defaultValue,
@@ -42,29 +42,29 @@ export const useMultiInputTimeRangeField = ({
     onChange,
     valueManager: rangeValueManager
   });
+  const {
+    validationError,
+    getValidationErrorForNewValue
+  } = useValidation({
+    props: sharedProps,
+    validator: validateTimeRange,
+    value,
+    timezone,
+    onError: sharedProps.onError
+  });
 
   // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
   const buildChangeHandler = index => {
     return (newDate, rawContext) => {
       const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
       const context = _extends({}, rawContext, {
-        validationError: validateTimeRange({
-          adapter,
-          value: newDateRange,
-          props: _extends({}, sharedProps, {
-            timezone
-          })
-        })
+        validationError: getValidationErrorForNewValue(newDateRange)
       });
       handleValueChange(newDateRange, context);
     };
   };
   const handleStartDateChange = useEventCallback(buildChangeHandler(0));
   const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const validationError = useValidation(_extends({}, sharedProps, {
-    value,
-    timezone
-  }), validateTimeRange, rangeValueManager.isSameError, rangeValueManager.defaultErrorState);
   const selectedSectionsResponse = useMultiInputFieldSelectedSections({
     selectedSections,
     onSelectedSectionsChange,

package/modern/internals/hooks/useStaticRangePicker/index.js

@@ -1 +1 @@
-export { useStaticRangePicker } from './useStaticRangePicker';
+export { useStaticRangePicker } from "./useStaticRangePicker.js";

package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -7,7 +7,7 @@ import { styled } from '@mui/material/styles';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, DIALOG_WIDTH } from '@mui/x-date-pickers/internals';
-import { useRangePosition } from '../useRangePosition';
+import { useRangePosition } from "../useRangePosition.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickerStaticLayout = styled(PickersLayout)(({
   theme

package/modern/internals/models/index.js

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

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyNDg4MjQwMDAwMA==";
+  const releaseInfo = "MTcyNjE5NjQwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/internals/utils/valueManagers.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["value", "referenceDate"];
 import { replaceInvalidDateByNull, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections, areDatesEqual, getTodayDate, getDefaultReferenceDate } from '@mui/x-date-pickers/internals';
-import { splitDateRangeSections, removeLastSeparator } from './date-fields-utils';
+import { splitDateRangeSections, removeLastSeparator } from "./date-fields-utils.js";
 export const rangeValueManager = {
   emptyValue: [null, null],
   getTodayValue: (utils, timezone, valueType) => [getTodayDate(utils, timezone, valueType), getTodayDate(utils, timezone, valueType)],

package/modern/models/index.js

@@ -1,5 +1,5 @@
-export * from './dateRange';
-export * from './fields';
-export * from './range';
-export * from './validation';
-export * from './multiInputRangeFieldClasses';
+export * from "./dateRange.js";
+export * from "./fields.js";
+export * from "./range.js";
+export * from "./validation.js";
+export * from "./multiInputRangeFieldClasses.js";

package/modern/themeAugmentation/index.js

@@ -1,4 +1 @@
-export * from '@mui/x-date-pickers/themeAugmentation';
-export * from './overrides';
-export * from './props';
-export * from './components';
+export * from '@mui/x-date-pickers/themeAugmentation';

package/modern/validation/index.js

@@ -0,0 +1,3 @@
+export { validateDateRange } from "./validateDateRange.js";
+export { validateTimeRange } from "./validateTimeRange.js";
+export { validateDateTimeRange } from "./validateDateTimeRange.js";

package/modern/{internals/utils/validation → validation}/validateDateRange.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["shouldDisableDate"];
-import { validateDate } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from '../date-utils';
+import { validateDate } from '@mui/x-date-pickers/validation';
+import { isRangeValid } from "../internals/utils/date-utils.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
 export const validateDateRange = ({
-  props,
+  adapter,
   value,
-  adapter
+  timezone,
+  props
 }) => {
   const [start, end] = value;
   const {
@@ -16,12 +18,14 @@ export const validateDateRange = ({
   const dateValidations = [validateDate({
     adapter,
     value: start,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
     })
   }), validateDate({
     adapter,
     value: end,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
     })
@@ -38,4 +42,5 @@ export const validateDateRange = ({
     return ['invalidRange', 'invalidRange'];
   }
   return [null, null];
-};
+};
+validateDateRange.valueManager = rangeValueManager;

package/modern/{internals/utils/validation → validation}/validateDateTimeRange.js

@@ -1,12 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["shouldDisableDate"];
-import { validateDateTime } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from '../date-utils';
+import { validateDateTime } from '@mui/x-date-pickers/validation';
+import { isRangeValid } from "../internals/utils/date-utils.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
 export const validateDateTimeRange = ({
-  props,
+  adapter,
   value,
-  adapter
+  timezone,
+  props
 }) => {
   const [start, end] = value;
   const {
@@ -16,12 +18,14 @@ export const validateDateTimeRange = ({
   const dateTimeValidations = [validateDateTime({
     adapter,
     value: start,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'start')
     })
   }), validateDateTime({
     adapter,
     value: end,
+    timezone,
     props: _extends({}, otherProps, {
       shouldDisableDate: day => !!shouldDisableDate?.(day, 'end')
     })
@@ -38,4 +42,5 @@ export const validateDateTimeRange = ({
     return ['invalidRange', 'invalidRange'];
   }
   return [null, null];
-};
+};
+validateDateTimeRange.valueManager = rangeValueManager;

package/{internals/utils → modern}/validation/validateTimeRange.js

@@ -1,18 +1,22 @@
-import { validateTime } from '@mui/x-date-pickers/internals';
-import { isRangeValid } from '../date-utils';
+import { validateTime } from '@mui/x-date-pickers/validation';
+import { isRangeValid } from "../internals/utils/date-utils.js";
+import { rangeValueManager } from "../internals/utils/valueManagers.js";
 export const validateTimeRange = ({
-  props,
+  adapter,
   value,
-  adapter
+  timezone,
+  props
 }) => {
   const [start, end] = value;
   const dateTimeValidations = [validateTime({
     adapter,
     value: start,
+    timezone,
     props
   }), validateTime({
     adapter,
     value: end,
+    timezone,
     props
   })];
   if (dateTimeValidations[0] || dateTimeValidations[1]) {
@@ -27,4 +31,5 @@ export const validateTimeRange = ({
     return ['invalidRange', 'invalidRange'];
   }
   return [null, null];
-};
+};
+validateTimeRange.valueManager = rangeValueManager;

package/node/DateRangeCalendar/DateRangeCalendar.js

@@ -1,6 +1,8 @@
 "use strict";
+'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,6 +21,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _xLicense = require("@mui/x-license");
 var _internals = require("@mui/x-date-pickers/internals");
+var _warning = require("@mui/x-internals/warning");
 var _releaseInfo = require("../internals/utils/releaseInfo");
 var _dateRangeCalendarClasses = require("./dateRangeCalendarClasses");
 var _dateUtils = require("../internals/utils/date-utils");
@@ -32,8 +35,6 @@ var _PickersRangeCalendarHeader = require("../PickersRangeCalendarHeader");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone", "availableRangePositions", "views", "view", "openTo", "onViewChange"],
   _excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangeCalendar',
@@ -330,7 +331,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
     if (disableAutoMonthSwitching && prevDate && utils.isEqual(prevDate, date)) {
       return;
     }
-    const displayingMonthRange = calendars - 1;
+    const displayingMonthRange = calendars - currentMonthCalendarPosition;
     const currentMonthNumber = utils.getMonth(calendarState.currentMonth);
     const requestedMonthNumber = utils.getMonth(date);
     if (!utils.isSameYear(calendarState.currentMonth, date) || requestedMonthNumber < currentMonthNumber || requestedMonthNumber > currentMonthNumber + displayingMonthRange) {
@@ -411,7 +412,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
   const visibleMonths = React.useMemo(() => {
     if (process.env.NODE_ENV !== 'production') {
       if (currentMonthCalendarPosition > calendars || currentMonthCalendarPosition < 1) {
-        (0, _internals.warnOnce)(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
+        (0, _warning.warnOnce)(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
       }
     }
     const firstMonth = utils.addMonths(calendarState.currentMonth, 1 - currentMonthCalendarPosition);
@@ -596,7 +597,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   minDate: _propTypes.default.object,
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TView The view type. Will be one of date or time views.
    * @param {TValue} value The new value.
    * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.

package/node/DateRangeCalendar/useDragRange.js

@@ -1,6 +1,8 @@
 "use strict";
+'use client';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +11,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _dateUtils = require("../internals/utils/date-utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const resolveDateFromTarget = (target, utils, timezone) => {
   const timestampString = target.dataset.timestamp;
   if (!timestampString) {