@mui/x-date-pickers-pro 8.5.2 → 8.6.0

package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js

@@ -6,12 +6,13 @@ const _excluded = ["openTo"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import { useUtils, resolveTimeFormat, mergeSx, MULTI_SECTION_CLOCK_SECTION_WIDTH } from '@mui/x-date-pickers/internals';
+import { resolveTimeFormat, mergeSx, MULTI_SECTION_CLOCK_SECTION_WIDTH } from '@mui/x-date-pickers/internals';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
 import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
 import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
 import { pickersLayoutClasses } from '@mui/x-date-pickers/PickersLayout';
+import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
 import { useTimeRangePickerDefaultizedProps } from "../TimeRangePicker/shared.js";
 import { SingleInputTimeRangeField } from "../SingleInputTimeRangeField/index.js";
@@ -62,7 +63,7 @@ const rendererInterceptor = function RendererInterceptor(props) {
 };
 if (process.env.NODE_ENV !== "production") rendererInterceptor.displayName = "rendererInterceptor";
 const DesktopTimeRangePicker = /*#__PURE__*/React.forwardRef(function DesktopTimeRangePicker(inProps, ref) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
 
   // Props with the default values common to all time range pickers
   const defaultizedProps = useTimeRangePickerDefaultizedProps(inProps, 'MuiDesktopTimeRangePicker');
@@ -79,7 +80,7 @@ const DesktopTimeRangePicker = /*#__PURE__*/React.forwardRef(function DesktopTim
     views,
     viewRenderers,
     ampmInClock: true,
-    format: resolveTimeFormat(utils, defaultizedProps),
+    format: resolveTimeFormat(adapter, defaultizedProps),
     slots: _extends({
       field: SingleInputTimeRangeField
     }, defaultizedProps.slots),
@@ -122,7 +123,7 @@ DesktopTimeRangePicker.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/MobileDateRangePicker/MobileDateRangePicker.js

@@ -3,10 +3,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useUtils } from '@mui/x-date-pickers/internals';
-import { extractValidationProps } from '@mui/x-date-pickers/validation';
-import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import refType from '@mui/utils/refType';
+import resolveComponentProps from '@mui/utils/resolveComponentProps';
+import { extractValidationProps } from '@mui/x-date-pickers/validation';
+import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
 import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.js";
 import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
@@ -24,7 +24,7 @@ import { validateDateRange } from "../validation/index.js";
  * - [MobileDateRangePicker API](https://mui.com/x/api/date-pickers/mobile-date-range-picker/)
  */
 const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
 
   // Props with the default values common to all date time pickers
   const defaultizedProps = useDateRangePickerDefaultizedProps(inProps, 'MuiMobileDateRangePicker');
@@ -34,7 +34,7 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   const props = _extends({}, defaultizedProps, {
     viewRenderers,
     // TODO: Replace with resolveDateFormat() once we support month and year views
-    format: defaultizedProps.format ?? utils.formats.keyboardDate,
+    format: defaultizedProps.format ?? adapter.formats.keyboardDate,
     // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     // force current calendar position, since we only have one calendar

package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js

@@ -6,12 +6,13 @@ const _excluded = ["view", "openTo"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import refType from '@mui/utils/refType';
-import { DIALOG_WIDTH, VIEW_HEIGHT, isInternalTimeView, isDatePickerView, resolveDateTimeFormat, useUtils, TIME_VIEWS } from '@mui/x-date-pickers/internals';
+import { DIALOG_WIDTH, VIEW_HEIGHT, isInternalTimeView, isDatePickerView, resolveDateTimeFormat, TIME_VIEWS } from '@mui/x-date-pickers/internals';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
 import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
+import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
 import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
 import { useMobileRangePicker } from "../internals/hooks/useMobileRangePicker/index.js";
@@ -104,7 +105,7 @@ const rendererInterceptor = function RendererInterceptor(props) {
  * - [MobileDateTimeRangePicker API](https://mui.com/x/api/date-pickers/mobile-date-time-range-picker/)
  */
 const MobileDateTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimeRangePicker(inProps, ref) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   // Props with the default values common to all date time range pickers
   const defaultizedProps = useDateTimeRangePickerDefaultizedProps(inProps, 'MuiMobileDateTimeRangePicker');
   const renderTimeView = defaultizedProps.shouldRenderTimeInASingleColumn ? renderDigitalClockTimeView : renderMultiSectionDigitalClockTimeView;
@@ -117,7 +118,7 @@ const MobileDateTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileD
   }, defaultizedProps.viewRenderers);
   const props = _extends({}, defaultizedProps, {
     viewRenderers,
-    format: resolveDateTimeFormat(utils, defaultizedProps, true),
+    format: resolveDateTimeFormat(adapter, defaultizedProps, true),
     // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     // force true to correctly handle `renderTimeViewClock` as a renderer
@@ -158,7 +159,7 @@ MobileDateTimeRangePicker.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js

@@ -3,13 +3,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { DIALOG_WIDTH, resolveTimeFormat, useUtils, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
-import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import refType from '@mui/utils/refType';
+import resolveComponentProps from '@mui/utils/resolveComponentProps';
+import { DIALOG_WIDTH, resolveTimeFormat, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
 import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
 import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
+import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
 import { useTimeRangePickerDefaultizedProps } from "../TimeRangePicker/shared.js";
 import { SingleInputTimeRangeField } from "../SingleInputTimeRangeField/index.js";
@@ -63,7 +64,7 @@ const rendererInterceptor = function rendererInterceptor(props) {
 };
 if (process.env.NODE_ENV !== "production") rendererInterceptor.displayName = "rendererInterceptor";
 const MobileTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileTimeRangePicker(inProps, ref) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
 
   // Props with the default values common to all time range pickers
   const defaultizedProps = useTimeRangePickerDefaultizedProps(inProps, 'MuiMobileTimeRangePicker');
@@ -77,7 +78,7 @@ const MobileTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileTimeR
   const props = _extends({}, defaultizedProps, {
     ampmInClock: true,
     viewRenderers,
-    format: resolveTimeFormat(utils, defaultizedProps),
+    format: resolveTimeFormat(adapter, defaultizedProps),
     slots: _extends({
       field: SingleInputTimeRangeField
     }, defaultizedProps.slots),
@@ -112,7 +113,7 @@ MobileTimeRangePicker.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -28,7 +28,7 @@ MultiInputDateTimeRangeField.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -29,7 +29,7 @@ MultiInputTimeRangeField.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js

@@ -8,8 +8,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
 import { PickersCalendarHeader } from '@mui/x-date-pickers/PickersCalendarHeader';
-import { PickersArrowSwitcher, useNextMonthDisabled, usePreviousMonthDisabled, useUtils } from '@mui/x-date-pickers/internals';
-import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
+import { PickersArrowSwitcher, useNextMonthDisabled, usePreviousMonthDisabled } from '@mui/x-date-pickers/internals';
+import { usePickerAdapter, usePickerTranslations } from '@mui/x-date-pickers/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 const PickersRangeCalendarHeaderContentMultipleCalendars = styled(PickersArrowSwitcher)({
   padding: '12px 16px 4px 16px',
@@ -18,7 +18,7 @@ const PickersRangeCalendarHeaderContentMultipleCalendars = styled(PickersArrowSw
   justifyContent: 'space-between'
 });
 const PickersRangeCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersRangeCalendarHeader(props, ref) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const translations = usePickerTranslations();
   const {
       calendars,
@@ -57,8 +57,8 @@ const PickersRangeCalendarHeader = /*#__PURE__*/React.forwardRef(function Picker
       ref: ref
     }));
   }
-  const selectNextMonth = () => onMonthChange(utils.addMonths(currentMonth, 1));
-  const selectPreviousMonth = () => onMonthChange(utils.addMonths(currentMonth, -1));
+  const selectNextMonth = () => onMonthChange(adapter.addMonths(currentMonth, 1));
+  const selectPreviousMonth = () => onMonthChange(adapter.addMonths(currentMonth, -1));
   return /*#__PURE__*/_jsx(PickersRangeCalendarHeaderContentMultipleCalendars, _extends({}, otherRangeProps, {
     ref: ref,
     onGoToPrevious: selectPreviousMonth,
@@ -72,7 +72,7 @@ const PickersRangeCalendarHeader = /*#__PURE__*/React.forwardRef(function Picker
     slots: slots,
     slotProps: slotProps,
     labelId: labelId,
-    children: utils.formatByString(month, format ?? `${utils.formats.month} ${utils.formats.year}`)
+    children: adapter.formatByString(month, format ?? `${adapter.formats.month} ${adapter.formats.year}`)
   }));
 });
 if (process.env.NODE_ENV !== "production") PickersRangeCalendarHeader.displayName = "PickersRangeCalendarHeader";

package/esm/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -52,7 +52,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -52,7 +52,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/TimeRangePicker/TimeRangePicker.js

@@ -53,7 +53,7 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: PropTypes.bool,
   /**

package/esm/TimeRangePicker/TimeRangePickerTimeWrapper.js

@@ -1,7 +1,7 @@
 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"];
-import { useUtils } from '@mui/x-date-pickers/internals';
+import { usePickerAdapter } from '@mui/x-date-pickers/hooks';
 import { isRangeValid } from "../internals/utils/date-utils.js";
 import { calculateRangeChange } from "../internals/utils/date-range-manager.js";
 import { usePickerRangePositionContext } from "../hooks/index.js";
@@ -9,7 +9,7 @@ import { usePickerRangePositionContext } from "../hooks/index.js";
  * @ignore - internal component.
  */
 function TimeRangePickerTimeWrapper(props) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const {
       viewRenderer,
       value,
@@ -35,11 +35,11 @@ function TimeRangePickerTimeWrapper(props) {
       newRange
     } = calculateRangeChange({
       newDate,
-      utils,
+      adapter,
       range: value,
       rangePosition
     });
-    const isFullRangeSelected = rangePosition === 'end' && isRangeValid(utils, newRange);
+    const isFullRangeSelected = rangePosition === 'end' && isRangeValid(adapter, newRange);
     onChange(newRange, isFullRangeSelected ? 'finish' : 'partial', selectedView);
   };
   return viewRenderer(_extends({}, other, {

package/esm/TimeRangePicker/TimeRangePickerToolbar.js

@@ -8,8 +8,8 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { PickersToolbar, PickersToolbarButton, useUtils, PickersToolbarText, getMeridiem, formatMeridiem, pickersToolbarClasses, pickersToolbarTextClasses, MULTI_SECTION_CLOCK_SECTION_WIDTH, useToolbarOwnerState } from '@mui/x-date-pickers/internals';
-import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -92,13 +92,13 @@ function TimeRangePickerToolbarTimeElement(props) {
     separatorClasses,
     toolbarPlaceholder
   } = props;
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const {
     variant,
     views
   } = usePickerContext();
-  const formatHours = time => ampm ? utils.format(time, 'hours12h') : utils.format(time, 'hours24h');
-  const meridiemMode = getMeridiem(value, utils);
+  const formatHours = time => ampm ? adapter.format(time, 'hours12h') : adapter.format(time, 'hours24h');
+  const meridiemMode = getMeridiem(value, adapter);
   const sectionWidth = variant === 'desktop' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : '100%';
   return /*#__PURE__*/_jsxs(TimeRangePickerToolbarTimeContainer, {
     children: [views.includes('hours') && /*#__PURE__*/_jsxs(React.Fragment, {
@@ -107,7 +107,7 @@ function TimeRangePickerToolbarTimeElement(props) {
         width: sectionWidth,
         onClick: () => onViewChange('hours'),
         selected: view === 'hours',
-        value: utils.isValid(value) ? formatHours(value) : toolbarPlaceholder
+        value: adapter.isValid(value) ? formatHours(value) : toolbarPlaceholder
       }), /*#__PURE__*/_jsx(TimeRangePickerToolbarSeparator, {
         variant: "h5",
         value: ":",
@@ -117,7 +117,7 @@ function TimeRangePickerToolbarTimeElement(props) {
         width: sectionWidth,
         onClick: () => onViewChange('minutes'),
         selected: view === 'minutes' || !views.includes('minutes') && view === 'hours',
-        value: utils.isValid(value) ? utils.format(value, 'minutes') : toolbarPlaceholder,
+        value: adapter.isValid(value) ? adapter.format(value, 'minutes') : toolbarPlaceholder,
         disabled: !views.includes('minutes')
       })]
     }), views.includes('seconds') && /*#__PURE__*/_jsxs(React.Fragment, {
@@ -130,13 +130,13 @@ function TimeRangePickerToolbarTimeElement(props) {
         width: sectionWidth,
         onClick: () => onViewChange('seconds'),
         selected: view === 'seconds',
-        value: value ? utils.format(value, 'seconds') : toolbarPlaceholder
+        value: value ? adapter.format(value, 'seconds') : toolbarPlaceholder
       })]
     }), ampm && /*#__PURE__*/_jsx(PickersToolbarButton, {
       variant: "h5",
       onClick: () => onViewChange('meridiem'),
       selected: view === 'meridiem',
-      value: value && meridiemMode ? formatMeridiem(utils, meridiemMode) : toolbarPlaceholder,
+      value: value && meridiemMode ? formatMeridiem(adapter, meridiemMode) : toolbarPlaceholder,
       width: sectionWidth
     })]
   });

package/esm/TimeRangePicker/shared.js

@@ -1,17 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
-import { useUtils, applyDefaultViewProps, resolveTimeViewsResponse, useApplyDefaultValuesToTimeValidationProps } from '@mui/x-date-pickers/internals';
+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";
 export function useTimeRangePickerDefaultizedProps(props, name) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const themeProps = useThemeProps({
     props,
     name
   });
   const validationProps = useApplyDefaultValuesToTimeValidationProps(themeProps);
-  const ampm = themeProps.ampm ?? utils.is12HourCycleInCurrentLocale();
+  const ampm = themeProps.ampm ?? adapter.is12HourCycleInCurrentLocale();
   const {
     openTo,
     views: defaultViews

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v8.5.2
+ * @mui/x-date-pickers-pro v8.6.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -19,7 +19,7 @@ export const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc0OTY3OTIwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc1MDk3NTIwMDAwMA==");
   const {
     slots,
     slotProps,

package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -21,7 +21,7 @@ export const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc0OTY3OTIwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc1MDk3NTIwMDAwMA==");
   const {
     slots,
     slotProps: innerSlotProps,

package/esm/internals/utils/date-range-manager.d.ts

@@ -2,7 +2,7 @@ import { MuiPickersAdapter, PickerValidDate } from '@mui/x-date-pickers/models';
 import { PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { RangePosition } from "../../models/index.js";
 interface CalculateRangeChangeOptions {
-  utils: MuiPickersAdapter;
+  adapter: MuiPickersAdapter;
   range: PickerRangeValue;
   newDate: PickerValidDate | null;
   rangePosition: RangePosition;
@@ -20,7 +20,7 @@ interface CalculateRangeChangeResponse {
   newRange: PickerRangeValue;
 }
 export declare function calculateRangeChange({
-  utils,
+  adapter,
   range,
   newDate: selectedDate,
   rangePosition,

package/esm/internals/utils/date-range-manager.js

@@ -1,6 +1,6 @@
 import { mergeDateAndTime } from '@mui/x-date-pickers/internals';
 export function calculateRangeChange({
-  utils,
+  adapter,
   range,
   newDate: selectedDate,
   rangePosition,
@@ -8,18 +8,18 @@ export function calculateRangeChange({
   shouldMergeDateAndTime = false,
   referenceDate
 }) {
-  const start = !utils.isValid(range[0]) ? null : range[0];
-  const end = !utils.isValid(range[1]) ? null : range[1];
+  const start = !adapter.isValid(range[0]) ? null : range[0];
+  const end = !adapter.isValid(range[1]) ? null : range[1];
   if (shouldMergeDateAndTime && selectedDate) {
     // If there is a date already selected, then we want to keep its time
     if (start && rangePosition === 'start') {
-      selectedDate = mergeDateAndTime(utils, selectedDate, start);
+      selectedDate = mergeDateAndTime(adapter, selectedDate, start);
     }
     if (end && rangePosition === 'end') {
-      selectedDate = mergeDateAndTime(utils, selectedDate, end);
+      selectedDate = mergeDateAndTime(adapter, selectedDate, end);
     }
   }
-  const newSelectedDate = referenceDate && selectedDate && shouldMergeDateAndTime ? mergeDateAndTime(utils, selectedDate, referenceDate) : selectedDate;
+  const newSelectedDate = referenceDate && selectedDate && shouldMergeDateAndTime ? mergeDateAndTime(adapter, selectedDate, referenceDate) : selectedDate;
   if (rangePosition === 'start') {
     const truthyResult = allowRangeFlip ? {
       nextSelection: 'start',
@@ -28,7 +28,7 @@ export function calculateRangeChange({
       nextSelection: 'end',
       newRange: [newSelectedDate, null]
     };
-    return Boolean(end) && utils.isAfter(newSelectedDate, end) ? truthyResult : {
+    return Boolean(end) && adapter.isAfter(newSelectedDate, end) ? truthyResult : {
       nextSelection: 'end',
       newRange: [newSelectedDate, end]
     };
@@ -40,7 +40,7 @@ export function calculateRangeChange({
     nextSelection: 'end',
     newRange: [newSelectedDate, null]
   };
-  return Boolean(start) && utils.isBeforeDay(newSelectedDate, start) ? truthyResult : {
+  return Boolean(start) && adapter.isBeforeDay(newSelectedDate, start) ? truthyResult : {
     nextSelection: 'start',
     newRange: [start, newSelectedDate]
   };

package/esm/internals/utils/date-utils.d.ts

@@ -1,7 +1,7 @@
 import { AdapterFormats, MuiPickersAdapter, PickerValidDate } from '@mui/x-date-pickers/models';
 import { PickerNonNullableRangeValue, PickerRangeValue } from '@mui/x-date-pickers/internals';
-export declare const isRangeValid: (utils: MuiPickersAdapter, range: PickerRangeValue) => range is PickerNonNullableRangeValue;
-export declare const isWithinRange: (utils: MuiPickersAdapter, day: PickerValidDate, range: PickerRangeValue) => boolean;
-export declare const isStartOfRange: (utils: MuiPickersAdapter, day: PickerValidDate, range: PickerRangeValue) => boolean;
-export declare const isEndOfRange: (utils: MuiPickersAdapter, day: PickerValidDate, range: PickerRangeValue) => boolean;
-export declare const formatRange: (utils: MuiPickersAdapter, range: PickerRangeValue, formatKey: keyof AdapterFormats) => string | null;
+export declare const isRangeValid: (adapter: MuiPickersAdapter, range: PickerRangeValue) => range is PickerNonNullableRangeValue;
+export declare const isWithinRange: (adapter: MuiPickersAdapter, day: PickerValidDate, range: PickerRangeValue) => boolean;
+export declare const isStartOfRange: (adapter: MuiPickersAdapter, day: PickerValidDate, range: PickerRangeValue) => boolean;
+export declare const isEndOfRange: (adapter: MuiPickersAdapter, day: PickerValidDate, range: PickerRangeValue) => boolean;
+export declare const formatRange: (adapter: MuiPickersAdapter, range: PickerRangeValue, formatKey: keyof AdapterFormats) => string | null;

package/esm/internals/utils/date-utils.js

@@ -1,18 +1,18 @@
-export const isRangeValid = (utils, range) => {
-  return utils.isValid(range[0]) && utils.isValid(range[1]) && !utils.isBefore(range[1], range[0]);
+export const isRangeValid = (adapter, range) => {
+  return adapter.isValid(range[0]) && adapter.isValid(range[1]) && !adapter.isBefore(range[1], range[0]);
 };
-export const isWithinRange = (utils, day, range) => {
-  return isRangeValid(utils, range) && utils.isWithinRange(day, range);
+export const isWithinRange = (adapter, day, range) => {
+  return isRangeValid(adapter, range) && adapter.isWithinRange(day, range);
 };
-export const isStartOfRange = (utils, day, range) => {
-  return isRangeValid(utils, range) && utils.isSameDay(day, range[0]);
+export const isStartOfRange = (adapter, day, range) => {
+  return isRangeValid(adapter, range) && adapter.isSameDay(day, range[0]);
 };
-export const isEndOfRange = (utils, day, range) => {
-  return isRangeValid(utils, range) && utils.isSameDay(day, range[1]);
+export const isEndOfRange = (adapter, day, range) => {
+  return isRangeValid(adapter, range) && adapter.isSameDay(day, range[1]);
 };
-export const formatRange = (utils, range, formatKey) => {
-  if (!isRangeValid(utils, range)) {
+export const formatRange = (adapter, range, formatKey) => {
+  if (!isRangeValid(adapter, range)) {
     return null;
   }
-  return `${utils.format(range[0], formatKey)} - ${utils.format(range[1], formatKey)}`;
+  return `${adapter.format(range[0], formatKey)} - ${adapter.format(range[1], formatKey)}`;
 };

package/esm/internals/utils/valueManagers.js

@@ -12,8 +12,8 @@ export const rangeValueManager = {
         referenceDate: referenceDateProp
       } = _ref,
       params = _objectWithoutPropertiesLoose(_ref, _excluded);
-    const shouldKeepStartDate = params.utils.isValid(value[0]);
-    const shouldKeepEndDate = params.utils.isValid(value[1]);
+    const shouldKeepStartDate = params.adapter.isValid(value[0]);
+    const shouldKeepEndDate = params.adapter.isValid(value[1]);
     if (shouldKeepStartDate && shouldKeepEndDate) {
       return value;
     }
@@ -25,22 +25,22 @@ export const rangeValueManager = {
   isSameError: (a, b) => b !== null && a[1] === b[1] && a[0] === b[0],
   hasError: error => error[0] != null || error[1] != null,
   defaultErrorState: [null, null],
-  getTimezone: (utils, value) => {
-    const timezoneStart = utils.isValid(value[0]) ? utils.getTimezone(value[0]) : null;
-    const timezoneEnd = utils.isValid(value[1]) ? utils.getTimezone(value[1]) : null;
+  getTimezone: (adapter, value) => {
+    const timezoneStart = adapter.isValid(value[0]) ? adapter.getTimezone(value[0]) : null;
+    const timezoneEnd = adapter.isValid(value[1]) ? adapter.getTimezone(value[1]) : null;
     if (timezoneStart != null && timezoneEnd != null && timezoneStart !== timezoneEnd) {
       throw new Error('MUI X: The timezone of the start and the end date should be the same.');
     }
     return timezoneStart ?? timezoneEnd;
   },
-  setTimezone: (utils, timezone, value) => [value[0] == null ? null : utils.setTimezone(value[0], timezone), value[1] == null ? null : utils.setTimezone(value[1], timezone)]
+  setTimezone: (adapter, timezone, value) => [value[0] == null ? null : adapter.setTimezone(value[0], timezone), value[1] == null ? null : adapter.setTimezone(value[1], timezone)]
 };
 export const getRangeFieldValueManager = ({
   dateSeparator = '–'
 }) => ({
-  updateReferenceValue: (utils, value, prevReferenceValue) => {
-    const shouldKeepStartDate = utils.isValid(value[0]);
-    const shouldKeepEndDate = utils.isValid(value[1]);
+  updateReferenceValue: (adapter, value, prevReferenceValue) => {
+    const shouldKeepStartDate = adapter.isValid(value[0]);
+    const shouldKeepEndDate = adapter.isValid(value[1]);
     if (!shouldKeepStartDate && !shouldKeepEndDate) {
       return prevReferenceValue;
     }

package/esm/managers/useDateRangeManager.js

@@ -2,8 +2,8 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { useApplyDefaultValuesToDateValidationProps, useUtils } from '@mui/x-date-pickers/internals';
+import { usePickerAdapter, usePickerTranslations } from '@mui/x-date-pickers/hooks';
+import { useApplyDefaultValuesToDateValidationProps } from '@mui/x-date-pickers/internals';
 import { getRangeFieldValueManager, rangeValueManager } from "../internals/utils/valueManagers.js";
 import { validateDateRange } from "../validation/index.js";
 import { formatRange } from "../internals/utils/date-utils.js";
@@ -25,16 +25,16 @@ export function useDateRangeManager(parameters = {}) {
   }), [enableAccessibleFieldDOMStructure, dateSeparator]);
 }
 function useOpenPickerButtonAriaLabel(value) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const translations = usePickerTranslations();
   return React.useMemo(() => {
-    return translations.openRangePickerDialogue(formatRange(utils, value, 'fullDate'));
-  }, [value, translations, utils]);
+    return translations.openRangePickerDialogue(formatRange(adapter, value, 'fullDate'));
+  }, [value, translations, adapter]);
 }
 function useApplyDefaultValuesToDateRangeFieldInternalProps(internalProps) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const validationProps = useApplyDefaultValuesToDateValidationProps(internalProps);
   return React.useMemo(() => _extends({}, internalProps, validationProps, {
-    format: internalProps.format ?? utils.formats.keyboardDate
-  }), [internalProps, validationProps, utils]);
+    format: internalProps.format ?? adapter.formats.keyboardDate
+  }), [internalProps, validationProps, adapter]);
 }

package/esm/managers/useDateTimeRangeManager.js

@@ -2,8 +2,8 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { useApplyDefaultValuesToDateTimeValidationProps, useUtils } from '@mui/x-date-pickers/internals';
+import { usePickerAdapter, usePickerTranslations } from '@mui/x-date-pickers/hooks';
+import { useApplyDefaultValuesToDateTimeValidationProps } from '@mui/x-date-pickers/internals';
 import { getRangeFieldValueManager, rangeValueManager } from "../internals/utils/valueManagers.js";
 import { validateDateTimeRange } from "../validation/index.js";
 import { formatRange } from "../internals/utils/date-utils.js";
@@ -25,17 +25,17 @@ export function useDateTimeRangeManager(parameters = {}) {
   }), [enableAccessibleFieldDOMStructure, dateSeparator]);
 }
 function useOpenPickerButtonAriaLabel(value) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const translations = usePickerTranslations();
   return React.useMemo(() => {
-    return translations.openRangePickerDialogue(formatRange(utils, value, 'fullDate'));
-  }, [value, translations, utils]);
+    return translations.openRangePickerDialogue(formatRange(adapter, value, 'fullDate'));
+  }, [value, translations, adapter]);
 }
 function useApplyDefaultValuesToDateTimeRangeFieldInternalProps(internalProps) {
-  const utils = useUtils();
+  const adapter = usePickerAdapter();
   const validationProps = useApplyDefaultValuesToDateTimeValidationProps(internalProps);
-  const ampm = React.useMemo(() => internalProps.ampm ?? utils.is12HourCycleInCurrentLocale(), [internalProps.ampm, utils]);
+  const ampm = React.useMemo(() => internalProps.ampm ?? adapter.is12HourCycleInCurrentLocale(), [internalProps.ampm, adapter]);
   return React.useMemo(() => _extends({}, internalProps, validationProps, {
-    format: internalProps.format ?? (ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h)
-  }), [internalProps, validationProps, ampm, utils]);
+    format: internalProps.format ?? (ampm ? adapter.formats.keyboardDateTime12h : adapter.formats.keyboardDateTime24h)
+  }), [internalProps, validationProps, ampm, adapter]);
 }