@mui/x-date-pickers 7.15.0 → 7.17.0

package/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/AdapterDateFns/index.js

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

package/AdapterDateFnsBase/index.js

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

package/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/AdapterDateFnsJalali/index.js

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

package/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/AdapterDateFnsJalaliV3/index.js

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

package/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/AdapterDateFnsV3/index.js

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

package/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 '@mui/x-internals/warning';
 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/AdapterDayjs/index.js

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

package/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/AdapterLuxon/index.js

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

package/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/AdapterMoment/index.js

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

package/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/AdapterMomentHijri/index.js

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

package/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/AdapterMomentJalaali/index.js

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

package/CHANGELOG.md

@@ -1,8 +1,192 @@
-# Change Log
+# Changelog
 
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.17.0
+
+_Sep 13, 2024_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Charts performance improvement
+- 🧑‍💻 New Data Grid [custom columns demo](https://mui.com/x/react-data-grid/custom-columns/#full-example)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌍 Improve Hungarian (hu-HU) locale on the Data Grid
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.17.0`
+
+- [DataGrid] Add "does not equal" and "does not contain" filter operators (#14489) @KenanYusuf
+- [DataGrid] Add demo to the "Custom columns" page that does not use generator (#13695) @arminmeh
+- [DataGrid] Fix Voice Over reading the column name twice (#14482) @arminmeh
+- [DataGrid] Fix bug in CRUD example (#14513) @michelengelen
+- [DataGrid] Fix failing jsdom tests caused by `:has()` selectors (#14559) @KenanYusuf
+- [DataGrid] Refactor string operator filter functions (#14564) @KenanYusuf
+- [l10n] Improve Hungarian (hu-HU) locale (#14506) @ntamas
+
+#### `@mui/x-data-grid-pro@7.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.17.0`.
+
+#### `@mui/x-data-grid-premium@7.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.17.0`
+
+- [fields] Improve `useSplitFieldProps` and make it public (#14514) @flaviendelangle
+- [pickers] Improve clear action label (#14243) @oliviertassinari
+- [pickers] Add `"use client"` directive to every public component and hook (#14562) @flaviendelangle
+- [pickers] Allow custom fields to validate the value (#14486) @flaviendelangle
+- [pickers] Stop using utils in locales (#14505) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.17.0`, plus:
+
+- [DateRangePicker] Fix `currentMonthCalendarPosition` not scrolling to future sibling (#14442) @GMchris
+
+### Charts
+
+#### `@mui/x-charts@7.17.0`
+
+- [charts] Add `"use client"` directive to every public component and hook (#14578) @flaviendelangle
+- [charts] Allow `onItemClick` on the `Legend` component (#14231) @JCQuintas
+- [charts] Fix `onAxisClick` with `layout='horizontal'` (#14547) @alexfauquette
+- [charts] Replace `path` with `circle` for performance improvement (#14518) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.17.0`
+
+- [TreeView] Make `useTreeItem2` stable (#14498) @flaviendelangle
+
+### Docs
+
+- [docs] Add missing callout on "Imperative API" tree view sections (#14503) @flaviendelangle
+- [docs] Fix broken redirection to MUI X v5 @oliviertassinari
+- [docs] Fix multiple `console.error` messages on `charts` docs (#14554) @JCQuintas
+- [docs] Fixed typo in Row Grouping recipes (#14549) @Miodini
+- [docs] Match title with blog posts @oliviertassinari
+
+### Core
+
+- [core] Move warning methods to `@mui/x-internals` (#14528) @k-rajat19
+- [core] Sync with core release flow @oliviertassinari
+- [code-infra] Fix charts benchmark workflow (#14573) @JCQuintas
+- [docs-infra] Type interface API pages (#14138) @alexfauquette
+- [infra] Create `ESLint plugins` renovate group (#14574) @LukasTy
+- [license] Clean-up terminology to match codebase (#14531) @oliviertassinari
+- [test] Remove dead `act()` logic (#14529) @oliviertassinari
+
+## 7.16.0
+
+_Sep 5, 2024_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Update the design of Data Grid column headers (#14293)
+- 🧠 Add the `slots` concept introduction documentation page (#13881)
+- 🌍 Improve Chinese (zh-CN) and Dutch (nl-NL) locales on the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.16.0`
+
+- [DataGrid] Add key prop to `GridFilterInputMultipleValue` (#14302) @sai6855
+- [DataGrid] Allow to control the indeterminate checkbox behavior (#14247) @MBilalShafi
+- [DataGrid] Column header design updates (#14293) @KenanYusuf
+- [DataGrid] Fix error on simultaneous `columns` and `columnGroupingModel` update (#14368) @cherniavskii
+- [DataGrid] Fix first row flickering with `autoHeight` prop enabled (#14235) @KenanYusuf
+- [DataGrid] Remove cell min-width / max-width styles (#14448) @oliviertassinari
+- [DataGrid] Restore reselect behavior (#14410) @romgrk
+- [l10n] Improve Chinese (zh-CN) locale (#14394) @lawvs
+- [l10n] Improve Dutch (nl-NL) locale (#14398) @Janpot
+
+#### `@mui/x-data-grid-pro@7.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.16.0`, plus:
+
+- [DataGridPro] Fix duplicate top border in header filters (#14375) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.16.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.16.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.16.0`
+
+- [pickers] Improve `onError` JSDoc (#14492) @flaviendelangle
+- [pickers] Keep the calendar header and content in sync when switching locale (#14125) @flaviendelangle
+- [pickers] Move multi input range field validation tests to the describe test file (#14501) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.16.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.16.0`
+
+- [charts] Fix JSDoc typos (#14497) @alexfauquette
+- [charts] Fix `LineChart` not properly animating when hydrating (#14355) @JCQuintas
+- [charts] Fix theme augmentation (#14372) @alexfauquette
+- [charts] Pass all props to legend (#14392) @JCQuintas
+- [charts] Use `.mjs` extension for ESM build (#14387) @alexfauquette
+- [charts] Update `package.json` for vendor package (#14465) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.16.0`, plus:
+
+- [charts-pro] Fix props and automated documentation on `BarChartPro` and `LineChartPro` (#14391) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.16.0`
+
+- [TreeView] Clean label editing code (#14264) @flaviendelangle
+
+### `@mui/x-codemod@7.16.0`
+
+- [codemod] Fix `experimentalFeatures` codemod for typescript parser (#14150) @MBilalShafi
+
+### Docs
+
+- [docs] Add RTL documentation for the pickers (#13855) @flaviendelangle
+- [docs] Add the `slots` concept introduction page (#13881) @flaviendelangle
+- [docs] Remove TypeScript v3 outdated version mentions (#14443) @k-rajat19
+- [docs] Remove notion of seats (#14351) @oliviertassinari
+- [docs] Use real world data for `PieChart` examples (#14297) @JCQuintas
+
+### Core
+
+- [core] Fix changelog spelling @oliviertassinari
+- [core] Fix failing tests on the pickers (#14457) @flaviendelangle
+- [core] Reset permissions for codspeed GitHub Action (#14420) @oliviertassinari
+- [code-infra] Add babel runtime version check (#14483) @Janpot
+- [code-infra] Fully resolve imports in ESM target (#14234) @Janpot
+- [code-infra] Update runners from node 18 to 20 (#14466) @JCQuintas
+- [infra] Added `secrets: inherit` to workflow call (#14454) @michelengelen
+- [infra] Switch "add closing message" to reusable workflow (#14499) @michelengelen
+- [infra] Switch "issue triage workflow" to reusable workflows (#14390) @michelengelen
+
 ## 7.15.0
 
 _Aug 29, 2024_

package/DateCalendar/DateCalendar.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 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"];
@@ -7,21 +9,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 +429,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/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/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/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/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/DateCalendar/useCalendarState.js

@@ -1,10 +1,12 @@
+'use client';
+
 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/DateCalendar/useIsDateDisabled.d.ts

@@ -1,3 +1,4 @@
-import { DateComponentValidationProps } from '../internals/utils/validation/validateDate';
-import { PickerValidDate } from '../models';
-export declare const useIsDateDisabled: <TDate extends PickerValidDate>({ shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast, timezone, }: DateComponentValidationProps<TDate>) => (day: TDate | null) => boolean;
+import { ValidateDateProps } from '../validation';
+import { PickerValidDate, TimezoneProps } from '../models';
+import { DefaultizedProps } from '../internals/models/helpers';
+export declare const useIsDateDisabled: <TDate extends PickerValidDate>({ shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast, timezone, }: ValidateDateProps<TDate> & DefaultizedProps<TimezoneProps, "timezone">) => (day: TDate | null) => boolean;

package/DateCalendar/useIsDateDisabled.js

@@ -1,6 +1,8 @@
+'use client';
+
 import * as React from 'react';
-import { validateDate } from '../internals/utils/validation/validateDate';
-import { useLocalizationContext } from '../internals/hooks/useUtils';
+import { validateDate } from "../validation/index.js";
+import { useLocalizationContext } from "../internals/hooks/useUtils.js";
 export const useIsDateDisabled = ({
   shouldDisableDate,
   shouldDisableMonth,
@@ -15,6 +17,7 @@ export const useIsDateDisabled = ({
   return React.useCallback(day => validateDate({
     adapter,
     value: day,
+    timezone,
     props: {
       shouldDisableDate,
       shouldDisableMonth,
@@ -22,8 +25,7 @@ export const useIsDateDisabled = ({
       minDate,
       maxDate,
       disableFuture,
-      disablePast,
-      timezone
+      disablePast
     }
   }) !== null, [adapter, shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast, timezone]);
 };