@mui/x-date-pickers 8.5.3 → 8.7.0

package/managers/useDateTimeManager.js

@@ -14,7 +14,7 @@ var _dateUtils = require("../internals/utils/date-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _validation = require("../validation");
 var _useUtils = require("../internals/hooks/useUtils");
-var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _hooks = require("../hooks");
 function useDateTimeManager(parameters = {}) {
   const {
     enableAccessibleFieldDOMStructure = true
@@ -30,32 +30,32 @@ function useDateTimeManager(parameters = {}) {
   }), [enableAccessibleFieldDOMStructure]);
 }
 function useOpenPickerButtonAriaLabel(value) {
-  const utils = (0, _useUtils.useUtils)();
-  const translations = (0, _usePickerTranslations.usePickerTranslations)();
+  const adapter = (0, _hooks.usePickerAdapter)();
+  const translations = (0, _hooks.usePickerTranslations)();
   return React.useMemo(() => {
-    const formattedValue = utils.isValid(value) ? utils.format(value, 'fullDate') : null;
+    const formattedValue = adapter.isValid(value) ? adapter.format(value, 'fullDate') : null;
     return translations.openDatePickerDialogue(formattedValue);
-  }, [value, translations, utils]);
+  }, [value, translations, adapter]);
 }
 function useApplyDefaultValuesToDateTimeFieldInternalProps(internalProps) {
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _hooks.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(() => (0, _extends2.default)({}, 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]);
 }
 function useApplyDefaultValuesToDateTimeValidationProps(props) {
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _hooks.usePickerAdapter)();
   const defaultDates = (0, _useUtils.useDefaultDates)();
   return React.useMemo(() => ({
     disablePast: props.disablePast ?? false,
     disableFuture: props.disableFuture ?? false,
     // TODO: Explore if we can remove it from the public API
     disableIgnoringDatePartForTimeValidation: !!props.minDateTime || !!props.maxDateTime || !!props.disableFuture || !!props.disablePast,
-    minDate: (0, _dateUtils.applyDefaultDate)(utils, props.minDateTime ?? props.minDate, defaultDates.minDate),
-    maxDate: (0, _dateUtils.applyDefaultDate)(utils, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
+    minDate: (0, _dateUtils.applyDefaultDate)(adapter, props.minDateTime ?? props.minDate, defaultDates.minDate),
+    maxDate: (0, _dateUtils.applyDefaultDate)(adapter, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
     minTime: props.minDateTime ?? props.minTime,
     maxTime: props.maxDateTime ?? props.maxTime
-  }), [props.minDateTime, props.maxDateTime, props.minTime, props.maxTime, props.minDate, props.maxDate, props.disableFuture, props.disablePast, utils, defaultDates]);
+  }), [props.minDateTime, props.maxDateTime, props.minTime, props.maxTime, props.minDate, props.maxDate, props.disableFuture, props.disablePast, adapter, defaultDates]);
 }

package/managers/useTimeManager.js

@@ -12,8 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _valueManagers = require("../internals/utils/valueManagers");
 var _validation = require("../validation");
-var _useUtils = require("../internals/hooks/useUtils");
-var _usePickerTranslations = require("../hooks/usePickerTranslations");
+var _hooks = require("../hooks");
 function useTimeManager(parameters = {}) {
   const {
     enableAccessibleFieldDOMStructure = true,
@@ -31,22 +30,22 @@ function useTimeManager(parameters = {}) {
 }
 function createUseOpenPickerButtonAriaLabel(ampm) {
   return function useOpenPickerButtonAriaLabel(value) {
-    const utils = (0, _useUtils.useUtils)();
-    const translations = (0, _usePickerTranslations.usePickerTranslations)();
+    const adapter = (0, _hooks.usePickerAdapter)();
+    const translations = (0, _hooks.usePickerTranslations)();
     return React.useMemo(() => {
-      const formatKey = ampm ?? utils.is12HourCycleInCurrentLocale() ? 'fullTime12h' : 'fullTime24h';
-      const formattedValue = utils.isValid(value) ? utils.format(value, formatKey) : null;
+      const formatKey = ampm ?? adapter.is12HourCycleInCurrentLocale() ? 'fullTime12h' : 'fullTime24h';
+      const formattedValue = adapter.isValid(value) ? adapter.format(value, formatKey) : null;
       return translations.openTimePickerDialogue(formattedValue);
-    }, [value, translations, utils]);
+    }, [value, translations, adapter]);
   };
 }
 function useApplyDefaultValuesToTimeFieldInternalProps(internalProps) {
-  const utils = (0, _useUtils.useUtils)();
+  const adapter = (0, _hooks.usePickerAdapter)();
   const validationProps = useApplyDefaultValuesToTimeValidationProps(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(() => (0, _extends2.default)({}, internalProps, validationProps, {
-    format: internalProps.format ?? (ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h)
-  }), [internalProps, validationProps, ampm, utils]);
+    format: internalProps.format ?? (ampm ? adapter.formats.fullTime12h : adapter.formats.fullTime24h)
+  }), [internalProps, validationProps, ampm, adapter]);
 }
 function useApplyDefaultValuesToTimeValidationProps(props) {
   return React.useMemo(() => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.5.3",
+  "version": "8.7.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.5.3"
+    "@mui/x-internals": "8.7.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/validation/useValidation.d.ts

@@ -1,10 +1,9 @@
-import { MuiPickersAdapterContextValue } from "../LocalizationProvider/LocalizationProvider.js";
-import { OnErrorProps, PickersTimezone } from "../models/index.js";
+import { MuiPickersAdapter, OnErrorProps, PickersTimezone } from "../models/index.js";
 import type { PickerValueManager } from "../internals/models/index.js";
 import { PickerValidValue } from "../internals/models/index.js";
 export type Validator<TValue extends PickerValidValue, TError, TValidationProps> = {
   (params: {
-    adapter: MuiPickersAdapterContextValue;
+    adapter: MuiPickersAdapter;
     value: TValue;
     timezone: PickersTimezone;
     props: TValidationProps;

package/validation/useValidation.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useValidation = useValidation;
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _useUtils = require("../internals/hooks/useUtils");
+var _hooks = require("../hooks");
 /**
  * Utility hook to check if a given value is valid based on the provided validation props.
  * @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.
@@ -29,7 +29,7 @@ function useValidation(options) {
     timezone,
     onError
   } = options;
-  const adapter = (0, _useUtils.useLocalizationContext)();
+  const adapter = (0, _hooks.usePickerAdapter)();
   const previousValidationErrorRef = React.useRef(validator.valueManager.defaultErrorState);
   const validationError = validator({
     adapter,

package/validation/validateDate.js

@@ -35,9 +35,9 @@ const validateDate = ({
     minDate,
     maxDate
   } = props;
-  const now = adapter.utils.date(undefined, timezone);
+  const now = adapter.date(undefined, timezone);
   switch (true) {
-    case !adapter.utils.isValid(value):
+    case !adapter.isValid(value):
       return 'invalidDate';
     case Boolean(shouldDisableDate && shouldDisableDate(value)):
       return 'shouldDisableDate';
@@ -45,13 +45,13 @@ const validateDate = ({
       return 'shouldDisableMonth';
     case Boolean(shouldDisableYear && shouldDisableYear(value)):
       return 'shouldDisableYear';
-    case Boolean(disableFuture && adapter.utils.isAfterDay(value, now)):
+    case Boolean(disableFuture && adapter.isAfterDay(value, now)):
       return 'disableFuture';
-    case Boolean(disablePast && adapter.utils.isBeforeDay(value, now)):
+    case Boolean(disablePast && adapter.isBeforeDay(value, now)):
       return 'disablePast';
-    case Boolean(minDate && adapter.utils.isBeforeDay(value, minDate)):
+    case Boolean(minDate && adapter.isBeforeDay(value, minDate)):
       return 'minDate';
-    case Boolean(maxDate && adapter.utils.isAfterDay(value, maxDate)):
+    case Boolean(maxDate && adapter.isAfterDay(value, maxDate)):
       return 'maxDate';
     default:
       return null;

package/validation/validateTime.js

@@ -36,18 +36,18 @@ const validateTime = ({
     disablePast,
     disableFuture
   } = props;
-  const now = adapter.utils.date(undefined, timezone);
-  const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(disableIgnoringDatePartForTimeValidation, adapter.utils);
+  const now = adapter.date(undefined, timezone);
+  const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(disableIgnoringDatePartForTimeValidation, adapter);
   switch (true) {
-    case !adapter.utils.isValid(value):
+    case !adapter.isValid(value):
       return 'invalidDate';
     case Boolean(minTime && isAfter(minTime, value)):
       return 'minTime';
     case Boolean(maxTime && isAfter(value, maxTime)):
       return 'maxTime';
-    case Boolean(disableFuture && adapter.utils.isAfter(value, now)):
+    case Boolean(disableFuture && adapter.isAfter(value, now)):
       return 'disableFuture';
-    case Boolean(disablePast && adapter.utils.isBefore(value, now)):
+    case Boolean(disablePast && adapter.isBefore(value, now)):
       return 'disablePast';
     case Boolean(shouldDisableTime && shouldDisableTime(value, 'hours')):
       return 'shouldDisableTime-hours';
@@ -55,7 +55,7 @@ const validateTime = ({
       return 'shouldDisableTime-minutes';
     case Boolean(shouldDisableTime && shouldDisableTime(value, 'seconds')):
       return 'shouldDisableTime-seconds';
-    case Boolean(minutesStep && adapter.utils.getMinutes(value) % minutesStep !== 0):
+    case Boolean(minutesStep && adapter.getMinutes(value) % minutesStep !== 0):
       return 'minutesStep';
     default:
       return null;