@mui/x-date-pickers 7.17.0 → 7.19.0

package/modern/YearCalendar/YearCalendar.js

@@ -2,7 +2,7 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["autoFocus", "className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
+const _excluded = ["autoFocus", "className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsOrder", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -88,6 +88,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
       onYearFocus,
       hasFocus,
       onFocusedViewChange,
+      yearsOrder = 'asc',
       yearsPerRow,
       timezone: timezoneProp,
       gridLabelId,
@@ -177,22 +178,24 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
   React.useEffect(() => {
     setFocusedYear(prevFocusedYear => selectedYear !== null && prevFocusedYear !== selectedYear ? selectedYear : prevFocusedYear);
   }, [selectedYear]);
+  const verticalDirection = yearsOrder !== 'desc' ? yearsPerRow * 1 : yearsPerRow * -1;
+  const horizontalDirection = isRtl && yearsOrder === 'asc' || !isRtl && yearsOrder === 'desc' ? -1 : 1;
   const handleKeyDown = useEventCallback((event, year) => {
     switch (event.key) {
       case 'ArrowUp':
-        focusYear(year - yearsPerRow);
+        focusYear(year - verticalDirection);
         event.preventDefault();
         break;
       case 'ArrowDown':
-        focusYear(year + yearsPerRow);
+        focusYear(year + verticalDirection);
         event.preventDefault();
         break;
       case 'ArrowLeft':
-        focusYear(year + (isRtl ? 1 : -1));
+        focusYear(year - horizontalDirection);
         event.preventDefault();
         break;
       case 'ArrowRight':
-        focusYear(year + (isRtl ? -1 : 1));
+        focusYear(year + horizontalDirection);
         event.preventDefault();
         break;
       default:
@@ -230,6 +233,10 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     }
     scrollerRef.current.scrollTop = elementBottom - clientHeight / 2 - offsetHeight / 2;
   }, [autoFocus]);
+  const yearRange = utils.getYearRange([minDate, maxDate]);
+  if (yearsOrder === 'desc') {
+    yearRange.reverse();
+  }
   return /*#__PURE__*/_jsx(YearCalendarRoot, _extends({
     ref: handleRef,
     className: clsx(classes.root, className),
@@ -237,7 +244,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     role: "radiogroup",
     "aria-labelledby": gridLabelId
   }, other, {
-    children: utils.getYearRange([minDate, maxDate]).map(year => {
+    children: yearRange.map(year => {
       const yearNumber = utils.getYear(year);
       const isSelected = yearNumber === selectedYear;
       const isDisabled = disabled || isYearDisabled(year);
@@ -358,6 +365,12 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    * Used when the component is controlled.
    */
   value: PropTypes.object,
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder: PropTypes.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 3

package/modern/dateViewRenderers/dateViewRenderers.js

@@ -25,6 +25,7 @@ export const renderDateViewCalendar = ({
   onMonthChange,
   monthsPerRow,
   onYearChange,
+  yearsOrder,
   yearsPerRow,
   slots,
   slotProps,
@@ -63,6 +64,7 @@ export const renderDateViewCalendar = ({
   onMonthChange: onMonthChange,
   monthsPerRow: monthsPerRow,
   onYearChange: onYearChange,
+  yearsOrder: yearsOrder,
   yearsPerRow: yearsPerRow,
   slots: slots,
   slotProps: slotProps,

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.17.0
+ * @mui/x-date-pickers v7.19.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/components/PickersToolbarButton.js

@@ -46,7 +46,7 @@ export const PickersToolbarButton = /*#__PURE__*/React.forwardRef(function Picke
   return /*#__PURE__*/_jsx(PickersToolbarButtonRoot, _extends({
     variant: "text",
     ref: ref,
-    className: clsx(className, classes.root)
+    className: clsx(classes.root, className)
   }, width ? {
     sx: {
       width

package/modern/internals/components/PickersToolbarText.js

@@ -46,7 +46,7 @@ export const PickersToolbarText = /*#__PURE__*/React.forwardRef(function Pickers
   const classes = useUtilityClasses(props);
   return /*#__PURE__*/_jsx(PickersToolbarTextRoot, _extends({
     ref: ref,
-    className: clsx(className, classes.root),
+    className: clsx(classes.root, className),
     component: "span"
   }, other, {
     children: value

package/modern/locales/bgBG.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+const views = {
+  hours: 'часове',
+  minutes: 'минути',
+  seconds: 'секунди',
+  meridiem: 'преди обяд/след обяд'
+};
+const bgBGPickers = {
+  // Calendar navigation
+  previousMonth: 'Предишен месец',
+  nextMonth: 'Следващ месец',
+  // View navigation
+  openPreviousView: 'Отвори предишен изглед',
+  openNextView: 'Отвори следващ изглед',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'отворен е изглед на година, премини на изглед на календар' : 'отворен е изглед на календар, премини на изглед на година',
+  // DateRange labels
+  start: 'Начало',
+  end: 'Край',
+  startDate: 'Начална дата',
+  startTime: 'Начален час',
+  endDate: 'Крайна дата',
+  endTime: 'Краен час',
+  // Action bar
+  cancelButtonLabel: 'Отказ',
+  clearButtonLabel: 'Изчисти',
+  okButtonLabel: 'ОК',
+  todayButtonLabel: 'Днес',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Избери дата',
+  dateTimePickerToolbarTitle: 'Избери дата и час',
+  timePickerToolbarTitle: 'Избери час',
+  dateRangePickerToolbarTitle: 'Избери времеви период',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Избери ${views[view]}. ${time === null ? 'Не е избран час' : `Избраният час е ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} часа`,
+  minutesClockNumberText: minutes => `${minutes} минути`,
+  secondsClockNumberText: seconds => `${seconds} секунди`,
+  // Digital clock labels
+  selectViewText: view => `Избери ${views[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Седмица',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Седмица ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери дата, избраната дата е ${utils.format(value, 'fullDate')}` : 'Избери дата',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери час, избраният час е ${utils.format(value, 'fullTime')}` : 'Избери час',
+  fieldClearLabel: 'Изчисти стойност',
+  // Table labels
+  timeTableLabel: 'избери час',
+  dateTableLabel: 'избери дата',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ММММ' : 'ММ',
+  fieldDayPlaceholder: () => 'ДД',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'СССС' : 'СС',
+  fieldHoursPlaceholder: () => 'чч',
+  fieldMinutesPlaceholder: () => 'мм',
+  fieldSecondsPlaceholder: () => 'сс',
+  fieldMeridiemPlaceholder: () => 'пс',
+  // View names
+  year: 'Година',
+  month: 'Месец',
+  day: 'Ден',
+  weekDay: 'Ден от седмицата',
+  hours: 'Часове',
+  minutes: 'Минути',
+  seconds: 'Секунди',
+  meridiem: 'Преди обяд/след обяд',
+  // Common
+  empty: 'Празно'
+};
+export const bgBG = getPickersLocalization(bgBGPickers);

package/modern/locales/csCZ.js

@@ -17,11 +17,10 @@ const csCZPickers = {
   // DateRange labels
   start: 'Začátek',
   end: 'Konec',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Datum začátku',
+  startTime: 'Čas začátku',
+  endDate: 'Datum konce',
+  endTime: 'Čas konce',
   // Action bar
   cancelButtonLabel: 'Zrušit',
   clearButtonLabel: 'Vymazat',
@@ -47,8 +46,7 @@ const csCZPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Vyberte datum, vybrané datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Vyberte datum',
   openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Vyberte čas, vybraný čas je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Vyberte čas',
-  // fieldClearLabel: 'Clear',
-
+  fieldClearLabel: 'Vymazat',
   // Table labels
   timeTableLabel: 'vyberte čas',
   dateTableLabel: 'vyberte datum',
@@ -56,23 +54,21 @@ const csCZPickers = {
   fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'DD',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Rok',
+  month: 'Měsíc',
+  day: 'Den',
+  weekDay: 'Pracovní den',
+  hours: 'Hodiny',
+  minutes: 'Minuty',
+  seconds: 'Sekundy',
+  meridiem: 'Odpoledne',
   // Common
-  // empty: 'Empty',
+  empty: 'Prázdný'
 };
 export const csCZ = getPickersLocalization(csCZPickers);

package/modern/locales/hrHR.js

@@ -0,0 +1,90 @@
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+// maps TimeView to its translation
+const timeViews = {
+  hours: 'sati',
+  minutes: 'minute',
+  seconds: 'sekunde',
+  meridiem: 'meridiem'
+};
+const hrHRPickers = {
+  // Calendar navigation
+  previousMonth: 'Prethodni mjesec',
+  nextMonth: 'Naredni mjesec',
+  // View navigation
+  openPreviousView: 'Otvori prethodni prikaz',
+  openNextView: 'Otvori naredni prikaz',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Otvoren je godišnji prikaz, promijeni na kalendarski prikaz' : 'Otvoren je kalendarski prikaz, promijeni na godišnji prikaz',
+  // DateRange labels
+  start: 'Početak',
+  end: 'Kraj',
+  startDate: 'Početni datum',
+  startTime: 'Početno vrijeme',
+  endDate: 'Krajnji datum',
+  endTime: 'Krajnje vrijeme',
+  // Action bar
+  cancelButtonLabel: 'Otkaži',
+  clearButtonLabel: 'Izbriši',
+  okButtonLabel: 'U redu',
+  todayButtonLabel: 'Danas',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Odaberi datum',
+  dateTimePickerToolbarTitle: 'Odaberi datum i vrijeme',
+  timePickerToolbarTitle: 'Odaberi vrijeme',
+  dateRangePickerToolbarTitle: 'Odaberi vremenski okvir',
+  // Clock labels
+  clockLabelText: (view, time, utils, formattedTime) => `Odaberi ${timeViews[view] ?? view}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Vrijeme nije odabrano' : `Odabrano vrijeme je ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => {
+    let suffix = 'sati';
+    if (Number(hours) === 1) {
+      suffix = 'sat';
+    } else if (Number(hours) < 5) {
+      suffix = 'sata';
+    }
+    return `${hours} ${suffix}`;
+  },
+  minutesClockNumberText: minutes => `${minutes} ${Number(minutes) > 1 && Number(minutes) < 5 ? 'minute' : 'minuta'}`,
+  secondsClockNumberText: seconds => {
+    let suffix = 'sekundi';
+    if (Number(seconds) === 1) {
+      suffix = 'sekunda';
+    } else if (Number(seconds) < 5) {
+      suffix = 'sekunde';
+    }
+    return `${seconds} ${suffix}`;
+  },
+  // Digital clock labels
+  selectViewText: view => `Odaberi ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Broj tjedna',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Tjedan ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Odaberi datum, odabrani datum je ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Odaberi datum',
+  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Odaberi vrijeme, odabrano vrijeme je ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Odaberi vrijeme',
+  fieldClearLabel: 'Izbriši',
+  // Table labels
+  timeTableLabel: 'Odaberi vrijeme',
+  dateTableLabel: 'Odaberi datum',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'G'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'Godina',
+  month: 'Mjesec',
+  day: 'Dan',
+  weekDay: 'Dan u tjednu',
+  hours: 'Sati',
+  minutes: 'Minute',
+  seconds: 'Sekunde',
+  meridiem: 'Meridiem',
+  // Common
+  empty: 'Isprazni'
+};
+export const hrHR = getPickersLocalization(hrHRPickers);

package/modern/locales/index.js

@@ -1,4 +1,5 @@
 export * from "./beBY.js";
+export * from "./bgBG.js";
 export * from "./caES.js";
 export * from "./csCZ.js";
 export * from "./daDK.js";
@@ -11,6 +12,7 @@ export * from "./faIR.js";
 export * from "./fiFI.js";
 export * from "./frFR.js";
 export * from "./heIL.js";
+export * from "./hrHR.js";
 export * from "./huHU.js";
 export * from "./isIS.js";
 export * from "./itIT.js";
@@ -23,6 +25,7 @@ export * from "./nlNL.js";
 export * from "./nnNO.js";
 export * from "./plPL.js";
 export * from "./ptBR.js";
+export * from "./ptPT.js";
 export * from "./roRO.js";
 export * from "./ruRU.js";
 export * from "./skSK.js";

package/modern/locales/ptBR.js

@@ -10,8 +10,8 @@ const ptBRPickers = {
   previousMonth: 'Mês anterior',
   nextMonth: 'Próximo mês',
   // View navigation
-  openPreviousView: 'Abrir próxima seleção',
-  openNextView: 'Abrir seleção anterior',
+  openPreviousView: 'Abrir seleção anterior',
+  openNextView: 'Abrir próxima seleção',
   calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Seleção de ano está aberta, alternando para seleção de calendário' : 'Seleção de calendários está aberta, alternando para seleção de ano',
   // DateRange labels
   start: 'Início',
@@ -45,8 +45,7 @@ const ptBRPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Escolha uma data, data selecionada ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Escolha uma data',
   openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Escolha uma hora, hora selecionada ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Escolha uma hora',
-  // fieldClearLabel: 'Clear',
-
+  fieldClearLabel: 'Limpar valor',
   // Table labels
   timeTableLabel: 'escolha uma hora',
   dateTableLabel: 'escolha uma data',

package/modern/locales/ptPT.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+const timeViews = {
+  hours: 'horas',
+  minutes: 'minutos',
+  seconds: 'segundos',
+  meridiem: 'meridiano'
+};
+const ptPTPickers = {
+  // Calendar navigation
+  previousMonth: 'Mês anterior',
+  nextMonth: 'Próximo mês',
+  // View navigation
+  openPreviousView: 'Abrir seleção anterior',
+  openNextView: 'Abrir próxima seleção',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'A seleção do ano está aberta, altere para a seleção do calendário' : 'A seleção do calendários está aberta, altere para a seleção do ano',
+  // DateRange labels
+  start: 'Início',
+  end: 'Fim',
+  startDate: 'Data de início',
+  startTime: 'Hora de início',
+  endDate: 'Data de fim',
+  endTime: 'Hora de fim',
+  // Action bar
+  cancelButtonLabel: 'Cancelar',
+  clearButtonLabel: 'Limpar',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Hoje',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Selecione a data',
+  dateTimePickerToolbarTitle: 'Selecione a data e a hora',
+  timePickerToolbarTitle: 'Selecione a hora',
+  dateRangePickerToolbarTitle: 'Selecione o intervalo de datas',
+  // Clock labels
+  clockLabelText: (view, time, utils, formattedTime) => `Selecione ${timeViews[view]}. ${!formattedTime && (time === null || !utils.isValid(time)) ? 'Hora não selecionada' : `Selecionado a hora ${formattedTime ?? utils.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} horas`,
+  minutesClockNumberText: minutes => `${minutes} minutos`,
+  secondsClockNumberText: seconds => `${seconds} segundos`,
+  // Digital clock labels
+  selectViewText: view => `Selecione ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Número da semana',
+  calendarWeekNumberHeaderText: 'N.º',
+  calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils, formattedDate) => formattedDate || value !== null && utils.isValid(value) ? `Escolha uma data, a data selecionada é ${formattedDate ?? utils.format(value, 'fullDate')}` : 'Escolha uma data',
+  openTimePickerDialogue: (value, utils, formattedTime) => formattedTime || value !== null && utils.isValid(value) ? `Escolha uma hora, a hora selecionada é ${formattedTime ?? utils.format(value, 'fullTime')}` : 'Escolha uma hora',
+  fieldClearLabel: 'Limpar valor',
+  // Table labels
+  timeTableLabel: 'escolha uma hora',
+  dateTableLabel: 'escolha uma data',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'SSSS' : 'SS',
+  fieldHoursPlaceholder: () => 'hh',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'Ano',
+  month: 'Mês',
+  day: 'Dia',
+  weekDay: 'Dia da Semana',
+  hours: 'Horas',
+  minutes: 'Minutos',
+  seconds: 'Segundos',
+  meridiem: 'Meridiano',
+  // Common
+  empty: 'Vazio'
+};
+export const ptPT = getPickersLocalization(ptPTPickers);

package/node/AdapterDateFns/AdapterDateFns.js

@@ -87,7 +87,7 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
     /* istanbul ignore next */
     if (process.env.NODE_ENV !== 'production') {
       if (typeof _addDays.default !== 'function') {
-        throw new Error(['MUI: The `date-fns` package v3.x is not compatible with this adapter.', 'Please, install v2.x of the package or use the `AdapterDateFnsV3` instead.'].join('\n'));
+        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'));
       }
     }
     super({

package/node/AdapterDateFnsBase/AdapterDateFnsBase.js

@@ -97,6 +97,7 @@ const formatTokenMap = {
     sectionType: 'weekDay',
     contentType: 'letter'
   },
+  // eslint-disable-next-line id-denylist
   e: {
     sectionType: 'weekDay',
     contentType: 'digit',

package/node/AdapterDateFnsV3/AdapterDateFnsV3.js

@@ -90,7 +90,7 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
     /* istanbul ignore next */
     if (process.env.NODE_ENV !== 'production') {
       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'));
+        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 `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`.');

package/node/AdapterMoment/AdapterMoment.js

@@ -51,6 +51,7 @@ const formatTokenMap = {
     contentType: 'digit',
     maxLength: 1
   },
+  // eslint-disable-next-line id-denylist
   e: {
     sectionType: 'weekDay',
     contentType: 'digit',

package/node/DateCalendar/DateCalendar.js

@@ -31,7 +31,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", "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", "yearsOrder", "yearsPerRow", "monthsPerRow", "timezone"];
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -127,6 +127,7 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
       loading,
       renderLoading,
       displayWeekNumber,
+      yearsOrder,
       yearsPerRow,
       monthsPerRow,
       timezone: timezoneProp
@@ -318,6 +319,7 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
           shouldDisableYear: shouldDisableYear,
           hasFocus: hasFocus,
           onFocusedViewChange: isViewFocused => setFocusedView('year', isViewFocused),
+          yearsOrder: yearsOrder,
           yearsPerRow: yearsPerRow,
           referenceDate: referenceDate
         })), view === 'month' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthCalendar.MonthCalendar, (0, _extends2.default)({}, baseDateValidationProps, commonViewProps, {
@@ -567,6 +569,12 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    * Available views.
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired),
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 3

package/node/DatePicker/DatePicker.js

@@ -358,6 +358,12 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * Available views.
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired),
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 4 on desktop, 3 on mobile

package/node/DateTimePicker/DateTimePicker.js

@@ -429,6 +429,12 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * Available views.
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired),
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 4 on desktop, 3 on mobile

package/node/DateTimePicker/DateTimePickerTabs.js

@@ -94,7 +94,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     variant: "fullWidth",
     value: viewToTab(view),
     onChange: handleChange,
-    className: (0, _clsx.default)(className, classes.root),
+    className: (0, _clsx.default)(classes.root, className),
     sx: sx,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "date",

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -379,6 +379,12 @@ DesktopDatePicker.propTypes = {
    * Available views.
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired),
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 4

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -537,6 +537,12 @@ DesktopDateTimePicker.propTypes = {
    * Available views.
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired),
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 4

package/node/DesktopDateTimePicker/DesktopDateTimePickerLayout.js

@@ -38,7 +38,7 @@ const DesktopDateTimePickerLayout = exports.DesktopDateTimePickerLayout = /*#__P
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersLayout.PickersLayoutRoot, {
     ref: ref,
-    className: (0, _clsx.default)(className, _PickersLayout.pickersLayoutClasses.root, classes?.root),
+    className: (0, _clsx.default)(_PickersLayout.pickersLayoutClasses.root, classes?.root, className),
     sx: [{
       [`& .${_PickersLayout.pickersLayoutClasses.tabs}`]: {
         gridRow: 4,

package/node/MobileDatePicker/MobileDatePicker.js

@@ -376,6 +376,12 @@ MobileDatePicker.propTypes = {
    * Available views.
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'month', 'year']).isRequired),
+  /**
+   * Years are displayed in ascending (chronological) order by default.
+   * If `desc`, years are displayed in descending order.
+   * @default 'asc'
+   */
+  yearsOrder: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * Years rendered per row.
    * @default 3