@mui/x-date-pickers 8.0.0-alpha.6 → 8.0.0-alpha.8

package/modern/managers/index.js

@@ -0,0 +1,3 @@
+export { useDateManager } from "./useDateManager.js";
+export { useTimeManager } from "./useTimeManager.js";
+export { useDateTimeManager } from "./useDateTimeManager.js";

package/modern/managers/useDateManager.js

@@ -0,0 +1,55 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { applyDefaultDate } from "../internals/utils/date-utils.js";
+import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
+import { validateDate } from "../validation/index.js";
+export function useDateManager(parameters = {}) {
+  const {
+    enableAccessibleFieldDOMStructure = true
+  } = parameters;
+  return React.useMemo(() => ({
+    valueType: 'date',
+    validator: validateDate,
+    internal_valueManager: singleItemValueManager,
+    internal_fieldValueManager: singleItemFieldValueManager,
+    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
+    internal_applyDefaultsToFieldInternalProps: ({
+      internalProps,
+      utils,
+      defaultDates
+    }) => _extends({}, internalProps, getDateFieldInternalPropsDefaults({
+      defaultDates,
+      utils,
+      internalProps
+    })),
+    internal_getOpenPickerButtonAriaLabel: ({
+      value,
+      utils,
+      localeText
+    }) => {
+      const formattedValue = utils.isValid(value) ? utils.format(value, 'fullDate') : null;
+      return localeText.openDatePickerDialogue(formattedValue);
+    }
+  }), [enableAccessibleFieldDOMStructure]);
+}
+
+/**
+ * Private utility function to get the default internal props for the fields with date editing.
+ * Is used by the `useDateManager` and `useDateRangeManager` hooks.
+ */
+export function getDateFieldInternalPropsDefaults(parameters) {
+  const {
+    defaultDates,
+    utils,
+    internalProps
+  } = parameters;
+  return {
+    format: internalProps.format ?? utils.formats.keyboardDate,
+    disablePast: internalProps.disablePast ?? false,
+    disableFuture: internalProps.disableFuture ?? false,
+    minDate: applyDefaultDate(utils, internalProps.minDate, defaultDates.minDate),
+    maxDate: applyDefaultDate(utils, internalProps.maxDate, defaultDates.maxDate)
+  };
+}

package/modern/managers/useDateTimeManager.js

@@ -0,0 +1,60 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { applyDefaultDate } from "../internals/utils/date-utils.js";
+import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
+import { validateDateTime } from "../validation/index.js";
+export function useDateTimeManager(parameters = {}) {
+  const {
+    enableAccessibleFieldDOMStructure = true
+  } = parameters;
+  return React.useMemo(() => ({
+    valueType: 'date-time',
+    validator: validateDateTime,
+    internal_valueManager: singleItemValueManager,
+    internal_fieldValueManager: singleItemFieldValueManager,
+    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
+    internal_applyDefaultsToFieldInternalProps: ({
+      internalProps,
+      utils,
+      defaultDates
+    }) => _extends({}, internalProps, getDateTimeFieldInternalPropsDefaults({
+      internalProps,
+      utils,
+      defaultDates
+    })),
+    internal_getOpenPickerButtonAriaLabel: ({
+      value,
+      utils,
+      localeText
+    }) => {
+      const formattedValue = utils.isValid(value) ? utils.format(value, 'fullDate') : null;
+      return localeText.openDatePickerDialogue(formattedValue);
+    }
+  }), [enableAccessibleFieldDOMStructure]);
+}
+
+/**
+ * Private utility function to get the default internal props for the field with date time editing.
+ * Is used by the `useDateTimeManager` and `useDateTimeRangeManager` hooks.
+ */
+export function getDateTimeFieldInternalPropsDefaults(parameters) {
+  const {
+    defaultDates,
+    utils,
+    internalProps
+  } = parameters;
+  const ampm = internalProps.ampm ?? utils.is12HourCycleInCurrentLocale();
+  const defaultFormat = ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h;
+  return {
+    disablePast: internalProps.disablePast ?? false,
+    disableFuture: internalProps.disableFuture ?? false,
+    format: internalProps.format ?? defaultFormat,
+    disableIgnoringDatePartForTimeValidation: Boolean(internalProps.minDateTime || internalProps.maxDateTime),
+    minDate: applyDefaultDate(utils, internalProps.minDateTime ?? internalProps.minDate, defaultDates.minDate),
+    maxDate: applyDefaultDate(utils, internalProps.maxDateTime ?? internalProps.maxDate, defaultDates.maxDate),
+    minTime: internalProps.minDateTime ?? internalProps.minTime,
+    maxTime: internalProps.maxDateTime ?? internalProps.maxTime
+  };
+}

package/modern/managers/useTimeManager.js

@@ -0,0 +1,51 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
+import { validateTime } from "../validation/index.js";
+export function useTimeManager(parameters = {}) {
+  const {
+    enableAccessibleFieldDOMStructure = true
+  } = parameters;
+  return React.useMemo(() => ({
+    valueType: 'time',
+    validator: validateTime,
+    internal_valueManager: singleItemValueManager,
+    internal_fieldValueManager: singleItemFieldValueManager,
+    internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
+    internal_applyDefaultsToFieldInternalProps: ({
+      internalProps,
+      utils
+    }) => _extends({}, internalProps, getTimeFieldInternalPropsDefaults({
+      utils,
+      internalProps
+    })),
+    internal_getOpenPickerButtonAriaLabel: ({
+      value,
+      utils,
+      localeText
+    }) => {
+      const formattedValue = utils.isValid(value) ? utils.format(value, 'fullTime') : null;
+      return localeText.openTimePickerDialogue(formattedValue);
+    }
+  }), [enableAccessibleFieldDOMStructure]);
+}
+
+/**
+ * Private utility function to get the default internal props for the fields with time editing.
+ * Is used by the `useTimeManager` and `useTimeRangeManager` hooks.
+ */
+export function getTimeFieldInternalPropsDefaults(parameters) {
+  const {
+    utils,
+    internalProps
+  } = parameters;
+  const ampm = internalProps.ampm ?? utils.is12HourCycleInCurrentLocale();
+  const defaultFormat = ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h;
+  return {
+    disablePast: internalProps.disablePast ?? false,
+    disableFuture: internalProps.disableFuture ?? false,
+    format: internalProps.format ?? defaultFormat
+  };
+}

package/modern/models/index.js

@@ -5,6 +5,7 @@ export * from "./views.js";
 export * from "./adapters.js";
 export * from "./common.js";
 export * from "./pickers.js";
+export * from "./manager.js";
 
 // Utils shared across the X packages
 export {};

package/modern/models/manager.js

@@ -0,0 +1 @@
+export {};

package/node/AdapterDateFns/AdapterDateFns.js

@@ -1,59 +1,55 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AdapterDateFns = void 0;
-var _addDays = _interopRequireDefault(require("date-fns/addDays"));
-var _addSeconds = _interopRequireDefault(require("date-fns/addSeconds"));
-var _addMinutes = _interopRequireDefault(require("date-fns/addMinutes"));
-var _addHours = _interopRequireDefault(require("date-fns/addHours"));
-var _addWeeks = _interopRequireDefault(require("date-fns/addWeeks"));
-var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
-var _addYears = _interopRequireDefault(require("date-fns/addYears"));
-var _endOfDay = _interopRequireDefault(require("date-fns/endOfDay"));
-var _endOfWeek = _interopRequireDefault(require("date-fns/endOfWeek"));
-var _endOfYear = _interopRequireDefault(require("date-fns/endOfYear"));
-var _format = _interopRequireDefault(require("date-fns/format"));
-var _getDate = _interopRequireDefault(require("date-fns/getDate"));
-var _getDaysInMonth = _interopRequireDefault(require("date-fns/getDaysInMonth"));
-var _getHours = _interopRequireDefault(require("date-fns/getHours"));
-var _getMinutes = _interopRequireDefault(require("date-fns/getMinutes"));
-var _getMonth = _interopRequireDefault(require("date-fns/getMonth"));
-var _getSeconds = _interopRequireDefault(require("date-fns/getSeconds"));
-var _getMilliseconds = _interopRequireDefault(require("date-fns/getMilliseconds"));
-var _getWeek = _interopRequireDefault(require("date-fns/getWeek"));
-var _getYear = _interopRequireDefault(require("date-fns/getYear"));
-var _isAfter = _interopRequireDefault(require("date-fns/isAfter"));
-var _isBefore = _interopRequireDefault(require("date-fns/isBefore"));
-var _isEqual = _interopRequireDefault(require("date-fns/isEqual"));
-var _isSameDay = _interopRequireDefault(require("date-fns/isSameDay"));
-var _isSameYear = _interopRequireDefault(require("date-fns/isSameYear"));
-var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
-var _isSameHour = _interopRequireDefault(require("date-fns/isSameHour"));
-var _isValid = _interopRequireDefault(require("date-fns/isValid"));
-var _parse = _interopRequireDefault(require("date-fns/parse"));
-var _setDate = _interopRequireDefault(require("date-fns/setDate"));
-var _setHours = _interopRequireDefault(require("date-fns/setHours"));
-var _setMinutes = _interopRequireDefault(require("date-fns/setMinutes"));
-var _setMonth = _interopRequireDefault(require("date-fns/setMonth"));
-var _setSeconds = _interopRequireDefault(require("date-fns/setSeconds"));
-var _setMilliseconds = _interopRequireDefault(require("date-fns/setMilliseconds"));
-var _setYear = _interopRequireDefault(require("date-fns/setYear"));
-var _startOfDay = _interopRequireDefault(require("date-fns/startOfDay"));
-var _startOfMonth = _interopRequireDefault(require("date-fns/startOfMonth"));
-var _endOfMonth = _interopRequireDefault(require("date-fns/endOfMonth"));
-var _startOfWeek = _interopRequireDefault(require("date-fns/startOfWeek"));
-var _startOfYear = _interopRequireDefault(require("date-fns/startOfYear"));
-var _isWithinInterval = _interopRequireDefault(require("date-fns/isWithinInterval"));
-var _enUS = _interopRequireDefault(require("date-fns/locale/en-US"));
-var _longFormatters = _interopRequireDefault(require("date-fns/_lib/format/longFormatters"));
+var _addDays = require("date-fns/addDays");
+var _addSeconds = require("date-fns/addSeconds");
+var _addMinutes = require("date-fns/addMinutes");
+var _addHours = require("date-fns/addHours");
+var _addWeeks = require("date-fns/addWeeks");
+var _addMonths = require("date-fns/addMonths");
+var _addYears = require("date-fns/addYears");
+var _endOfDay = require("date-fns/endOfDay");
+var _endOfWeek = require("date-fns/endOfWeek");
+var _endOfYear = require("date-fns/endOfYear");
+var _format = require("date-fns/format");
+var _getDate = require("date-fns/getDate");
+var _getDaysInMonth = require("date-fns/getDaysInMonth");
+var _getHours = require("date-fns/getHours");
+var _getMinutes = require("date-fns/getMinutes");
+var _getMonth = require("date-fns/getMonth");
+var _getSeconds = require("date-fns/getSeconds");
+var _getMilliseconds = require("date-fns/getMilliseconds");
+var _getWeek = require("date-fns/getWeek");
+var _getYear = require("date-fns/getYear");
+var _isAfter = require("date-fns/isAfter");
+var _isBefore = require("date-fns/isBefore");
+var _isEqual = require("date-fns/isEqual");
+var _isSameDay = require("date-fns/isSameDay");
+var _isSameYear = require("date-fns/isSameYear");
+var _isSameMonth = require("date-fns/isSameMonth");
+var _isSameHour = require("date-fns/isSameHour");
+var _isValid = require("date-fns/isValid");
+var _parse = require("date-fns/parse");
+var _setDate = require("date-fns/setDate");
+var _setHours = require("date-fns/setHours");
+var _setMinutes = require("date-fns/setMinutes");
+var _setMonth = require("date-fns/setMonth");
+var _setSeconds = require("date-fns/setSeconds");
+var _setMilliseconds = require("date-fns/setMilliseconds");
+var _setYear = require("date-fns/setYear");
+var _startOfDay = require("date-fns/startOfDay");
+var _startOfMonth = require("date-fns/startOfMonth");
+var _endOfMonth = require("date-fns/endOfMonth");
+var _startOfWeek = require("date-fns/startOfWeek");
+var _startOfYear = require("date-fns/startOfYear");
+var _isWithinInterval = require("date-fns/isWithinInterval");
+var _enUS = require("date-fns/locale/en-US");
 var _AdapterDateFnsBase = require("../AdapterDateFnsBase");
 /* eslint-disable class-methods-use-this */
 
-// @ts-ignore
-
 /**
  * Based on `@date-io/date-fns`
  *
@@ -86,20 +82,24 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
   } = {}) {
     /* istanbul ignore next */
     if (process.env.NODE_ENV !== 'production') {
-      if (typeof _addDays.default !== 'function') {
-        throw new Error(['MUI: This adapter is only compatible with `date-fns` v2.x package versions.', 'Please, install v2.x of the package or use the `AdapterDateFnsV3` instead.'].join('\n'));
+      if (typeof _addDays.addDays !== 'function') {
+        throw new Error(['MUI: The `date-fns` package v2.x is not compatible with this adapter.', 'Please, install v3.x or v4.x of the package or use the `AdapterDateFnsV2` instead.'].join('\n'));
+      }
+      if (!_format.longFormatters) {
+        throw new Error('MUI: The minimum supported `date-fns` package version compatible with this adapter is `3.2.x`.');
       }
     }
     super({
-      locale: locale ?? _enUS.default,
+      locale: locale ?? _enUS.enUS,
       formats,
-      longFormatters: _longFormatters.default
+      longFormatters: _format.longFormatters
     });
+    // TODO: explicit return types can be removed once there is only one date-fns version supported
     this.parse = (value, format) => {
       if (value === '') {
         return null;
       }
-      return (0, _parse.default)(value, format, new Date(), {
+      return (0, _parse.parse)(value, format, new Date(), {
         locale: this.locale
       });
     };
@@ -107,13 +107,13 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
       if (value == null) {
         return false;
       }
-      return (0, _isValid.default)(value);
+      return (0, _isValid.isValid)(value);
     };
     this.format = (value, formatKey) => {
       return this.formatByString(value, this.formats[formatKey]);
     };
     this.formatByString = (value, formatString) => {
-      return (0, _format.default)(value, formatString, {
+      return (0, _format.format)(value, formatString, {
         locale: this.locale
       });
     };
@@ -124,137 +124,137 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
       if (value === null || comparing === null) {
         return false;
       }
-      return (0, _isEqual.default)(value, comparing);
+      return (0, _isEqual.isEqual)(value, comparing);
     };
     this.isSameYear = (value, comparing) => {
-      return (0, _isSameYear.default)(value, comparing);
+      return (0, _isSameYear.isSameYear)(value, comparing);
     };
     this.isSameMonth = (value, comparing) => {
-      return (0, _isSameMonth.default)(value, comparing);
+      return (0, _isSameMonth.isSameMonth)(value, comparing);
     };
     this.isSameDay = (value, comparing) => {
-      return (0, _isSameDay.default)(value, comparing);
+      return (0, _isSameDay.isSameDay)(value, comparing);
     };
     this.isSameHour = (value, comparing) => {
-      return (0, _isSameHour.default)(value, comparing);
+      return (0, _isSameHour.isSameHour)(value, comparing);
     };
     this.isAfter = (value, comparing) => {
-      return (0, _isAfter.default)(value, comparing);
+      return (0, _isAfter.isAfter)(value, comparing);
     };
     this.isAfterYear = (value, comparing) => {
-      return (0, _isAfter.default)(value, (0, _endOfYear.default)(comparing));
+      return (0, _isAfter.isAfter)(value, (0, _endOfYear.endOfYear)(comparing));
     };
     this.isAfterDay = (value, comparing) => {
-      return (0, _isAfter.default)(value, (0, _endOfDay.default)(comparing));
+      return (0, _isAfter.isAfter)(value, (0, _endOfDay.endOfDay)(comparing));
     };
     this.isBefore = (value, comparing) => {
-      return (0, _isBefore.default)(value, comparing);
+      return (0, _isBefore.isBefore)(value, comparing);
     };
     this.isBeforeYear = (value, comparing) => {
-      return (0, _isBefore.default)(value, this.startOfYear(comparing));
+      return (0, _isBefore.isBefore)(value, this.startOfYear(comparing));
     };
     this.isBeforeDay = (value, comparing) => {
-      return (0, _isBefore.default)(value, this.startOfDay(comparing));
+      return (0, _isBefore.isBefore)(value, this.startOfDay(comparing));
     };
     this.isWithinRange = (value, [start, end]) => {
-      return (0, _isWithinInterval.default)(value, {
+      return (0, _isWithinInterval.isWithinInterval)(value, {
         start,
         end
       });
     };
     this.startOfYear = value => {
-      return (0, _startOfYear.default)(value);
+      return (0, _startOfYear.startOfYear)(value);
     };
     this.startOfMonth = value => {
-      return (0, _startOfMonth.default)(value);
+      return (0, _startOfMonth.startOfMonth)(value);
     };
     this.startOfWeek = value => {
-      return (0, _startOfWeek.default)(value, {
+      return (0, _startOfWeek.startOfWeek)(value, {
         locale: this.locale
       });
     };
     this.startOfDay = value => {
-      return (0, _startOfDay.default)(value);
+      return (0, _startOfDay.startOfDay)(value);
     };
     this.endOfYear = value => {
-      return (0, _endOfYear.default)(value);
+      return (0, _endOfYear.endOfYear)(value);
     };
     this.endOfMonth = value => {
-      return (0, _endOfMonth.default)(value);
+      return (0, _endOfMonth.endOfMonth)(value);
     };
     this.endOfWeek = value => {
-      return (0, _endOfWeek.default)(value, {
+      return (0, _endOfWeek.endOfWeek)(value, {
         locale: this.locale
       });
     };
     this.endOfDay = value => {
-      return (0, _endOfDay.default)(value);
+      return (0, _endOfDay.endOfDay)(value);
     };
     this.addYears = (value, amount) => {
-      return (0, _addYears.default)(value, amount);
+      return (0, _addYears.addYears)(value, amount);
     };
     this.addMonths = (value, amount) => {
-      return (0, _addMonths.default)(value, amount);
+      return (0, _addMonths.addMonths)(value, amount);
     };
     this.addWeeks = (value, amount) => {
-      return (0, _addWeeks.default)(value, amount);
+      return (0, _addWeeks.addWeeks)(value, amount);
     };
     this.addDays = (value, amount) => {
-      return (0, _addDays.default)(value, amount);
+      return (0, _addDays.addDays)(value, amount);
     };
     this.addHours = (value, amount) => {
-      return (0, _addHours.default)(value, amount);
+      return (0, _addHours.addHours)(value, amount);
     };
     this.addMinutes = (value, amount) => {
-      return (0, _addMinutes.default)(value, amount);
+      return (0, _addMinutes.addMinutes)(value, amount);
     };
     this.addSeconds = (value, amount) => {
-      return (0, _addSeconds.default)(value, amount);
+      return (0, _addSeconds.addSeconds)(value, amount);
     };
     this.getYear = value => {
-      return (0, _getYear.default)(value);
+      return (0, _getYear.getYear)(value);
     };
     this.getMonth = value => {
-      return (0, _getMonth.default)(value);
+      return (0, _getMonth.getMonth)(value);
     };
     this.getDate = value => {
-      return (0, _getDate.default)(value);
+      return (0, _getDate.getDate)(value);
     };
     this.getHours = value => {
-      return (0, _getHours.default)(value);
+      return (0, _getHours.getHours)(value);
     };
     this.getMinutes = value => {
-      return (0, _getMinutes.default)(value);
+      return (0, _getMinutes.getMinutes)(value);
     };
     this.getSeconds = value => {
-      return (0, _getSeconds.default)(value);
+      return (0, _getSeconds.getSeconds)(value);
     };
     this.getMilliseconds = value => {
-      return (0, _getMilliseconds.default)(value);
+      return (0, _getMilliseconds.getMilliseconds)(value);
     };
     this.setYear = (value, year) => {
-      return (0, _setYear.default)(value, year);
+      return (0, _setYear.setYear)(value, year);
     };
     this.setMonth = (value, month) => {
-      return (0, _setMonth.default)(value, month);
+      return (0, _setMonth.setMonth)(value, month);
     };
     this.setDate = (value, date) => {
-      return (0, _setDate.default)(value, date);
+      return (0, _setDate.setDate)(value, date);
     };
     this.setHours = (value, hours) => {
-      return (0, _setHours.default)(value, hours);
+      return (0, _setHours.setHours)(value, hours);
     };
     this.setMinutes = (value, minutes) => {
-      return (0, _setMinutes.default)(value, minutes);
+      return (0, _setMinutes.setMinutes)(value, minutes);
     };
     this.setSeconds = (value, seconds) => {
-      return (0, _setSeconds.default)(value, seconds);
+      return (0, _setSeconds.setSeconds)(value, seconds);
     };
     this.setMilliseconds = (value, milliseconds) => {
-      return (0, _setMilliseconds.default)(value, milliseconds);
+      return (0, _setMilliseconds.setMilliseconds)(value, milliseconds);
     };
     this.getDaysInMonth = value => {
-      return (0, _getDaysInMonth.default)(value);
+      return (0, _getDaysInMonth.getDaysInMonth)(value);
     };
     this.getWeekArray = value => {
       const start = this.startOfWeek(this.startOfMonth(value));
@@ -272,7 +272,7 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
       return nestedWeeks;
     };
     this.getWeekNumber = value => {
-      return (0, _getWeek.default)(value, {
+      return (0, _getWeek.getWeek)(value, {
         locale: this.locale
       });
     };