@mui/x-date-pickers 8.5.3 → 8.7.0

package/LocalizationProvider/LocalizationProvider.js

@@ -6,7 +6,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MuiPickersAdapterContext = exports.LocalizationProvider = void 0;
+exports.PickerAdapterContext = exports.MuiPickersAdapterContext = exports.LocalizationProvider = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
@@ -14,8 +14,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["localeText"];
-const MuiPickersAdapterContext = exports.MuiPickersAdapterContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== "production") MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
+const PickerAdapterContext = exports.PickerAdapterContext = /*#__PURE__*/React.createContext(null);
+
+// TODO v9: Remove this public export
+/**
+ * The context that provides the date adapter and default dates to the pickers.
+ * @deprecated Use `usePickersAdapter` hook if you need access to the adapter instead.
+ */
+if (process.env.NODE_ENV !== "production") PickerAdapterContext.displayName = "PickerAdapterContext";
+const MuiPickersAdapterContext = exports.MuiPickersAdapterContext = PickerAdapterContext;
 /**
  * Demos:
  *
@@ -34,10 +41,11 @@ const LocalizationProvider = exports.LocalizationProvider = function Localizatio
     } = inProps,
     otherInProps = (0, _objectWithoutPropertiesLoose2.default)(inProps, _excluded);
   const {
-    utils: parentUtils,
+    adapter: parentAdapter,
     localeText: parentLocaleText
-  } = React.useContext(MuiPickersAdapterContext) ?? {
+  } = React.useContext(PickerAdapterContext) ?? {
     utils: undefined,
+    adapter: undefined,
     localeText: undefined
   };
   const props = (0, _styles.useThemeProps)({
@@ -55,40 +63,41 @@ const LocalizationProvider = exports.LocalizationProvider = function Localizatio
     localeText: themeLocaleText
   } = props;
   const localeText = React.useMemo(() => (0, _extends2.default)({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
-  const utils = React.useMemo(() => {
+  const adapter = React.useMemo(() => {
     if (!DateAdapter) {
-      if (parentUtils) {
-        return parentUtils;
+      if (parentAdapter) {
+        return parentAdapter;
       }
       return null;
     }
-    const adapter = new DateAdapter({
+    const dateAdapter = new DateAdapter({
       locale: adapterLocale,
       formats: dateFormats,
       instance: dateLibInstance
     });
-    if (!adapter.isMUIAdapter) {
+    if (!dateAdapter.isMUIAdapter) {
       throw new Error(['MUI X: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`', "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", 'More information on the installation documentation: https://mui.com/x/react-date-pickers/quickstart/#installation'].join(`\n`));
     }
-    return adapter;
-  }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentUtils]);
+    return dateAdapter;
+  }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentAdapter]);
   const defaultDates = React.useMemo(() => {
-    if (!utils) {
+    if (!adapter) {
       return null;
     }
     return {
-      minDate: utils.date('1900-01-01T00:00:00.000'),
-      maxDate: utils.date('2099-12-31T00:00:00.000')
+      minDate: adapter.date('1900-01-01T00:00:00.000'),
+      maxDate: adapter.date('2099-12-31T00:00:00.000')
     };
-  }, [utils]);
+  }, [adapter]);
   const contextValue = React.useMemo(() => {
     return {
-      utils,
+      utils: adapter,
+      adapter,
       defaultDates,
       localeText
     };
-  }, [defaultDates, utils, localeText]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MuiPickersAdapterContext.Provider, {
+  }, [defaultDates, adapter, localeText]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerAdapterContext.Provider, {
     value: contextValue,
     children: children
   });

package/MobileDatePicker/MobileDatePicker.js

@@ -14,7 +14,7 @@ var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveC
 var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _shared = require("../DatePicker/shared");
-var _useUtils = require("../internals/hooks/useUtils");
+var _usePickerAdapter = require("../hooks/usePickerAdapter");
 var _validation = require("../validation");
 var _DateField = require("../DateField");
 var _valueManagers = require("../internals/utils/valueManagers");
@@ -31,7 +31,7 @@ var _dateUtils = require("../internals/utils/date-utils");
  * - [MobileDatePicker API](https://mui.com/x/api/date-pickers/mobile-date-picker/)
  */
 const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _usePickerAdapter.usePickerAdapter)();
 
   // Props with the default values common to all date pickers
   const defaultizedProps = (0, _shared.useDatePickerDefaultizedProps)(inProps, 'MuiMobileDatePicker');
@@ -44,7 +44,7 @@ const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRe
   // Props with the default values specific to the mobile variant
   const props = (0, _extends2.default)({}, defaultizedProps, {
     viewRenderers,
-    format: (0, _dateUtils.resolveDateFormat)(utils, defaultizedProps, false),
+    format: (0, _dateUtils.resolveDateFormat)(adapter, defaultizedProps, false),
     slots: (0, _extends2.default)({
       field: _DateField.DateField
     }, defaultizedProps.slots),

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -15,7 +15,7 @@ var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _DateTimeField = require("../DateTimeField");
 var _shared = require("../DateTimePicker/shared");
-var _useUtils = require("../internals/hooks/useUtils");
+var _usePickerAdapter = require("../hooks/usePickerAdapter");
 var _validation = require("../validation");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _dateViewRenderers = require("../dateViewRenderers");
@@ -43,7 +43,7 @@ const STEPS = [{
  * - [MobileDateTimePicker API](https://mui.com/x/api/date-pickers/mobile-date-time-picker/)
  */
 const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _usePickerAdapter.usePickerAdapter)();
 
   // Props with the default values common to all date time pickers
   const defaultizedProps = (0, _shared.useDateTimePickerDefaultizedProps)(inProps, 'MuiMobileDateTimePicker');
@@ -65,7 +65,7 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
   // Props with the default values specific to the mobile variant
   const props = (0, _extends2.default)({}, defaultizedProps, {
     viewRenderers,
-    format: (0, _dateTimeUtils.resolveDateTimeFormat)(utils, defaultizedProps),
+    format: (0, _dateTimeUtils.resolveDateTimeFormat)(adapter, defaultizedProps),
     views,
     ampmInClock,
     slots: (0, _extends2.default)({
@@ -125,7 +125,7 @@ MobileDateTimePicker.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: _propTypes.default.bool,
   /**

package/MobileTimePicker/MobileTimePicker.js

@@ -15,7 +15,7 @@ var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _TimeField = require("../TimeField");
 var _shared = require("../TimePicker/shared");
-var _useUtils = require("../internals/hooks/useUtils");
+var _usePickerAdapter = require("../hooks/usePickerAdapter");
 var _validation = require("../validation");
 var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _timeViewRenderers = require("../timeViewRenderers");
@@ -31,7 +31,7 @@ var _timeUtils = require("../internals/utils/time-utils");
  * - [MobileTimePicker API](https://mui.com/x/api/date-pickers/mobile-time-picker/)
  */
 const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _usePickerAdapter.usePickerAdapter)();
 
   // Props with the default values common to all time pickers
   const defaultizedProps = (0, _shared.useTimePickerDefaultizedProps)(inProps, 'MuiMobileTimePicker');
@@ -46,7 +46,7 @@ const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRe
   const props = (0, _extends2.default)({}, defaultizedProps, {
     ampmInClock,
     viewRenderers,
-    format: (0, _timeUtils.resolveTimeFormat)(utils, defaultizedProps),
+    format: (0, _timeUtils.resolveTimeFormat)(adapter, defaultizedProps),
     slots: (0, _extends2.default)({
       field: _TimeField.TimeField
     }, defaultizedProps.slots),
@@ -78,7 +78,7 @@ MobileTimePicker.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: _propTypes.default.bool,
   /**

package/MonthCalendar/MonthCalendar.js

@@ -29,6 +29,7 @@ var _useControlledValue = require("../internals/hooks/useControlledValue");
 var _dimensions = require("../internals/constants/dimensions");
 var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
 var _useDateManager = require("../managers/useDateManager");
+var _usePickerAdapter = require("../hooks/usePickerAdapter");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "className", "classes", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "shouldDisableMonth", "readOnly", "disableHighlightToday", "onMonthFocus", "hasFocus", "onFocusedViewChange", "monthsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
 const useUtilityClasses = classes => {
@@ -127,13 +128,13 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
   });
   const now = (0, _useUtils.useNow)(timezone);
   const isRtl = (0, _RtlProvider.useRtl)();
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _usePickerAdapter.usePickerAdapter)();
   const {
     ownerState
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const referenceDate = React.useMemo(() => _valueManagers.singleItemValueManager.getInitialReferenceValue({
     value,
-    utils,
+    adapter,
     props,
     timezone,
     referenceDate: referenceDateProp,
@@ -141,14 +142,14 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
   const classes = useUtilityClasses(classesProp);
-  const todayMonth = React.useMemo(() => utils.getMonth(now), [utils, now]);
+  const todayMonth = React.useMemo(() => adapter.getMonth(now), [adapter, now]);
   const selectedMonth = React.useMemo(() => {
     if (value != null) {
-      return utils.getMonth(value);
+      return adapter.getMonth(value);
     }
     return null;
-  }, [value, utils]);
-  const [focusedMonth, setFocusedMonth] = React.useState(() => selectedMonth || utils.getMonth(referenceDate));
+  }, [value, adapter]);
+  const [focusedMonth, setFocusedMonth] = React.useState(() => selectedMonth || adapter.getMonth(referenceDate));
   const [internalHasFocus, setInternalHasFocus] = (0, _useControlled.default)({
     name: 'MonthCalendar',
     state: 'hasFocus',
@@ -162,29 +163,29 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     }
   });
   const isMonthDisabled = React.useCallback(dateToValidate => {
-    const firstEnabledMonth = utils.startOfMonth(disablePast && utils.isAfter(now, minDate) ? now : minDate);
-    const lastEnabledMonth = utils.startOfMonth(disableFuture && utils.isBefore(now, maxDate) ? now : maxDate);
-    const monthToValidate = utils.startOfMonth(dateToValidate);
-    if (utils.isBefore(monthToValidate, firstEnabledMonth)) {
+    const firstEnabledMonth = adapter.startOfMonth(disablePast && adapter.isAfter(now, minDate) ? now : minDate);
+    const lastEnabledMonth = adapter.startOfMonth(disableFuture && adapter.isBefore(now, maxDate) ? now : maxDate);
+    const monthToValidate = adapter.startOfMonth(dateToValidate);
+    if (adapter.isBefore(monthToValidate, firstEnabledMonth)) {
       return true;
     }
-    if (utils.isAfter(monthToValidate, lastEnabledMonth)) {
+    if (adapter.isAfter(monthToValidate, lastEnabledMonth)) {
       return true;
     }
     if (!shouldDisableMonth) {
       return false;
     }
     return shouldDisableMonth(monthToValidate);
-  }, [disableFuture, disablePast, maxDate, minDate, now, shouldDisableMonth, utils]);
+  }, [disableFuture, disablePast, maxDate, minDate, now, shouldDisableMonth, adapter]);
   const handleMonthSelection = (0, _useEventCallback.default)((event, month) => {
     if (readOnly) {
       return;
     }
-    const newDate = utils.setMonth(value ?? referenceDate, month);
+    const newDate = adapter.setMonth(value ?? referenceDate, month);
     handleValueChange(newDate);
   });
   const focusMonth = (0, _useEventCallback.default)(month => {
-    if (!isMonthDisabled(utils.setMonth(value ?? referenceDate, month))) {
+    if (!isMonthDisabled(adapter.setMonth(value ?? referenceDate, month))) {
       setFocusedMonth(month);
       changeHasFocus(true);
       if (onMonthFocus) {
@@ -235,10 +236,10 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     "aria-labelledby": gridLabelId,
     monthsPerRow: monthsPerRow
   }, other, {
-    children: (0, _dateUtils.getMonthsInYear)(utils, value ?? referenceDate).map(month => {
-      const monthNumber = utils.getMonth(month);
-      const monthText = utils.format(month, 'monthShort');
-      const monthLabel = utils.format(month, 'month');
+    children: (0, _dateUtils.getMonthsInYear)(adapter, value ?? referenceDate).map(month => {
+      const monthNumber = adapter.getMonth(month);
+      const monthText = adapter.format(month, 'monthShort');
+      const monthLabel = adapter.format(month, 'month');
       const isSelected = monthNumber === selectedMonth;
       const isDisabled = disabled || isMonthDisabled(month);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthCalendarButton.MonthCalendarButton, {

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -16,7 +16,7 @@ var _RtlProvider = require("@mui/system/RtlProvider");
 var _styles = require("@mui/material/styles");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _hooks = require("../hooks");
 var _useUtils = require("../internals/hooks/useUtils");
 var _timeUtils = require("../internals/utils/time-utils");
 var _useViews = require("../internals/hooks/useViews");
@@ -59,14 +59,14 @@ const MultiSectionDigitalClockRoot = (0, _styles.styled)(_PickerViewRoot.PickerV
  * - [MultiSectionDigitalClock API](https://mui.com/x/api/date-pickers/multi-section-digital-clock/)
  */
 const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function MultiSectionDigitalClock(inProps, ref) {
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _hooks.usePickerAdapter)();
   const isRtl = (0, _RtlProvider.useRtl)();
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiMultiSectionDigitalClock'
   });
   const {
-      ampm = utils.is12HourCycleInCurrentLocale(),
+      ampm = adapter.is12HourCycleInCurrentLocale(),
       timeSteps: inTimeSteps,
       autoFocus,
       slots,
@@ -109,7 +109,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
     onChange,
     valueManager: _valueManagers.singleItemValueManager
   });
-  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const translations = (0, _hooks.usePickerTranslations)();
   const now = (0, _useUtils.useNow)(timezone);
   const timeSteps = React.useMemo(() => (0, _extends2.default)({
     hours: 1,
@@ -119,7 +119,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
   const valueOrReferenceDate = (0, _useClockReferenceDate.useClockReferenceDate)({
     value,
     referenceDate: referenceDateProp,
-    utils,
+    adapter,
     props,
     timezone
   });
@@ -151,7 +151,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
     handleMeridiemChange
   } = (0, _dateHelpersHooks.useMeridiemMode)(valueOrReferenceDate, ampm, handleMeridiemValueChange, 'finish');
   const isTimeDisabled = React.useCallback((rawValue, viewType) => {
-    const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(disableIgnoringDatePartForTimeValidation, utils);
+    const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(disableIgnoringDatePartForTimeValidation, adapter);
     const shouldCheckPastEnd = viewType === 'hours' || viewType === 'minutes' && views.includes('seconds');
     const containsValidTime = ({
       start,
@@ -178,11 +178,11 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       if (shouldDisableTime) {
         switch (viewType) {
           case 'hours':
-            return !shouldDisableTime(utils.setHours(valueOrReferenceDate, timeValue), 'hours');
+            return !shouldDisableTime(adapter.setHours(valueOrReferenceDate, timeValue), 'hours');
           case 'minutes':
-            return !shouldDisableTime(utils.setMinutes(valueOrReferenceDate, timeValue), 'minutes');
+            return !shouldDisableTime(adapter.setMinutes(valueOrReferenceDate, timeValue), 'minutes');
           case 'seconds':
-            return !shouldDisableTime(utils.setSeconds(valueOrReferenceDate, timeValue), 'seconds');
+            return !shouldDisableTime(adapter.setSeconds(valueOrReferenceDate, timeValue), 'seconds');
           default:
             return false;
         }
@@ -193,12 +193,12 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       case 'hours':
         {
           const valueWithMeridiem = (0, _timeUtils.convertValueToMeridiem)(rawValue, meridiemMode, ampm);
-          const dateWithNewHours = utils.setHours(valueOrReferenceDate, valueWithMeridiem);
-          if (utils.getHours(dateWithNewHours) !== valueWithMeridiem) {
+          const dateWithNewHours = adapter.setHours(valueOrReferenceDate, valueWithMeridiem);
+          if (adapter.getHours(dateWithNewHours) !== valueWithMeridiem) {
             return true;
           }
-          const start = utils.setSeconds(utils.setMinutes(dateWithNewHours, 0), 0);
-          const end = utils.setSeconds(utils.setMinutes(dateWithNewHours, 59), 59);
+          const start = adapter.setSeconds(adapter.setMinutes(dateWithNewHours, 0), 0);
+          const end = adapter.setSeconds(adapter.setMinutes(dateWithNewHours, 59), 59);
           return !containsValidTime({
             start,
             end
@@ -206,9 +206,9 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
         }
       case 'minutes':
         {
-          const dateWithNewMinutes = utils.setMinutes(valueOrReferenceDate, rawValue);
-          const start = utils.setSeconds(dateWithNewMinutes, 0);
-          const end = utils.setSeconds(dateWithNewMinutes, 59);
+          const dateWithNewMinutes = adapter.setMinutes(valueOrReferenceDate, rawValue);
+          const start = adapter.setSeconds(dateWithNewMinutes, 0);
+          const end = adapter.setSeconds(dateWithNewMinutes, 59);
           return !containsValidTime({
             start,
             end
@@ -216,7 +216,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
         }
       case 'seconds':
         {
-          const dateWithNewSeconds = utils.setSeconds(valueOrReferenceDate, rawValue);
+          const dateWithNewSeconds = adapter.setSeconds(valueOrReferenceDate, rawValue);
           const start = dateWithNewSeconds;
           const end = dateWithNewSeconds;
           return !containsValidTime({
@@ -227,7 +227,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       default:
         throw new Error('not supported');
     }
-  }, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
+  }, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableTime, adapter, disableFuture, disablePast, now, views]);
   const buildViewProps = React.useCallback(viewToBuild => {
     switch (viewToBuild) {
       case 'hours':
@@ -235,13 +235,13 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
           return {
             onChange: hours => {
               const valueWithMeridiem = (0, _timeUtils.convertValueToMeridiem)(hours, meridiemMode, ampm);
-              setValueAndGoToNextView(utils.setHours(valueOrReferenceDate, valueWithMeridiem), 'finish', 'hours');
+              setValueAndGoToNextView(adapter.setHours(valueOrReferenceDate, valueWithMeridiem), 'finish', 'hours');
             },
             items: (0, _MultiSectionDigitalClock2.getHourSectionOptions)({
               now,
               value,
               ampm,
-              utils,
+              adapter,
               isDisabled: hours => isTimeDisabled(hours, 'hours'),
               timeStep: timeSteps.hours,
               resolveAriaLabel: translations.hoursClockNumberText,
@@ -253,13 +253,13 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
         {
           return {
             onChange: minutes => {
-              setValueAndGoToNextView(utils.setMinutes(valueOrReferenceDate, minutes), 'finish', 'minutes');
+              setValueAndGoToNextView(adapter.setMinutes(valueOrReferenceDate, minutes), 'finish', 'minutes');
             },
             items: (0, _MultiSectionDigitalClock2.getTimeSectionOptions)({
-              value: utils.getMinutes(valueOrReferenceDate),
-              utils,
+              value: adapter.getMinutes(valueOrReferenceDate),
+              adapter,
               isDisabled: minutes => isTimeDisabled(minutes, 'minutes'),
-              resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
+              resolveLabel: minutes => adapter.format(adapter.setMinutes(now, minutes), 'minutes'),
               timeStep: timeSteps.minutes,
               hasValue: !!value,
               resolveAriaLabel: translations.minutesClockNumberText
@@ -270,13 +270,13 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
         {
           return {
             onChange: seconds => {
-              setValueAndGoToNextView(utils.setSeconds(valueOrReferenceDate, seconds), 'finish', 'seconds');
+              setValueAndGoToNextView(adapter.setSeconds(valueOrReferenceDate, seconds), 'finish', 'seconds');
             },
             items: (0, _MultiSectionDigitalClock2.getTimeSectionOptions)({
-              value: utils.getSeconds(valueOrReferenceDate),
-              utils,
+              value: adapter.getSeconds(valueOrReferenceDate),
+              adapter,
               isDisabled: seconds => isTimeDisabled(seconds, 'seconds'),
-              resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
+              resolveLabel: seconds => adapter.format(adapter.setSeconds(now, seconds), 'seconds'),
               timeStep: timeSteps.seconds,
               hasValue: !!value,
               resolveAriaLabel: translations.secondsClockNumberText
@@ -285,8 +285,8 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
         }
       case 'meridiem':
         {
-          const amLabel = (0, _dateUtils.formatMeridiem)(utils, 'am');
-          const pmLabel = (0, _dateUtils.formatMeridiem)(utils, 'pm');
+          const amLabel = (0, _dateUtils.formatMeridiem)(adapter, 'am');
+          const pmLabel = (0, _dateUtils.formatMeridiem)(adapter, 'pm');
           return {
             onChange: handleMeridiemChange,
             items: [{
@@ -307,7 +307,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       default:
         throw new Error(`Unknown view: ${viewToBuild} found.`);
     }
-  }, [now, value, ampm, utils, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, translations.hoursClockNumberText, translations.minutesClockNumberText, translations.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, handleMeridiemChange]);
+  }, [now, value, ampm, adapter, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, translations.hoursClockNumberText, translations.minutesClockNumberText, translations.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, handleMeridiemChange]);
   const viewsToRender = React.useMemo(() => {
     if (!isRtl) {
       return views;
@@ -358,7 +358,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default utils.is12HourCycleInCurrentLocale()
+   * @default adapter.is12HourCycleInCurrentLocale()
    */
   ampm: _propTypes.default.bool,
   /**

package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts

@@ -3,7 +3,7 @@ import { MultiSectionDigitalClockOption } from "./MultiSectionDigitalClock.types
 interface GetHoursSectionOptionsParameters {
   now: PickerValidDate;
   value: PickerValidDate | null;
-  utils: MuiPickersAdapter;
+  adapter: MuiPickersAdapter;
   ampm: boolean;
   isDisabled: (value: number) => boolean;
   timeStep: number;
@@ -13,7 +13,7 @@ interface GetHoursSectionOptionsParameters {
 export declare const getHourSectionOptions: ({
   now,
   value,
-  utils,
+  adapter,
   ampm,
   isDisabled,
   resolveAriaLabel,
@@ -22,7 +22,7 @@ export declare const getHourSectionOptions: ({
 }: GetHoursSectionOptionsParameters) => MultiSectionDigitalClockOption<number>[];
 interface GetTimeSectionOptionsParameters {
   value: number | null;
-  utils: MuiPickersAdapter;
+  adapter: MuiPickersAdapter;
   isDisabled: (value: number) => boolean;
   timeStep: number;
   resolveLabel: (value: number) => string;
@@ -31,7 +31,7 @@ interface GetTimeSectionOptionsParameters {
 }
 export declare const getTimeSectionOptions: ({
   value,
-  utils,
+  adapter,
   isDisabled,
   timeStep,
   resolveLabel,

package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -7,14 +7,14 @@ exports.getTimeSectionOptions = exports.getHourSectionOptions = void 0;
 const getHourSectionOptions = ({
   now,
   value,
-  utils,
+  adapter,
   ampm,
   isDisabled,
   resolveAriaLabel,
   timeStep,
   valueOrReferenceDate
 }) => {
-  const currentHours = value ? utils.getHours(value) : null;
+  const currentHours = value ? adapter.getHours(value) : null;
   const result = [];
   const isSelected = (hour, overriddenCurrentHours) => {
     const resolvedCurrentHours = overriddenCurrentHours ?? currentHours;
@@ -30,13 +30,13 @@ const getHourSectionOptions = ({
     return resolvedCurrentHours === hour;
   };
   const isFocused = hour => {
-    return isSelected(hour, utils.getHours(valueOrReferenceDate));
+    return isSelected(hour, adapter.getHours(valueOrReferenceDate));
   };
   const endHour = ampm ? 11 : 23;
   for (let hour = 0; hour <= endHour; hour += timeStep) {
-    let label = utils.format(utils.setHours(now, hour), ampm ? 'hours12h' : 'hours24h');
+    let label = adapter.format(adapter.setHours(now, hour), ampm ? 'hours12h' : 'hours24h');
     const ariaLabel = resolveAriaLabel(parseInt(label, 10).toString());
-    label = utils.formatNumber(label);
+    label = adapter.formatNumber(label);
     result.push({
       value: hour,
       label,
@@ -51,7 +51,7 @@ const getHourSectionOptions = ({
 exports.getHourSectionOptions = getHourSectionOptions;
 const getTimeSectionOptions = ({
   value,
-  utils,
+  adapter,
   isDisabled,
   timeStep,
   resolveLabel,
@@ -73,7 +73,7 @@ const getTimeSectionOptions = ({
     const timeValue = timeStep * index;
     return {
       value: timeValue,
-      label: utils.formatNumber(resolveLabel(timeValue)),
+      label: adapter.formatNumber(resolveLabel(timeValue)),
       isDisabled,
       isSelected,
       isFocused,

package/PickerDay2/PickerDay2.js

@@ -18,7 +18,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _dimensions = require("../internals/constants/dimensions");
 var _pickerDay2Classes = require("./pickerDay2Classes");
-var _useUtils = require("../internals/hooks/useUtils");
+var _usePickerAdapter = require("../hooks/usePickerAdapter");
 var _usePickerDayOwnerState = require("../PickersDay/usePickerDayOwnerState");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "children", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth", "isVisuallySelected"];
@@ -128,7 +128,7 @@ const PickerDay2Raw = /*#__PURE__*/React.forwardRef(function PickerDay2(inProps,
     props: inProps,
     name: 'MuiPickerDay2'
   });
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _usePickerAdapter.usePickerAdapter)();
   const {
       autoFocus = false,
       className,
@@ -215,7 +215,7 @@ const PickerDay2Raw = /*#__PURE__*/React.forwardRef(function PickerDay2(inProps,
   }, other, {
     ownerState: ownerState,
     className: (0, _clsx.default)(classes.root, className),
-    children: children ?? (ownerState.isDayFillerCell ? null : utils.format(day, 'dayOfMonth'))
+    children: children ?? (ownerState.isDayFillerCell ? null : adapter.format(day, 'dayOfMonth'))
   }));
 });
 if (process.env.NODE_ENV !== "production") PickerDay2Raw.displayName = "PickerDay2Raw";

package/PickersActionBar/PickersActionBar.d.ts

@@ -6,8 +6,8 @@ export interface PickersActionBarProps extends DialogActionsProps {
    * Ordered array of actions to display.
    * If empty, does not display that action bar.
    * @default
-   * - `[]` for Desktop Date Picker and Desktop Date Range Picker
-   * - `['cancel', 'accept']` for all other Pickers
+   * - `[]` for Pickers with one selection step which `closeOnSelect`.
+   * - `['cancel', 'nextOrAccept']` for all other Pickers.
    */
   actions?: PickersActionBarAction[];
 }

package/PickersActionBar/PickersActionBar.js

@@ -105,8 +105,8 @@ process.env.NODE_ENV !== "production" ? PickersActionBarComponent.propTypes = {
    * Ordered array of actions to display.
    * If empty, does not display that action bar.
    * @default
-   * - `[]` for Desktop Date Picker and Desktop Date Range Picker
-   * - `['cancel', 'accept']` for all other Pickers
+   * - `[]` for Pickers with one selection step which `closeOnSelect`.
+   * - `['cancel', 'nextOrAccept']` for all other Pickers.
    */
   actions: _propTypes.default.arrayOf(_propTypes.default.oneOf(['accept', 'cancel', 'clear', 'next', 'nextOrAccept', 'today']).isRequired),
   /**