@mui/x-date-pickers 7.0.0-alpha.7 → 7.0.0-alpha.9

package/node/AdapterDateFnsV3/AdapterDateFnsV3.js

@@ -0,0 +1,295 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdapterDateFns = void 0;
+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 */
+// TODO remove when date-fns-v3 is the default
+// @ts-nocheck
+
+// @ts-ignore TODO remove when date-fns-v3 is the default
+
+// date-fns v2 does not export types
+// @ts-ignore TODO remove when date-fns-v3 is the default
+
+/**
+ * Based on `@date-io/date-fns`
+ *
+ * MIT License
+ *
+ * Copyright (c) 2017 Dmitriy Kovalenko
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
+  constructor({
+    locale,
+    formats
+  } = {}) {
+    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 of the package or use the `AdapterDateFns` 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.enUS,
+      formats,
+      longFormatters: _format.longFormatters
+    });
+    this.parse = (value, format) => {
+      if (value === '') {
+        return null;
+      }
+      return (0, _parse.parse)(value, format, new Date(), {
+        locale: this.locale
+      });
+    };
+    this.isValid = value => {
+      if (value == null) {
+        return false;
+      }
+      return (0, _isValid.isValid)(value);
+    };
+    this.format = (value, formatKey) => {
+      return this.formatByString(value, this.formats[formatKey]);
+    };
+    this.formatByString = (value, formatString) => {
+      return (0, _format.format)(value, formatString, {
+        locale: this.locale
+      });
+    };
+    this.isEqual = (value, comparing) => {
+      if (value === null && comparing === null) {
+        return true;
+      }
+      if (value === null || comparing === null) {
+        return false;
+      }
+      return (0, _isEqual.isEqual)(value, comparing);
+    };
+    this.isSameYear = (value, comparing) => {
+      return (0, _isSameYear.isSameYear)(value, comparing);
+    };
+    this.isSameMonth = (value, comparing) => {
+      return (0, _isSameMonth.isSameMonth)(value, comparing);
+    };
+    this.isSameDay = (value, comparing) => {
+      return (0, _isSameDay.isSameDay)(value, comparing);
+    };
+    this.isSameHour = (value, comparing) => {
+      return (0, _isSameHour.isSameHour)(value, comparing);
+    };
+    this.isAfter = (value, comparing) => {
+      return (0, _isAfter.isAfter)(value, comparing);
+    };
+    this.isAfterYear = (value, comparing) => {
+      return (0, _isAfter.isAfter)(value, (0, _endOfYear.endOfYear)(comparing));
+    };
+    this.isAfterDay = (value, comparing) => {
+      return (0, _isAfter.isAfter)(value, (0, _endOfDay.endOfDay)(comparing));
+    };
+    this.isBefore = (value, comparing) => {
+      return (0, _isBefore.isBefore)(value, comparing);
+    };
+    this.isBeforeYear = (value, comparing) => {
+      return (0, _isBefore.isBefore)(value, this.startOfYear(comparing));
+    };
+    this.isBeforeDay = (value, comparing) => {
+      return (0, _isBefore.isBefore)(value, this.startOfDay(comparing));
+    };
+    this.isWithinRange = (value, [start, end]) => {
+      return (0, _isWithinInterval.isWithinInterval)(value, {
+        start,
+        end
+      });
+    };
+    this.startOfYear = value => {
+      return (0, _startOfYear.startOfYear)(value);
+    };
+    this.startOfMonth = value => {
+      return (0, _startOfMonth.startOfMonth)(value);
+    };
+    this.startOfWeek = value => {
+      return (0, _startOfWeek.startOfWeek)(value, {
+        locale: this.locale
+      });
+    };
+    this.startOfDay = value => {
+      return (0, _startOfDay.startOfDay)(value);
+    };
+    this.endOfYear = value => {
+      return (0, _endOfYear.endOfYear)(value);
+    };
+    this.endOfMonth = value => {
+      return (0, _endOfMonth.endOfMonth)(value);
+    };
+    this.endOfWeek = value => {
+      return (0, _endOfWeek.endOfWeek)(value, {
+        locale: this.locale
+      });
+    };
+    this.endOfDay = value => {
+      return (0, _endOfDay.endOfDay)(value);
+    };
+    this.addYears = (value, amount) => {
+      return (0, _addYears.addYears)(value, amount);
+    };
+    this.addMonths = (value, amount) => {
+      return (0, _addMonths.addMonths)(value, amount);
+    };
+    this.addWeeks = (value, amount) => {
+      return (0, _addWeeks.addWeeks)(value, amount);
+    };
+    this.addDays = (value, amount) => {
+      return (0, _addDays.addDays)(value, amount);
+    };
+    this.addHours = (value, amount) => {
+      return (0, _addHours.addHours)(value, amount);
+    };
+    this.addMinutes = (value, amount) => {
+      return (0, _addMinutes.addMinutes)(value, amount);
+    };
+    this.addSeconds = (value, amount) => {
+      return (0, _addSeconds.addSeconds)(value, amount);
+    };
+    this.getYear = value => {
+      return (0, _getYear.getYear)(value);
+    };
+    this.getMonth = value => {
+      return (0, _getMonth.getMonth)(value);
+    };
+    this.getDate = value => {
+      return (0, _getDate.getDate)(value);
+    };
+    this.getHours = value => {
+      return (0, _getHours.getHours)(value);
+    };
+    this.getMinutes = value => {
+      return (0, _getMinutes.getMinutes)(value);
+    };
+    this.getSeconds = value => {
+      return (0, _getSeconds.getSeconds)(value);
+    };
+    this.getMilliseconds = value => {
+      return (0, _getMilliseconds.getMilliseconds)(value);
+    };
+    this.setYear = (value, year) => {
+      return (0, _setYear.setYear)(value, year);
+    };
+    this.setMonth = (value, month) => {
+      return (0, _setMonth.setMonth)(value, month);
+    };
+    this.setDate = (value, date) => {
+      return (0, _setDate.setDate)(value, date);
+    };
+    this.setHours = (value, hours) => {
+      return (0, _setHours.setHours)(value, hours);
+    };
+    this.setMinutes = (value, minutes) => {
+      return (0, _setMinutes.setMinutes)(value, minutes);
+    };
+    this.setSeconds = (value, seconds) => {
+      return (0, _setSeconds.setSeconds)(value, seconds);
+    };
+    this.setMilliseconds = (value, milliseconds) => {
+      return (0, _setMilliseconds.setMilliseconds)(value, milliseconds);
+    };
+    this.getDaysInMonth = value => {
+      return (0, _getDaysInMonth.getDaysInMonth)(value);
+    };
+    this.getWeekArray = value => {
+      const start = this.startOfWeek(this.startOfMonth(value));
+      const end = this.endOfWeek(this.endOfMonth(value));
+      let count = 0;
+      let current = start;
+      const nestedWeeks = [];
+      while (this.isBefore(current, end)) {
+        const weekNumber = Math.floor(count / 7);
+        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
+        nestedWeeks[weekNumber].push(current);
+        current = this.addDays(current, 1);
+        count += 1;
+      }
+      return nestedWeeks;
+    };
+    this.getWeekNumber = value => {
+      return (0, _getWeek.getWeek)(value, {
+        locale: this.locale
+      });
+    };
+    this.getYearRange = ([start, end]) => {
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
+      const years = [];
+      let current = startDate;
+      while (this.isBefore(current, endDate)) {
+        years.push(current);
+        current = this.addYears(current, 1);
+      }
+      return years;
+    };
+  }
+}
+exports.AdapterDateFns = AdapterDateFns;

package/node/AdapterDateFnsV3/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AdapterDateFns", {
+  enumerable: true,
+  get: function () {
+    return _AdapterDateFnsV.AdapterDateFns;
+  }
+});
+var _AdapterDateFnsV = require("./AdapterDateFnsV3");

package/node/AdapterLuxon/AdapterLuxon.js

@@ -345,10 +345,7 @@ class AdapterLuxon {
       return value.startOf('month');
     };
     this.startOfWeek = value => {
-      return value.startOf('week',
-      // TODO: remove when `@types/luxon` add support for the parameter.
-      // @ts-ignore
-      {
+      return value.startOf('week', {
         useLocaleWeeks: true
       });
     };
@@ -362,10 +359,7 @@ class AdapterLuxon {
       return value.endOf('month');
     };
     this.endOfWeek = value => {
-      return value.endOf('week',
-      // TODO: remove when `@types/luxon` add support for the parameter.
-      // @ts-ignore
-      {
+      return value.endOf('week', {
         useLocaleWeeks: true
       });
     };
@@ -487,9 +481,7 @@ class AdapterLuxon {
       return weeks;
     };
     this.getWeekNumber = value => {
-      // TODO: remove when `@types/luxon` add support for the parameter.
-      // @ts-ignore
-      return value.localeWeekNumber ?? value.weekNumber;
+      return value.localWeekNumber ?? value.weekNumber;
     };
     this.getYearRange = ([start, end]) => {
       const startDate = this.startOfYear(start);

package/node/DatePicker/DatePicker.js

@@ -64,9 +64,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/DatePicker/DatePickerToolbar.js

@@ -35,10 +35,6 @@ const DatePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
 })({});
-
-/**
- * @ignore - do not document.
- */
 const DatePickerToolbarTitle = (0, _styles.styled)(_Typography.default, {
   name: 'MuiDatePickerToolbar',
   slot: 'Title',
@@ -106,9 +102,6 @@ process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root component.
-   */
   className: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   /**

package/node/DateTimePicker/DateTimePicker.js

@@ -74,9 +74,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -316,9 +316,6 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root component.
-   */
   className: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   /**

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -85,9 +85,6 @@ DesktopDatePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -133,9 +133,6 @@ DesktopDateTimePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -116,9 +116,6 @@ DesktopTimePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/DigitalClock/DigitalClock.js

@@ -426,6 +426,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
   view: _propTypes.default.oneOf(['hours']),
   /**
    * Available views.
+   * @default ['hours']
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours']))
 } : void 0;

package/node/LocalizationProvider/LocalizationProvider.js

@@ -70,7 +70,7 @@ const LocalizationProvider = exports.LocalizationProvider = function Localizatio
       instance: dateLibInstance
     });
     if (!adapter.isMUIAdapter) {
-      throw new Error(['MUI: 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/getting-started/#installation'].join(`\n`));
+      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/getting-started/#installation'].join(`\n`));
     }
     return adapter;
   }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentUtils]);

package/node/MobileDatePicker/MobileDatePicker.js

@@ -82,9 +82,6 @@ MobileDatePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -102,9 +102,6 @@ MobileDateTimePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/MobileTimePicker/MobileTimePicker.js

@@ -95,9 +95,6 @@ MobileTimePicker.propTypes = {
    * - the `input` element if there is a field rendered.
    */
   autoFocus: _propTypes.default.bool,
-  /**
-   * Class name applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * If `true`, the popover or modal will close after submitting the full date.

package/node/MonthCalendar/MonthCalendar.js

@@ -249,9 +249,6 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * The default selected value.

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -495,6 +495,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
   view: _propTypes.default.oneOf(['hours', 'meridiem', 'minutes', 'seconds']),
   /**
    * Available views.
+   * @default ['hours', 'minutes']
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -238,9 +238,6 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root element.
-   */
   className: _propTypes.default.string,
   currentMonth: _propTypes.default.any.isRequired,
   disabled: _propTypes.default.bool,

package/node/PickersSectionList/PickersSectionList.js

@@ -13,6 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/base/utils");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _styles = require("@mui/material/styles");
 var _pickersSectionListClasses = require("./pickersSectionListClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps", "elements", "sectionListRef"];
@@ -112,7 +113,11 @@ function PickersSection(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorBeforeProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionContent, (0, _extends2.default)({}, sectionContentProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionSeparator, (0, _extends2.default)({}, sectionSeparatorAfterProps))]
   }));
 }
-const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSectionList(props, ref) {
+const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSectionList(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickersSectionList'
+  });
   const {
       slots,
       slotProps,
@@ -125,7 +130,7 @@ const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwa
   const handleRootRef = (0, _useForkRef.default)(ref, rootRef);
   const getRoot = methodName => {
     if (!rootRef.current) {
-      throw new Error(`MUI: Cannot call sectionListRef.${methodName} before the mount of the component`);
+      throw new Error(`MUI X: Cannot call sectionListRef.${methodName} before the mount of the component.`);
     }
     return rootRef.current;
   };