@mui/x-date-pickers 7.0.0-alpha.0 → 7.0.0-alpha.1

package/node/AdapterMoment/AdapterMoment.js

@@ -117,19 +117,13 @@ const defaultFormats = {
   minutes: 'mm',
   seconds: 'ss',
   fullDate: 'll',
-  fullDateWithWeekday: 'dddd, LL',
   keyboardDate: 'L',
   shortDate: 'MMM D',
   normalDate: 'D MMMM',
   normalDateWithWeekday: 'ddd, MMM D',
-  monthAndYear: 'MMMM YYYY',
-  monthAndDate: 'MMMM D',
   fullTime: 'LT',
   fullTime12h: 'hh:mm A',
   fullTime24h: 'HH:mm',
-  fullDateTime: 'lll',
-  fullDateTime12h: 'll hh:mm A',
-  fullDateTime24h: 'll HH:mm',
   keyboardDateTime: 'L LT',
   keyboardDateTime12h: 'L hh:mm A',
   keyboardDateTime24h: 'L HH:mm'
@@ -185,21 +179,6 @@ class AdapterMoment {
       }
       return value.locale(expectedLocale);
     };
-    /**
-     * Some methods from moment can't take the locale as a parameter and always use the current locale.
-     * To respect the adapter locale, we need to set it as the current locale and then reset the previous locale.
-     */
-    this.syncMomentLocale = runner => {
-      const momentLocale = _moment.default.locale();
-      const adapterLocale = this.locale ?? 'en-us';
-      if (momentLocale !== adapterLocale) {
-        _moment.default.locale(adapterLocale);
-        const result = runner();
-        _moment.default.locale(momentLocale);
-        return result;
-      }
-      return runner();
-    };
     this.hasTimezonePlugin = () => typeof this.moment.tz !== 'undefined';
     this.createSystemDate = value => {
       const parsedValue = this.moment(value).local();
@@ -285,12 +264,6 @@ class AdapterMoment {
     this.toJsDate = value => {
       return value.toDate();
     };
-    this.parseISO = isoString => {
-      return this.moment(isoString, true);
-    };
-    this.toISO = value => {
-      return value.toISOString();
-    };
     this.parse = (value, format) => {
       if (value === '') {
         return null;
@@ -317,14 +290,11 @@ class AdapterMoment {
         return token;
       }).join('');
     };
-    this.getFormatHelperText = format => {
-      return this.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
-    };
-    this.isNull = value => {
-      return value === null;
-    };
     this.isValid = value => {
-      return this.moment(value).isValid();
+      if (value == null) {
+        return false;
+      }
+      return value.isValid();
     };
     this.format = (value, formatKey) => {
       return this.formatByString(value, this.formats[formatKey]);
@@ -337,14 +307,14 @@ class AdapterMoment {
     this.formatNumber = numberToFormat => {
       return numberToFormat;
     };
-    this.getDiff = (value, comparing, unit) => {
-      return value.diff(comparing, unit);
-    };
     this.isEqual = (value, comparing) => {
       if (value === null && comparing === null) {
         return true;
       }
-      return this.moment(value).isSame(comparing);
+      if (value === null || comparing === null) {
+        return false;
+      }
+      return value.isSame(comparing);
     };
     this.isSameYear = (value, comparing) => {
       return value.isSame(comparing, 'year');
@@ -469,25 +439,6 @@ class AdapterMoment {
     this.getDaysInMonth = value => {
       return value.daysInMonth();
     };
-    this.getNextMonth = value => {
-      return value.clone().add(1, 'month');
-    };
-    this.getPreviousMonth = value => {
-      return value.clone().subtract(1, 'month');
-    };
-    this.getMonthArray = value => {
-      const firstMonth = this.startOfYear(value);
-      const monthArray = [firstMonth];
-      while (monthArray.length < 12) {
-        const prevMonth = monthArray[monthArray.length - 1];
-        monthArray.push(this.getNextMonth(prevMonth));
-      }
-      return monthArray;
-    };
-    this.mergeDateAndTime = (dateParam, timeParam) => {
-      return dateParam.clone().hour(timeParam.hour()).minute(timeParam.minute()).second(timeParam.second());
-    };
-    this.getWeekdays = () => this.syncMomentLocale(() => _moment.default.weekdaysShort(true));
     this.getWeekArray = value => {
       const cleanValue = this.setLocaleToValue(value);
       const start = cleanValue.clone().startOf('month').startOf('week');
@@ -507,7 +458,7 @@ class AdapterMoment {
     this.getWeekNumber = value => {
       return value.week();
     };
-    this.getYearRange = (start, end) => {
+    this.getYearRange = ([start, end]) => {
       const startDate = this.moment(start).startOf('year');
       const endDate = this.moment(end).endOf('year');
       const years = [];
@@ -518,13 +469,6 @@ class AdapterMoment {
       }
       return years;
     };
-    this.getMeridiemText = ampm => {
-      if (this.is12HourCycleInCurrentLocale()) {
-        // AM/PM translation only possible in those who have 12 hour cycle in locale.
-        return _moment.default.localeData(this.getCurrentLocaleCode()).meridiem(ampm === 'am' ? 0 : 13, 0, false);
-      }
-      return ampm === 'am' ? 'AM' : 'PM'; // fallback for de, ru, ...etc
-    };
     this.moment = instance || _moment.default;
     this.locale = locale;
     this.formats = (0, _extends2.default)({}, defaultFormats, formats);

package/node/AdapterMomentHijri/AdapterMomentHijri.js

@@ -87,19 +87,13 @@ const defaultFormats = {
   minutes: 'mm',
   seconds: 'ss',
   fullDate: 'iYYYY, iMMMM Do',
-  fullDateWithWeekday: 'iYYYY, iMMMM Do, dddd',
   keyboardDateTime: 'iYYYY/iMM/iDD LT',
   shortDate: 'iD iMMM',
   normalDate: 'dddd, iD iMMM',
   normalDateWithWeekday: 'DD iMMMM',
-  monthAndYear: 'iMMMM iYYYY',
-  monthAndDate: 'iD iMMMM',
   fullTime: 'LT',
   fullTime12h: 'hh:mm A',
   fullTime24h: 'HH:mm',
-  fullDateTime: 'iYYYY, iMMMM Do, hh:mm A',
-  fullDateTime12h: 'iD iMMMM hh:mm A',
-  fullDateTime24h: 'iD iMMMM HH:mm',
   keyboardDate: 'iYYYY/iMM/iDD',
   keyboardDateTime12h: 'iYYYY/iMM/iDD hh:mm A',
   keyboardDateTime24h: 'iYYYY/iMM/iDD HH:mm'
@@ -176,18 +170,9 @@ class AdapterMomentHijri extends _AdapterMoment.AdapterMoment {
       }
       return this.moment(value, format, true).locale('ar-SA');
     };
-    this.getFormatHelperText = format => {
-      return this.expandFormat(format).replace(/a/gi, '(a|p)m').replace('iY', 'Y').replace('iM', 'M').replace('iD', 'D').toLocaleLowerCase();
-    };
     this.formatNumber = numberToFormat => {
       return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
     };
-    this.isEqual = (value, comparing) => {
-      if (value === null && comparing === null) {
-        return true;
-      }
-      return this.moment(value).isSame(comparing);
-    };
     this.startOfYear = value => {
       return value.clone().startOf('iYear');
     };
@@ -224,17 +209,6 @@ class AdapterMomentHijri extends _AdapterMoment.AdapterMoment {
     this.setDate = (value, date) => {
       return value.clone().iDate(date);
     };
-    this.getNextMonth = value => {
-      return value.clone().add(1, 'iMonth');
-    };
-    this.getPreviousMonth = value => {
-      return value.clone().subtract(1, 'iMonth');
-    };
-    this.getWeekdays = () => {
-      return [0, 1, 2, 3, 4, 5, 6].map(dayOfWeek => {
-        return this.date().weekday(dayOfWeek).format('dd');
-      });
-    };
     this.getWeekArray = value => {
       const start = value.clone().startOf('iMonth').startOf('week');
       const end = value.clone().endOf('iMonth').endOf('week');
@@ -253,7 +227,7 @@ class AdapterMomentHijri extends _AdapterMoment.AdapterMoment {
     this.getWeekNumber = value => {
       return value.iWeek();
     };
-    this.getYearRange = (start, end) => {
+    this.getYearRange = ([start, end]) => {
       // moment-hijri only supports dates between 1356-01-01 H and 1499-12-29 H
       // We need to throw if outside min/max bounds, otherwise the while loop below will be infinite.
       if (start.isBefore('1937-03-14')) {
@@ -272,9 +246,6 @@ class AdapterMomentHijri extends _AdapterMoment.AdapterMoment {
       }
       return years;
     };
-    this.getMeridiemText = ampm => {
-      return ampm === 'am' ? this.date().hours(2).format('A') : this.date().hours(14).format('A');
-    };
     this.moment = instance || _momentHijri.default;
     this.locale = 'ar-SA';
     this.formats = (0, _extends2.default)({}, defaultFormats, formats);

package/node/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -85,19 +85,13 @@ const defaultFormats = {
   minutes: 'mm',
   seconds: 'ss',
   fullDate: 'jYYYY, jMMMM Do',
-  fullDateWithWeekday: 'dddd Do jMMMM jYYYY',
   keyboardDate: 'jYYYY/jMM/jDD',
   shortDate: 'jD jMMM',
   normalDate: 'dddd, jD jMMM',
   normalDateWithWeekday: 'DD MMMM',
-  monthAndYear: 'jMMMM jYYYY',
-  monthAndDate: 'jD jMMMM',
   fullTime: 'LT',
   fullTime12h: 'hh:mm A',
   fullTime24h: 'HH:mm',
-  fullDateTime: 'jYYYY, jMMMM Do, hh:mm A',
-  fullDateTime12h: 'jD jMMMM hh:mm A',
-  fullDateTime24h: 'jD jMMMM HH:mm',
   keyboardDateTime: 'jYYYY/jMM/jDD LT',
   keyboardDateTime12h: 'jYYYY/jMM/jDD hh:mm A',
   keyboardDateTime24h: 'jYYYY/jMM/jDD HH:mm'
@@ -168,34 +162,15 @@ class AdapterMomentJalaali extends _AdapterMoment.AdapterMoment {
     this.setTimezone = value => {
       return value;
     };
-    this.parseISO = isoString => {
-      return this.moment(isoString).locale('fa');
-    };
     this.parse = (value, format) => {
       if (value === '') {
         return null;
       }
       return this.moment(value, format, true).locale('fa');
     };
-    this.getFormatHelperText = format => {
-      return this.expandFormat(format).replace(/a/gi, '(a|p)m').replace('jY', 'Y').replace('jM', 'M').replace('jD', 'D').toLocaleLowerCase();
-    };
-    this.isValid = value => {
-      // We can't to `this.moment(value)` because moment-jalaali looses the invalidity information when creating a new moment object from an existing one
-      if (!this.moment.isMoment(value)) {
-        return false;
-      }
-      return value.isValid();
-    };
     this.formatNumber = numberToFormat => {
       return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
     };
-    this.isEqual = (value, comparing) => {
-      if (value === null && comparing === null) {
-        return true;
-      }
-      return this.moment(value).isSame(comparing);
-    };
     this.isSameYear = (value, comparing) => {
       // `isSame` seems to mutate the date on `moment-jalaali`
       // @ts-ignore
@@ -248,17 +223,6 @@ class AdapterMomentJalaali extends _AdapterMoment.AdapterMoment {
     this.setDate = (value, date) => {
       return value.clone().jDate(date);
     };
-    this.getNextMonth = value => {
-      return value.clone().add(1, 'jMonth');
-    };
-    this.getPreviousMonth = value => {
-      return value.clone().subtract(1, 'jMonth');
-    };
-    this.getWeekdays = () => {
-      return [0, 1, 2, 3, 4, 5, 6].map(dayOfWeek => {
-        return this.date().weekday(dayOfWeek).format('dd');
-      });
-    };
     this.getWeekArray = value => {
       const start = value.clone().startOf('jMonth').startOf('week');
       const end = value.clone().endOf('jMonth').endOf('week');
@@ -277,7 +241,7 @@ class AdapterMomentJalaali extends _AdapterMoment.AdapterMoment {
     this.getWeekNumber = value => {
       return value.jWeek();
     };
-    this.getYearRange = (start, end) => {
+    this.getYearRange = ([start, end]) => {
       const startDate = this.moment(start).startOf('jYear');
       const endDate = this.moment(end).endOf('jYear');
       const years = [];
@@ -288,9 +252,6 @@ class AdapterMomentJalaali extends _AdapterMoment.AdapterMoment {
       }
       return years;
     };
-    this.getMeridiemText = ampm => {
-      return ampm === 'am' ? this.date().hours(2).format('A') : this.date().hours(14).format('A');
-    };
     this.moment = instance || _momentJalaali.default;
     this.locale = 'fa';
     this.formats = (0, _extends2.default)({}, defaultFormats, formats);

package/node/DateCalendar/DateCalendar.js

@@ -368,7 +368,6 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   className: _propTypes.default.string,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DateCalendar/DayCalendar.js

@@ -223,6 +223,7 @@ function DayCalendar(inProps) {
     props: inProps,
     name: 'MuiDayCalendar'
   });
+  const utils = (0, _useUtils.useUtils)();
   const {
     onFocusedDayChange,
     className,
@@ -246,7 +247,7 @@ function DayCalendar(inProps) {
     shouldDisableDate,
     shouldDisableMonth,
     shouldDisableYear,
-    dayOfWeekFormatter: dayOfWeekFormatterFromProps,
+    dayOfWeekFormatter = date => utils.format(date, 'weekdayShort').charAt(0).toUpperCase(),
     hasFocus,
     onFocusedViewChange,
     gridLabelId,
@@ -256,13 +257,9 @@ function DayCalendar(inProps) {
     timezone
   } = props;
   const now = (0, _useUtils.useNow)(timezone);
-  const utils = (0, _useUtils.useUtils)();
   const classes = useUtilityClasses(props);
   const theme = (0, _styles.useTheme)();
   const isRTL = theme.direction === 'rtl';
-
-  // before we could define this outside of the component scope, but now we need utils, which is only defined here
-  const dayOfWeekFormatter = dayOfWeekFormatterFromProps || ((_day, date) => utils.format(date, 'weekdayShort').charAt(0).toUpperCase());
   const isDateDisabled = (0, _useIsDateDisabled.useIsDateDisabled)({
     shouldDisableDate,
     shouldDisableMonth,
@@ -417,16 +414,13 @@ function DayCalendar(inProps) {
         "aria-label": localeText.calendarWeekNumberHeaderLabel,
         className: classes.weekNumberLabel,
         children: localeText.calendarWeekNumberHeaderText
-      }), (0, _dateUtils.getWeekdays)(utils, now).map((weekday, i) => {
-        const day = utils.format(weekday, 'weekdayShort');
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekDayLabel, {
-          variant: "caption",
-          role: "columnheader",
-          "aria-label": utils.format(utils.addDays(startOfCurrentWeek, i), 'weekday'),
-          className: classes.weekDayLabel,
-          children: dayOfWeekFormatter?.(day, weekday) ?? day
-        }, day + i.toString());
-      })]
+      }), (0, _dateUtils.getWeekdays)(utils, now).map((weekday, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekDayLabel, {
+        variant: "caption",
+        role: "columnheader",
+        "aria-label": utils.format(utils.addDays(startOfCurrentWeek, i), 'weekday'),
+        className: classes.weekDayLabel,
+        children: dayOfWeekFormatter(weekday)
+      }, i.toString()))]
     }), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarLoadingContainer, {
       className: classes.loadingContainer,
       children: renderLoading()

package/node/DateCalendar/index.js

@@ -3,14 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  DateCalendar: true,
-  getDateCalendarUtilityClass: true,
-  dateCalendarClasses: true,
-  dayPickerClasses: true,
-  pickersFadeTransitionGroupClasses: true,
-  pickersSlideTransitionClasses: true
-};
 Object.defineProperty(exports, "DateCalendar", {
   enumerable: true,
   get: function () {
@@ -51,16 +43,4 @@ var _DateCalendar = require("./DateCalendar");
 var _dateCalendarClasses = require("./dateCalendarClasses");
 var _dayCalendarClasses = require("./dayCalendarClasses");
 var _pickersFadeTransitionGroupClasses = require("./pickersFadeTransitionGroupClasses");
-var _pickersSlideTransitionClasses = require("./pickersSlideTransitionClasses");
-var _PickersCalendarHeader = require("../PickersCalendarHeader");
-Object.keys(_PickersCalendarHeader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PickersCalendarHeader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PickersCalendarHeader[key];
-    }
-  });
-});
+var _pickersSlideTransitionClasses = require("./pickersSlideTransitionClasses");

package/node/DatePicker/DatePicker.js

@@ -75,7 +75,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   closeOnSelect: _propTypes.default.bool,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DateTimePicker/DateTimePicker.js

@@ -85,7 +85,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   closeOnSelect: _propTypes.default.bool,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -95,7 +95,6 @@ DesktopDatePicker.propTypes = {
   closeOnSelect: _propTypes.default.bool,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -144,7 +144,6 @@ DesktopDateTimePicker.propTypes = {
   closeOnSelect: _propTypes.default.bool,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/DigitalClock/DigitalClock.js

@@ -252,6 +252,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
           return null;
         }
         const isSelected = utils.isEqual(option, value);
+        const formattedValue = utils.format(option, ampm ? 'fullTime12h' : 'fullTime24h');
         const tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClockItem, (0, _extends2.default)({
           onClick: () => !readOnly && handleItemSelect(option),
@@ -265,8 +266,8 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
           "aria-selected": isSelected,
           tabIndex: tabIndex
         }, clockItemProps, {
-          children: utils.format(option, ampm ? 'fullTime12h' : 'fullTime24h')
-        }), utils.toISO(option));
+          children: formattedValue
+        }), formattedValue);
       })
     })
   }));

package/node/LocalizationProvider/LocalizationProvider.js

@@ -116,10 +116,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   dateFormats: _propTypes.default.shape({
     dayOfMonth: _propTypes.default.string,
     fullDate: _propTypes.default.string,
-    fullDateTime: _propTypes.default.string,
-    fullDateTime12h: _propTypes.default.string,
-    fullDateTime24h: _propTypes.default.string,
-    fullDateWithWeekday: _propTypes.default.string,
     fullTime: _propTypes.default.string,
     fullTime12h: _propTypes.default.string,
     fullTime24h: _propTypes.default.string,
@@ -132,8 +128,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
     meridiem: _propTypes.default.string,
     minutes: _propTypes.default.string,
     month: _propTypes.default.string,
-    monthAndDate: _propTypes.default.string,
-    monthAndYear: _propTypes.default.string,
     monthShort: _propTypes.default.string,
     normalDate: _propTypes.default.string,
     normalDateWithWeekday: _propTypes.default.string,

package/node/MobileDatePicker/MobileDatePicker.js

@@ -92,7 +92,6 @@ MobileDatePicker.propTypes = {
   closeOnSelect: _propTypes.default.bool,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -113,7 +113,6 @@ MobileDateTimePicker.propTypes = {
   closeOnSelect: _propTypes.default.bool,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -22,7 +22,7 @@ var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitche
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone", "format"],
   _excluded2 = ["ownerState"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -134,7 +134,8 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
       views,
       labelId,
       className,
-      timezone
+      timezone,
+      format = `${utils.formats.month} ${utils.formats.year}`
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
@@ -188,6 +189,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
   if (views.length === 1 && views[0] === 'year') {
     return null;
   }
+  const label = utils.formatByString(month, format);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderRoot, (0, _extends2.default)({}, other, {
     ownerState: ownerState,
     className: (0, _clsx.default)(className, classes.root),
@@ -202,12 +204,12 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
       className: classes.labelContainer,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersFadeTransitionGroup.PickersFadeTransitionGroup, {
         reduceAnimations: reduceAnimations,
-        transKey: utils.format(month, 'monthAndYear'),
+        transKey: label,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarHeaderLabel, {
           id: labelId,
           ownerState: ownerState,
           className: classes.label,
-          children: utils.format(month, 'monthAndYear')
+          children: label
         })
       }), views.length > 1 && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchViewButton, (0, _extends2.default)({}, switchViewButtonProps, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchViewIcon, (0, _extends2.default)({}, switchViewIconProps))
@@ -244,6 +246,11 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
   disabled: _propTypes.default.bool,
   disableFuture: _propTypes.default.bool,
   disablePast: _propTypes.default.bool,
+  /**
+   * Format used to display the date.
+   * @default `${adapter.formats.month} ${adapter.formats.year}`
+   */
+  format: _propTypes.default.string,
   labelId: _propTypes.default.string,
   maxDate: _propTypes.default.any.isRequired,
   minDate: _propTypes.default.any.isRequired,

package/node/StaticDatePicker/StaticDatePicker.js

@@ -74,7 +74,6 @@ StaticDatePicker.propTypes = {
   className: _propTypes.default.string,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -94,7 +94,6 @@ StaticDateTimePicker.propTypes = {
   className: _propTypes.default.string,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/YearCalendar/YearCalendar.js

@@ -243,7 +243,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     role: "radiogroup",
     "aria-labelledby": gridLabelId
   }, other, {
-    children: utils.getYearRange(minDate, maxDate).map(year => {
+    children: utils.getYearRange([minDate, maxDate]).map(year => {
       const yearNumber = utils.getYear(year);
       const isSelected = yearNumber === selectedYear;
       const isDisabled = disabled || isYearDisabled(year);

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.0
+ * @mui/x-date-pickers v7.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -379,6 +379,18 @@ Object.keys(_PickersShortcuts).forEach(function (key) {
     }
   });
 });
+var _PickersCalendarHeader = require("./PickersCalendarHeader");
+Object.keys(_PickersCalendarHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PickersCalendarHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PickersCalendarHeader[key];
+    }
+  });
+});
 var _utils = require("./internals/utils/utils");
 var _models = require("./models");
 Object.keys(_models).forEach(function (key) {

package/node/internals/hooks/useField/useField.utils.js

@@ -375,7 +375,6 @@ const splitFormatIntoSections = (utils, timezone, localeText, format, date, form
       maxLength,
       value: sectionValue,
       placeholder: getSectionPlaceholder(utils, timezone, localeText, sectionConfig, token),
-      hasLeadingZeros: hasLeadingZerosInFormat,
       hasLeadingZerosInFormat,
       hasLeadingZerosInInput,
       startSeparator: sections.length === 0 ? startSeparator : '',

package/node/internals/hooks/useField/useFieldState.js

@@ -258,7 +258,7 @@ const useFieldState = params => {
   }, [format, utils.locale]); // eslint-disable-line react-hooks/exhaustive-deps
 
   React.useEffect(() => {
-    let shouldUpdate = false;
+    let shouldUpdate;
     if (!valueManager.areValuesEqual(utils, state.value, valueFromTheOutside)) {
       shouldUpdate = true;
     } else {

package/node/internals/utils/getDefaultReferenceDate.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getViewsGranularity = exports.getSectionTypeGranularity = exports.getDefaultReferenceDate = exports.SECTION_TYPE_GRANULARITY = void 0;
+exports.getSectionTypeGranularity = exports.getDefaultReferenceDate = exports.SECTION_TYPE_GRANULARITY = void 0;
 var _timeUtils = require("./time-utils");
 var _dateUtils = require("./date-utils");
 const SECTION_TYPE_GRANULARITY = exports.SECTION_TYPE_GRANULARITY = {
@@ -17,8 +17,6 @@ const SECTION_TYPE_GRANULARITY = exports.SECTION_TYPE_GRANULARITY = {
 };
 const getSectionTypeGranularity = sections => Math.max(...sections.map(section => SECTION_TYPE_GRANULARITY[section.type] ?? 1));
 exports.getSectionTypeGranularity = getSectionTypeGranularity;
-const getViewsGranularity = views => Math.max(...views.map(view => SECTION_TYPE_GRANULARITY[view] ?? 1));
-exports.getViewsGranularity = getViewsGranularity;
 const roundDate = (utils, granularity, date) => {
   if (granularity === SECTION_TYPE_GRANULARITY.year) {
     return utils.startOfYear(date);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.0.0-alpha.0",
+  "version": "7.0.0-alpha.1",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",