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

package/node/AdapterLuxon/AdapterLuxon.js

@@ -128,19 +128,13 @@ const defaultFormats = {
   minutes: 'mm',
   seconds: 'ss',
   fullDate: 'DD',
-  fullDateWithWeekday: 'DDDD',
   keyboardDate: 'D',
   shortDate: 'MMM d',
   normalDate: 'd MMMM',
   normalDateWithWeekday: 'EEE, MMM d',
-  monthAndYear: 'LLLL yyyy',
-  monthAndDate: 'MMMM d',
   fullTime: 't',
   fullTime12h: 'hh:mm a',
   fullTime24h: 'HH:mm',
-  fullDateTime: 'ff',
-  fullDateTime12h: 'DD, hh:mm a',
-  fullDateTime24h: 'DD, T',
   keyboardDateTime: 'D t',
   keyboardDateTime12h: 'D hh:mm a',
   keyboardDateTime24h: 'D T'
@@ -193,29 +187,7 @@ class AdapterLuxon {
       }
       return value.setLocale(expectedLocale);
     };
-    this.date = value => {
-      if (typeof value === 'undefined') {
-        return _luxon.DateTime.local();
-      }
-      if (value === null) {
-        return null;
-      }
-      if (typeof value === 'string') {
-        // @ts-ignore
-        return _luxon.DateTime.fromJSDate(new Date(value), {
-          locale: this.locale
-        });
-      }
-      if (_luxon.DateTime.isDateTime(value)) {
-        return value;
-      }
-
-      // @ts-ignore
-      return _luxon.DateTime.fromJSDate(value, {
-        locale: this.locale
-      });
-    };
-    this.dateWithTimezone = (value, timezone) => {
+    this.date = (value, timezone = 'default') => {
       if (value === null) {
         return null;
       }
@@ -233,6 +205,7 @@ class AdapterLuxon {
         zone: timezone
       });
     };
+    this.getInvalidDate = () => _luxon.DateTime.fromJSDate(new Date('Invalid Date'));
     this.getTimezone = value => {
       // When using the system zone, we want to return "system", not something like "Europe/Paris"
       if (value.zone.type === 'system') {
@@ -249,14 +222,6 @@ class AdapterLuxon {
     this.toJsDate = value => {
       return value.toJSDate();
     };
-    this.parseISO = isoString => {
-      return _luxon.DateTime.fromISO(isoString);
-    };
-    this.toISO = value => {
-      return value.toUTC().toISO({
-        format: 'extended'
-      });
-    };
     this.parse = (value, formatString) => {
       if (value === '') {
         return null;
@@ -305,20 +270,11 @@ class AdapterLuxon {
       // To avoid conflicts, we replace it by 4 digits which is enough for most use-cases.
       .replace('yyyyy', 'yyyy');
     };
-    this.getFormatHelperText = format => {
-      return this.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();
-    };
-    this.isNull = value => {
-      return value === null;
-    };
     this.isValid = value => {
-      if (_luxon.DateTime.isDateTime(value)) {
-        return value.isValid;
-      }
       if (value === null) {
         return false;
       }
-      return this.isValid(this.date(value));
+      return value.isValid;
     };
     this.format = (value, formatKey) => {
       return this.formatByString(value, this.formats[formatKey]);
@@ -329,25 +285,14 @@ class AdapterLuxon {
     this.formatNumber = numberToFormat => {
       return numberToFormat;
     };
-    this.getDiff = (value, comparing, unit) => {
-      if (typeof comparing === 'string') {
-        comparing = _luxon.DateTime.fromJSDate(new Date(comparing));
-      }
-      if (unit) {
-        return Math.floor(value.diff(comparing).as(unit));
-      }
-      return value.diff(comparing).as('millisecond');
-    };
     this.isEqual = (value, comparing) => {
       if (value === null && comparing === null) {
         return true;
       }
-
-      // Make sure that null will not be passed to this.date
       if (value === null || comparing === null) {
         return false;
       }
-      return +this.date(value) === +this.date(comparing);
+      return +value === +comparing;
     };
     this.isSameYear = (value, comparing) => {
       const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
@@ -513,37 +458,6 @@ class AdapterLuxon {
     this.getDaysInMonth = value => {
       return value.daysInMonth;
     };
-    this.getNextMonth = value => {
-      return value.plus({
-        months: 1
-      });
-    };
-    this.getPreviousMonth = value => {
-      return value.minus({
-        months: 1
-      });
-    };
-    this.getMonthArray = value => {
-      const firstMonth = value.startOf('year');
-      const monthArray = [firstMonth];
-      while (monthArray.length < 12) {
-        const prevMonth = monthArray[monthArray.length - 1];
-        monthArray.push(this.addMonths(prevMonth, 1));
-      }
-      return monthArray;
-    };
-    this.mergeDateAndTime = (dateParam, timeParam) => {
-      return dateParam.set({
-        second: timeParam.second,
-        hour: timeParam.hour,
-        minute: timeParam.minute
-      });
-    };
-    this.getWeekdays = () => {
-      return _luxon.Info.weekdaysFormat('narrow', {
-        locale: this.locale
-      });
-    };
     this.getWeekArray = value => {
       const cleanValue = this.setLocaleToValue(value);
       const {
@@ -564,7 +478,7 @@ class AdapterLuxon {
     this.getWeekNumber = value => {
       return value.weekNumber;
     };
-    this.getYearRange = (start, end) => {
+    this.getYearRange = ([start, end]) => {
       const startDate = start.startOf('year');
       const endDate = end.endOf('year');
       let current = startDate;
@@ -577,11 +491,6 @@ class AdapterLuxon {
       }
       return years;
     };
-    this.getMeridiemText = ampm => {
-      return _luxon.Info.meridiems({
-        locale: this.locale
-      }).find(v => v.toLowerCase() === ampm.toLowerCase());
-    };
     this.locale = locale || 'en-US';
     this.formats = (0, _extends2.default)({}, defaultFormats, formats);
   }

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();
@@ -226,15 +205,7 @@ class AdapterMoment {
       }
       return parsedValue.locale(this.locale);
     };
-    this.date = value => {
-      if (value === null) {
-        return null;
-      }
-      const moment = this.moment(value);
-      moment.locale(this.getCurrentLocaleCode());
-      return moment;
-    };
-    this.dateWithTimezone = (value, timezone) => {
+    this.date = (value, timezone = 'default') => {
       if (value === null) {
         return null;
       }
@@ -246,6 +217,7 @@ class AdapterMoment {
       }
       return this.createTZDate(value, timezone);
     };
+    this.getInvalidDate = () => this.moment(new Date('Invalid Date'));
     this.getTimezone = value => {
       // @ts-ignore
       // eslint-disable-next-line no-underscore-dangle
@@ -285,12 +257,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 +283,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 +300,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 +432,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 +451,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 +462,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'
@@ -161,9 +155,6 @@ class AdapterMomentHijri extends _AdapterMoment.AdapterMoment {
       }
       return this.moment(value).locale('ar-SA');
     };
-    this.dateWithTimezone = value => {
-      return this.date(value);
-    };
     this.getTimezone = () => {
       return 'default';
     };
@@ -176,18 +167,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 +206,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 +224,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 +243,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'
@@ -159,43 +153,21 @@ class AdapterMomentJalaali extends _AdapterMoment.AdapterMoment {
       }
       return this.moment(value).locale('fa');
     };
-    this.dateWithTimezone = value => {
-      return this.date(value);
-    };
     this.getTimezone = () => {
       return 'default';
     };
     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 +220,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 +238,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 +249,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

@@ -29,7 +29,7 @@ var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _dimensions = require("../internals/constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
+const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
 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; }
 const useUtilityClasses = ownerState => {
@@ -101,7 +101,6 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
       referenceDate: referenceDateProp,
       disableFuture,
       disablePast,
-      defaultCalendarMonth,
       onChange,
       onYearChange,
       onMonthChange,
@@ -172,7 +171,6 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
     onMonthSwitchingAnimationEnd
   } = (0, _useCalendarState.useCalendarState)({
     value,
-    defaultCalendarMonth,
     referenceDate: referenceDateProp,
     reduceAnimations,
     onMonthChange,
@@ -368,16 +366,11 @@ 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()
    */
   dayOfWeekFormatter: _propTypes.default.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: _propTypes.default.any,
   /**
    * The default selected value.
    * Used when the component is not controlled.
@@ -548,7 +541,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: _propTypes.default.string,

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/dayCalendarClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getDayCalendarUtilityClass = exports.dayPickerClasses = void 0;
+exports.getDayCalendarUtilityClass = exports.dayCalendarClasses = void 0;
 var _utils = require("@mui/utils");
 const getDayCalendarUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiDayCalendar', slot);
 exports.getDayCalendarUtilityClass = getDayCalendarUtilityClass;
-const dayPickerClasses = exports.dayPickerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);
+const dayCalendarClasses = exports.dayCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);