@mui/x-date-pickers 7.14.0 → 7.16.0

package/locales/index.js

@@ -1,36 +1,36 @@
-export * from './beBY';
-export * from './caES';
-export * from './csCZ';
-export * from './daDK';
-export * from './deDE';
-export * from './elGR';
-export * from './enUS';
-export * from './esES';
-export * from './eu';
-export * from './faIR';
-export * from './fiFI';
-export * from './frFR';
-export * from './heIL';
-export * from './huHU';
-export * from './isIS';
-export * from './itIT';
-export * from './jaJP';
-export * from './koKR';
-export * from './kzKZ';
-export * from './mk';
-export * from './nbNO';
-export * from './nlNL';
-export * from './nnNO';
-export * from './plPL';
-export * from './ptBR';
-export * from './roRO';
-export * from './ruRU';
-export * from './skSK';
-export * from './svSE';
-export * from './trTR';
-export * from './ukUA';
-export * from './urPK';
-export * from './viVN';
-export * from './zhCN';
-export * from './zhHK';
-export * from './utils/pickersLocaleTextApi';
+export * from "./beBY.js";
+export * from "./caES.js";
+export * from "./csCZ.js";
+export * from "./daDK.js";
+export * from "./deDE.js";
+export * from "./elGR.js";
+export * from "./enUS.js";
+export * from "./esES.js";
+export * from "./eu.js";
+export * from "./faIR.js";
+export * from "./fiFI.js";
+export * from "./frFR.js";
+export * from "./heIL.js";
+export * from "./huHU.js";
+export * from "./isIS.js";
+export * from "./itIT.js";
+export * from "./jaJP.js";
+export * from "./koKR.js";
+export * from "./kzKZ.js";
+export * from "./mk.js";
+export * from "./nbNO.js";
+export * from "./nlNL.js";
+export * from "./nnNO.js";
+export * from "./plPL.js";
+export * from "./ptBR.js";
+export * from "./roRO.js";
+export * from "./ruRU.js";
+export * from "./skSK.js";
+export * from "./svSE.js";
+export * from "./trTR.js";
+export * from "./ukUA.js";
+export * from "./urPK.js";
+export * from "./viVN.js";
+export * from "./zhCN.js";
+export * from "./zhHK.js";
+export * from "./utils/pickersLocaleTextApi.js";

package/locales/isIS.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'klukkustundir',
   minutes: 'mínútur',

package/locales/itIT.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const views = {
   hours: 'le ore',
   minutes: 'i minuti',

package/locales/jaJP.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 // maps TimeView to its translation
 const timeViews = {
   hours: '時間',

package/locales/koKR.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const views = {
   hours: '시간을',
   minutes: '분을',

package/locales/kzKZ.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 // Translation map for Clock Label
 const timeViews = {
   hours: 'Сағатты',

package/locales/mk.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 
 // This object is not Partial<PickersLocaleText> because it is the default values
 

package/locales/nbNO.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'timer',
   minutes: 'minutter',

package/locales/nlNL.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'uren',
   minutes: 'minuten',

package/locales/nnNO.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'timar',
   minutes: 'minuttar',

package/locales/plPL.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'godzin',
   minutes: 'minut',

package/locales/ptBR.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'horas',
   minutes: 'minutos',

package/locales/roRO.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 // maps TimeView to its translation
 const timeViews = {
   hours: 'Ore',

package/locales/ruRU.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 // Translation map for Clock Label
 const timeViews = {
   hours: 'часы',

package/locales/skSK.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 // maps TimeView to its translation
 const timeViews = {
   hours: 'Hodiny',

package/locales/svSE.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'timmar',
   minutes: 'minuter',

package/locales/trTR.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'saat',
   minutes: 'dakika',

package/locales/ukUA.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'годин',
   minutes: 'хвилин',

package/locales/urPK.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const timeViews = {
   hours: 'گھنٹے',
   minutes: 'منٹ',

package/locales/viVN.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const views = {
   hours: 'giờ',
   minutes: 'phút',

package/locales/zhCN.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const views = {
   hours: '小时',
   minutes: '分钟',

package/locales/zhHK.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization';
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
 const views = {
   hours: '小時',
   minutes: '分鐘',

package/models/index.d.ts

@@ -5,3 +5,4 @@ export * from './views';
 export * from './adapters';
 export * from './common';
 export * from './pickers';
+export type { PropsFromSlot } from '@mui/x-internals/slots';

package/models/index.js

@@ -1,7 +1,10 @@
-export * from './fields';
-export * from './timezone';
-export * from './validation';
-export * from './views';
-export * from './adapters';
-export * from './common';
-export * from './pickers';
+export * from "./fields.js";
+export * from "./timezone.js";
+export * from "./validation.js";
+export * from "./views.js";
+export * from "./adapters.js";
+export * from "./common.js";
+export * from "./pickers.js";
+
+// Utils shared across the X packages
+export {};

package/modern/AdapterDateFns/AdapterDateFns.js

@@ -44,7 +44,7 @@ import isWithinInterval from 'date-fns/isWithinInterval';
 import defaultLocale from 'date-fns/locale/en-US';
 // @ts-ignore
 import longFormatters from 'date-fns/_lib/format/longFormatters';
-import { AdapterDateFnsBase } from '../AdapterDateFnsBase';
+import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 /**
  * Based on `@date-io/date-fns`
  *

package/modern/AdapterDateFns/index.js

@@ -1 +1 @@
-export { AdapterDateFns } from './AdapterDateFns';
+export { AdapterDateFns } from "./AdapterDateFns.js";

package/modern/AdapterDateFnsBase/index.js

@@ -1 +1 @@
-export { AdapterDateFnsBase } from './AdapterDateFnsBase';
+export { AdapterDateFnsBase } from "./AdapterDateFnsBase.js";

package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -45,7 +45,7 @@ import isWithinInterval from 'date-fns-jalali/isWithinInterval';
 import defaultLocale from 'date-fns-jalali/locale/fa-IR';
 // @ts-ignore
 import longFormatters from 'date-fns-jalali/_lib/format/longFormatters';
-import { AdapterDateFnsBase } from '../AdapterDateFnsBase';
+import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 const defaultFormats = {
   year: 'yyyy',
   month: 'LLLL',

package/modern/AdapterDateFnsJalali/index.js

@@ -1 +1 @@
-export { AdapterDateFnsJalali } from './AdapterDateFnsJalali';
+export { AdapterDateFnsJalali } from "./AdapterDateFnsJalali.js";

package/modern/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js

@@ -48,7 +48,7 @@ import { faIR as defaultLocale } from 'date-fns-jalali/locale/fa-IR';
 // date-fns-jalali v2 does not export types
 // @ts-ignore TODO remove when date-fns-jalali-v3 is the default
 
-import { AdapterDateFnsBase } from '../AdapterDateFnsBase';
+import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 const defaultFormats = {
   year: 'yyyy',
   month: 'LLLL',

package/modern/AdapterDateFnsJalaliV3/index.js

@@ -1 +1 @@
-export { AdapterDateFnsJalali } from './AdapterDateFnsJalaliV3';
+export { AdapterDateFnsJalali } from "./AdapterDateFnsJalaliV3.js";

package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js

@@ -48,7 +48,7 @@ import { enUS } from 'date-fns/locale/en-US';
 // date-fns v2 does not export types
 // @ts-ignore TODO remove when date-fns-v3 is the default
 
-import { AdapterDateFnsBase } from '../AdapterDateFnsBase';
+import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 /**
  * Based on `@date-io/date-fns`
  *

package/modern/AdapterDateFnsV3/index.js

@@ -1 +1 @@
-export { AdapterDateFns } from './AdapterDateFnsV3';
+export { AdapterDateFns } from "./AdapterDateFnsV3.js";

package/modern/AdapterDayjs/AdapterDayjs.js

@@ -6,7 +6,7 @@ import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
 import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
 import isBetweenPlugin from 'dayjs/plugin/isBetween';
 import advancedFormatPlugin from 'dayjs/plugin/advancedFormat';
-import { warnOnce } from '../internals/utils/warning';
+import { warnOnce } from "../internals/utils/warning.js";
 defaultDayjs.extend(localizedFormatPlugin);
 defaultDayjs.extend(weekOfYearPlugin);
 defaultDayjs.extend(isBetweenPlugin);
@@ -427,7 +427,7 @@ export class AdapterDayjs {
       return this.adjustOffset(value.startOf('month'));
     };
     this.startOfWeek = value => {
-      return this.adjustOffset(value.startOf('week'));
+      return this.adjustOffset(this.setLocaleToValue(value).startOf('week'));
     };
     this.startOfDay = value => {
       return this.adjustOffset(value.startOf('day'));
@@ -439,7 +439,7 @@ export class AdapterDayjs {
       return this.adjustOffset(value.endOf('month'));
     };
     this.endOfWeek = value => {
-      return this.adjustOffset(value.endOf('week'));
+      return this.adjustOffset(this.setLocaleToValue(value).endOf('week'));
     };
     this.endOfDay = value => {
       return this.adjustOffset(value.endOf('day'));
@@ -511,9 +511,8 @@ export class AdapterDayjs {
       return value.daysInMonth();
     };
     this.getWeekArray = value => {
-      const cleanValue = this.setLocaleToValue(value);
-      const start = this.startOfWeek(this.startOfMonth(cleanValue));
-      const end = this.endOfWeek(this.endOfMonth(cleanValue));
+      const start = this.startOfWeek(this.startOfMonth(value));
+      const end = this.endOfWeek(this.endOfMonth(value));
       let count = 0;
       let current = start;
       const nestedWeeks = [];

package/modern/AdapterDayjs/index.js

@@ -1 +1 @@
-export { AdapterDayjs } from './AdapterDayjs';
+export { AdapterDayjs } from "./AdapterDayjs.js";

package/modern/AdapterLuxon/AdapterLuxon.js

@@ -344,7 +344,7 @@ export class AdapterLuxon {
       return value.startOf('month');
     };
     this.startOfWeek = value => {
-      return value.startOf('week', {
+      return this.setLocaleToValue(value).startOf('week', {
         useLocaleWeeks: true
       });
     };
@@ -358,7 +358,7 @@ export class AdapterLuxon {
       return value.endOf('month');
     };
     this.endOfWeek = value => {
-      return value.endOf('week', {
+      return this.setLocaleToValue(value).endOf('week', {
         useLocaleWeeks: true
       });
     };
@@ -461,9 +461,8 @@ export class AdapterLuxon {
       return value.daysInMonth;
     };
     this.getWeekArray = value => {
-      const cleanValue = this.setLocaleToValue(value);
-      const firstDay = this.startOfWeek(this.startOfMonth(cleanValue));
-      const lastDay = this.endOfWeek(this.endOfMonth(cleanValue));
+      const firstDay = this.startOfWeek(this.startOfMonth(value));
+      const lastDay = this.endOfWeek(this.endOfMonth(value));
       const {
         days
       } = lastDay.diff(firstDay, 'days').toObject();

package/modern/AdapterLuxon/index.js

@@ -1 +1 @@
-export { AdapterLuxon } from './AdapterLuxon';
+export { AdapterLuxon } from "./AdapterLuxon.js";

package/modern/AdapterMoment/AdapterMoment.js

@@ -341,7 +341,7 @@ export class AdapterMoment {
       return value.clone().startOf('month');
     };
     this.startOfWeek = value => {
-      return value.clone().startOf('week');
+      return this.setLocaleToValue(value.clone()).startOf('week');
     };
     this.startOfDay = value => {
       return value.clone().startOf('day');
@@ -353,7 +353,7 @@ export class AdapterMoment {
       return value.clone().endOf('month');
     };
     this.endOfWeek = value => {
-      return value.clone().endOf('week');
+      return this.setLocaleToValue(value.clone()).endOf('week');
     };
     this.endOfDay = value => {
       return value.clone().endOf('day');
@@ -425,9 +425,8 @@ export class AdapterMoment {
       return value.daysInMonth();
     };
     this.getWeekArray = value => {
-      const cleanValue = this.setLocaleToValue(value);
-      const start = this.startOfWeek(this.startOfMonth(cleanValue));
-      const end = this.endOfWeek(this.endOfMonth(cleanValue));
+      const start = this.startOfWeek(this.startOfMonth(value));
+      const end = this.endOfWeek(this.endOfMonth(value));
       let count = 0;
       let current = start;
       const nestedWeeks = [];

package/modern/AdapterMoment/index.js

@@ -1 +1 @@
-export { AdapterMoment } from './AdapterMoment';
+export { AdapterMoment } from "./AdapterMoment.js";

package/modern/AdapterMomentHijri/AdapterMomentHijri.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable class-methods-use-this */
 import defaultHMoment from 'moment-hijri';
-import { AdapterMoment } from '../AdapterMoment';
+import { AdapterMoment } from "../AdapterMoment/index.js";
 // From https://momentjs.com/docs/#/displaying/format/
 const formatTokenMap = {
   // Year

package/modern/AdapterMomentHijri/index.js

@@ -1 +1 @@
-export { AdapterMomentHijri } from './AdapterMomentHijri';
+export { AdapterMomentHijri } from "./AdapterMomentHijri.js";

package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable class-methods-use-this */
 import defaultJMoment from 'moment-jalaali';
-import { AdapterMoment } from '../AdapterMoment';
+import { AdapterMoment } from "../AdapterMoment/index.js";
 // From https://momentjs.com/docs/#/displaying/format/
 const formatTokenMap = {
   // Year

package/modern/AdapterMomentJalaali/index.js

@@ -1 +1 @@
-export { AdapterMomentJalaali } from './AdapterMomentJalaali';
+export { AdapterMomentJalaali } from "./AdapterMomentJalaali.js";

package/modern/DateCalendar/DateCalendar.js

@@ -7,21 +7,21 @@ import clsx from 'clsx';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses, unstable_useId as useId, unstable_useEventCallback as useEventCallback } from '@mui/utils';
-import { useCalendarState } from './useCalendarState';
-import { useDefaultDates, useUtils } from '../internals/hooks/useUtils';
-import { PickersFadeTransitionGroup } from './PickersFadeTransitionGroup';
-import { DayCalendar } from './DayCalendar';
-import { MonthCalendar } from '../MonthCalendar';
-import { YearCalendar } from '../YearCalendar';
-import { useViews } from '../internals/hooks/useViews';
-import { PickersCalendarHeader } from '../PickersCalendarHeader';
-import { findClosestEnabledDate, applyDefaultDate, mergeDateAndTime } from '../internals/utils/date-utils';
-import { PickerViewRoot } from '../internals/components/PickerViewRoot';
-import { useDefaultReduceAnimations } from '../internals/hooks/useDefaultReduceAnimations';
-import { getDateCalendarUtilityClass } from './dateCalendarClasses';
-import { useControlledValueWithTimezone } from '../internals/hooks/useValueWithTimezone';
-import { singleItemValueManager } from '../internals/utils/valueManagers';
-import { VIEW_HEIGHT } from '../internals/constants/dimensions';
+import { useCalendarState } from "./useCalendarState.js";
+import { useDefaultDates, useUtils } from "../internals/hooks/useUtils.js";
+import { PickersFadeTransitionGroup } from "./PickersFadeTransitionGroup.js";
+import { DayCalendar } from "./DayCalendar.js";
+import { MonthCalendar } from "../MonthCalendar/index.js";
+import { YearCalendar } from "../YearCalendar/index.js";
+import { useViews } from "../internals/hooks/useViews.js";
+import { PickersCalendarHeader } from "../PickersCalendarHeader/index.js";
+import { findClosestEnabledDate, applyDefaultDate, mergeDateAndTime } from "../internals/utils/date-utils.js";
+import { PickerViewRoot } from "../internals/components/PickerViewRoot/index.js";
+import { useDefaultReduceAnimations } from "../internals/hooks/useDefaultReduceAnimations.js";
+import { getDateCalendarUtilityClass } from "./dateCalendarClasses.js";
+import { useControlledValueWithTimezone } from "../internals/hooks/useValueWithTimezone.js";
+import { singleItemValueManager } from "../internals/utils/valueManagers.js";
+import { VIEW_HEIGHT } from "../internals/constants/dimensions.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -427,7 +427,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   monthsPerRow: PropTypes.oneOf([3, 4]),
   /**
    * Callback fired when the value changes.
-   * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TView The view type. Will be one of date or time views.
    * @param {TValue} value The new value.
    * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.

package/modern/DateCalendar/DayCalendar.js

@@ -10,14 +10,14 @@ import { useRtl } from '@mui/system/RtlProvider';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses, unstable_useControlled as useControlled } from '@mui/utils';
 import clsx from 'clsx';
-import { PickersDay } from '../PickersDay/PickersDay';
-import { usePickersTranslations } from '../hooks/usePickersTranslations';
-import { useUtils, useNow } from '../internals/hooks/useUtils';
-import { DAY_SIZE, DAY_MARGIN } from '../internals/constants/dimensions';
-import { PickersSlideTransition } from './PickersSlideTransition';
-import { useIsDateDisabled } from './useIsDateDisabled';
-import { findClosestEnabledDate, getWeekdays } from '../internals/utils/date-utils';
-import { getDayCalendarUtilityClass } from './dayCalendarClasses';
+import { PickersDay } from "../PickersDay/PickersDay.js";
+import { usePickersTranslations } from "../hooks/usePickersTranslations.js";
+import { useUtils, useNow } from "../internals/hooks/useUtils.js";
+import { DAY_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.js";
+import { PickersSlideTransition } from "./PickersSlideTransition.js";
+import { useIsDateDisabled } from "./useIsDateDisabled.js";
+import { findClosestEnabledDate, getWeekdays } from "../internals/utils/date-utils.js";
+import { getDayCalendarUtilityClass } from "./dayCalendarClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -360,7 +360,6 @@ export function DayCalendar(inProps) {
   const transitionKey = `${currentYearNumber}-${currentMonthNumber}`;
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const slideNodeRef = React.useMemo(() => /*#__PURE__*/React.createRef(), [transitionKey]);
-  const startOfCurrentWeek = utils.startOfWeek(now);
   const focusableDay = React.useMemo(() => {
     const startOfMonth = utils.startOfMonth(currentMonth);
     const endOfMonth = utils.endOfMonth(currentMonth);
@@ -410,7 +409,7 @@ export function DayCalendar(inProps) {
       }), getWeekdays(utils, now).map((weekday, i) => /*#__PURE__*/_jsx(PickersCalendarWeekDayLabel, {
         variant: "caption",
         role: "columnheader",
-        "aria-label": utils.format(utils.addDays(startOfCurrentWeek, i), 'weekday'),
+        "aria-label": utils.format(weekday, 'weekday'),
         className: classes.weekDayLabel,
         children: dayOfWeekFormatter(weekday)
       }, i.toString()))]

package/modern/DateCalendar/PickersFadeTransitionGroup.js

@@ -4,7 +4,7 @@ import { TransitionGroup } from 'react-transition-group';
 import Fade from '@mui/material/Fade';
 import { styled, useTheme, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
-import { getPickersFadeTransitionGroupUtilityClass } from './pickersFadeTransitionGroupClasses';
+import { getPickersFadeTransitionGroupUtilityClass } from "./pickersFadeTransitionGroupClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/DateCalendar/PickersSlideTransition.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import { styled, useTheme, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
-import { getPickersSlideTransitionUtilityClass, pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
+import { getPickersSlideTransitionUtilityClass, pickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/DateCalendar/index.js

@@ -1,5 +1,5 @@
-export { DateCalendar } from './DateCalendar';
-export { getDateCalendarUtilityClass, dateCalendarClasses } from './dateCalendarClasses';
-export { dayCalendarClasses } from './dayCalendarClasses';
-export { pickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
-export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
+export { DateCalendar } from "./DateCalendar.js";
+export { getDateCalendarUtilityClass, dateCalendarClasses } from "./dateCalendarClasses.js";
+export { dayCalendarClasses } from "./dayCalendarClasses.js";
+export { pickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
+export { pickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";

package/modern/DateCalendar/useCalendarState.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useIsDateDisabled } from './useIsDateDisabled';
-import { useUtils } from '../internals/hooks/useUtils';
-import { singleItemValueManager } from '../internals/utils/valueManagers';
-import { SECTION_TYPE_GRANULARITY } from '../internals/utils/getDefaultReferenceDate';
+import { useIsDateDisabled } from "./useIsDateDisabled.js";
+import { useUtils } from "../internals/hooks/useUtils.js";
+import { singleItemValueManager } from "../internals/utils/valueManagers.js";
+import { SECTION_TYPE_GRANULARITY } from "../internals/utils/getDefaultReferenceDate.js";
 export const createCalendarStateReducer = (reduceAnimations, disableSwitchToMonthOnDayFocus, utils) => (state, action) => {
   switch (action.type) {
     case 'changeMonth':

package/modern/DateCalendar/useIsDateDisabled.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { validateDate } from '../internals/utils/validation/validateDate';
-import { useLocalizationContext } from '../internals/hooks/useUtils';
+import { validateDate } from "../internals/utils/validation/validateDate.js";
+import { useLocalizationContext } from "../internals/hooks/useUtils.js";
 export const useIsDateDisabled = ({
   shouldDisableDate,
   shouldDisableMonth,