@mui/x-date-pickers 7.7.0 → 7.8.0

package/AdapterDateFns/AdapterDateFns.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="date-fns" />
 import defaultLocale from 'date-fns/locale/en-US';
 import { AdapterFormats, AdapterOptions, MuiPickersAdapter } from '../models';
 import { AdapterDateFnsBase } from '../AdapterDateFnsBase';

package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="date-fns-jalali" />
 import defaultLocale from 'date-fns-jalali/locale/fa-IR';
 import { AdapterFormats, AdapterOptions, MuiPickersAdapter } from '../models';
 import { AdapterDateFnsBase } from '../AdapterDateFnsBase';

package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.d.ts

@@ -33,55 +33,55 @@ declare module '@mui/x-date-pickers/models' {
  */
 export declare class AdapterDateFnsJalali extends AdapterDateFnsBase<DateFnsLocale> implements MuiPickersAdapter<Date, DateFnsLocale> {
     constructor({ locale, formats }?: AdapterOptions<DateFnsLocale, never>);
-    parse: (value: string, format: string) => any;
-    getCurrentLocaleCode: () => any;
-    isValid: (value: Date | null) => any;
-    format: (value: Date, formatKey: keyof AdapterFormats) => any;
-    formatByString: (value: Date, formatString: string) => any;
+    parse: (value: string, format: string) => Date | null;
+    getCurrentLocaleCode: () => string;
+    isValid: (value: Date | null) => boolean;
+    format: (value: Date, formatKey: keyof AdapterFormats) => string;
+    formatByString: (value: Date, formatString: string) => string;
     formatNumber: (numberToFormat: string) => string;
-    isEqual: (value: Date | null, comparing: Date | null) => any;
-    isSameYear: (value: Date, comparing: Date) => any;
-    isSameMonth: (value: Date, comparing: Date) => any;
-    isSameDay: (value: Date, comparing: Date) => any;
-    isSameHour: (value: Date, comparing: Date) => any;
-    isAfter: (value: Date, comparing: Date) => any;
-    isAfterYear: (value: Date, comparing: Date) => any;
-    isAfterDay: (value: Date, comparing: Date) => any;
-    isBefore: (value: Date, comparing: Date) => any;
-    isBeforeYear: (value: Date, comparing: Date) => any;
-    isBeforeDay: (value: Date, comparing: Date) => any;
-    isWithinRange: (value: Date, [start, end]: [Date, Date]) => any;
-    startOfYear: (value: Date) => any;
-    startOfMonth: (value: Date) => any;
-    startOfWeek: (value: Date) => any;
-    startOfDay: (value: Date) => any;
-    endOfYear: (value: Date) => any;
-    endOfMonth: (value: Date) => any;
-    endOfWeek: (value: Date) => any;
-    endOfDay: (value: Date) => any;
-    addYears: (value: Date, amount: number) => any;
-    addMonths: (value: Date, amount: number) => any;
-    addWeeks: (value: Date, amount: number) => any;
-    addDays: (value: Date, amount: number) => any;
-    addHours: (value: Date, amount: number) => any;
-    addMinutes: (value: Date, amount: number) => any;
-    addSeconds: (value: Date, amount: number) => any;
-    getYear: (value: Date) => any;
-    getMonth: (value: Date) => any;
-    getDate: (value: Date) => any;
-    getHours: (value: Date) => any;
-    getMinutes: (value: Date) => any;
-    getSeconds: (value: Date) => any;
-    getMilliseconds: (value: Date) => any;
-    setYear: (value: Date, year: number) => any;
-    setMonth: (value: Date, month: number) => any;
-    setDate: (value: Date, date: number) => any;
-    setHours: (value: Date, hours: number) => any;
-    setMinutes: (value: Date, minutes: number) => any;
-    setSeconds: (value: Date, seconds: number) => any;
-    setMilliseconds: (value: Date, milliseconds: number) => any;
-    getDaysInMonth: (value: Date) => any;
+    isEqual: (value: Date | null, comparing: Date | null) => boolean;
+    isSameYear: (value: Date, comparing: Date) => boolean;
+    isSameMonth: (value: Date, comparing: Date) => boolean;
+    isSameDay: (value: Date, comparing: Date) => boolean;
+    isSameHour: (value: Date, comparing: Date) => boolean;
+    isAfter: (value: Date, comparing: Date) => boolean;
+    isAfterYear: (value: Date, comparing: Date) => boolean;
+    isAfterDay: (value: Date, comparing: Date) => boolean;
+    isBefore: (value: Date, comparing: Date) => boolean;
+    isBeforeYear: (value: Date, comparing: Date) => boolean;
+    isBeforeDay: (value: Date, comparing: Date) => boolean;
+    isWithinRange: (value: Date, [start, end]: [Date, Date]) => boolean;
+    startOfYear: (value: Date) => Date;
+    startOfMonth: (value: Date) => Date;
+    startOfWeek: (value: Date) => Date;
+    startOfDay: (value: Date) => Date;
+    endOfYear: (value: Date) => Date;
+    endOfMonth: (value: Date) => Date;
+    endOfWeek: (value: Date) => Date;
+    endOfDay: (value: Date) => Date;
+    addYears: (value: Date, amount: number) => Date;
+    addMonths: (value: Date, amount: number) => Date;
+    addWeeks: (value: Date, amount: number) => Date;
+    addDays: (value: Date, amount: number) => Date;
+    addHours: (value: Date, amount: number) => Date;
+    addMinutes: (value: Date, amount: number) => Date;
+    addSeconds: (value: Date, amount: number) => Date;
+    getYear: (value: Date) => number;
+    getMonth: (value: Date) => number;
+    getDate: (value: Date) => number;
+    getHours: (value: Date) => number;
+    getMinutes: (value: Date) => number;
+    getSeconds: (value: Date) => number;
+    getMilliseconds: (value: Date) => number;
+    setYear: (value: Date, year: number) => Date;
+    setMonth: (value: Date, month: number) => Date;
+    setDate: (value: Date, date: number) => Date;
+    setHours: (value: Date, hours: number) => Date;
+    setMinutes: (value: Date, minutes: number) => Date;
+    setSeconds: (value: Date, seconds: number) => Date;
+    setMilliseconds: (value: Date, milliseconds: number) => Date;
+    getDaysInMonth: (value: Date) => number;
     getWeekArray: (value: Date) => Date[][];
-    getWeekNumber: (date: Date) => any;
+    getWeekNumber: (date: Date) => number;
     getYearRange: ([start, end]: [Date, Date]) => Date[];
 }

package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js

@@ -130,6 +130,7 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
       longFormatters,
       lib: 'date-fns-jalali'
     });
+    // TODO: explicit return types can be removed once there is only one date-fns version supported
     this.parse = (value, format) => {
       if (value === '') {
         return null;

package/AdapterDateFnsV3/AdapterDateFnsV3.d.ts

@@ -33,53 +33,53 @@ declare module '@mui/x-date-pickers/models' {
  */
 export declare class AdapterDateFns extends AdapterDateFnsBase<DateFnsLocale> implements MuiPickersAdapter<Date, DateFnsLocale> {
     constructor({ locale, formats }?: AdapterOptions<DateFnsLocale, never>);
-    parse: (value: string, format: string) => any;
-    isValid: (value: Date | null) => any;
-    format: (value: Date, formatKey: keyof AdapterFormats) => any;
-    formatByString: (value: Date, formatString: string) => any;
-    isEqual: (value: Date | null, comparing: Date | null) => any;
-    isSameYear: (value: Date, comparing: Date) => any;
-    isSameMonth: (value: Date, comparing: Date) => any;
-    isSameDay: (value: Date, comparing: Date) => any;
-    isSameHour: (value: Date, comparing: Date) => any;
-    isAfter: (value: Date, comparing: Date) => any;
-    isAfterYear: (value: Date, comparing: Date) => any;
-    isAfterDay: (value: Date, comparing: Date) => any;
-    isBefore: (value: Date, comparing: Date) => any;
-    isBeforeYear: (value: Date, comparing: Date) => any;
-    isBeforeDay: (value: Date, comparing: Date) => any;
-    isWithinRange: (value: Date, [start, end]: [Date, Date]) => any;
-    startOfYear: (value: Date) => any;
-    startOfMonth: (value: Date) => any;
-    startOfWeek: (value: Date) => any;
-    startOfDay: (value: Date) => any;
-    endOfYear: (value: Date) => any;
-    endOfMonth: (value: Date) => any;
-    endOfWeek: (value: Date) => any;
-    endOfDay: (value: Date) => any;
-    addYears: (value: Date, amount: number) => any;
-    addMonths: (value: Date, amount: number) => any;
-    addWeeks: (value: Date, amount: number) => any;
-    addDays: (value: Date, amount: number) => any;
-    addHours: (value: Date, amount: number) => any;
-    addMinutes: (value: Date, amount: number) => any;
-    addSeconds: (value: Date, amount: number) => any;
-    getYear: (value: Date) => any;
-    getMonth: (value: Date) => any;
-    getDate: (value: Date) => any;
-    getHours: (value: Date) => any;
-    getMinutes: (value: Date) => any;
-    getSeconds: (value: Date) => any;
-    getMilliseconds: (value: Date) => any;
-    setYear: (value: Date, year: number) => any;
-    setMonth: (value: Date, month: number) => any;
-    setDate: (value: Date, date: number) => any;
-    setHours: (value: Date, hours: number) => any;
-    setMinutes: (value: Date, minutes: number) => any;
-    setSeconds: (value: Date, seconds: number) => any;
-    setMilliseconds: (value: Date, milliseconds: number) => any;
-    getDaysInMonth: (value: Date) => any;
+    parse: (value: string, format: string) => Date | null;
+    isValid: (value: Date | null) => boolean;
+    format: (value: Date, formatKey: keyof AdapterFormats) => string;
+    formatByString: (value: Date, formatString: string) => string;
+    isEqual: (value: Date | null, comparing: Date | null) => boolean;
+    isSameYear: (value: Date, comparing: Date) => boolean;
+    isSameMonth: (value: Date, comparing: Date) => boolean;
+    isSameDay: (value: Date, comparing: Date) => boolean;
+    isSameHour: (value: Date, comparing: Date) => boolean;
+    isAfter: (value: Date, comparing: Date) => boolean;
+    isAfterYear: (value: Date, comparing: Date) => boolean;
+    isAfterDay: (value: Date, comparing: Date) => boolean;
+    isBefore: (value: Date, comparing: Date) => boolean;
+    isBeforeYear: (value: Date, comparing: Date) => boolean;
+    isBeforeDay: (value: Date, comparing: Date) => boolean;
+    isWithinRange: (value: Date, [start, end]: [Date, Date]) => boolean;
+    startOfYear: (value: Date) => Date;
+    startOfMonth: (value: Date) => Date;
+    startOfWeek: (value: Date) => Date;
+    startOfDay: (value: Date) => Date;
+    endOfYear: (value: Date) => Date;
+    endOfMonth: (value: Date) => Date;
+    endOfWeek: (value: Date) => Date;
+    endOfDay: (value: Date) => Date;
+    addYears: (value: Date, amount: number) => Date;
+    addMonths: (value: Date, amount: number) => Date;
+    addWeeks: (value: Date, amount: number) => Date;
+    addDays: (value: Date, amount: number) => Date;
+    addHours: (value: Date, amount: number) => Date;
+    addMinutes: (value: Date, amount: number) => Date;
+    addSeconds: (value: Date, amount: number) => Date;
+    getYear: (value: Date) => number;
+    getMonth: (value: Date) => number;
+    getDate: (value: Date) => number;
+    getHours: (value: Date) => number;
+    getMinutes: (value: Date) => number;
+    getSeconds: (value: Date) => number;
+    getMilliseconds: (value: Date) => number;
+    setYear: (value: Date, year: number) => Date;
+    setMonth: (value: Date, month: number) => Date;
+    setDate: (value: Date, date: number) => Date;
+    setHours: (value: Date, hours: number) => Date;
+    setMinutes: (value: Date, minutes: number) => Date;
+    setSeconds: (value: Date, seconds: number) => Date;
+    setMilliseconds: (value: Date, milliseconds: number) => Date;
+    getDaysInMonth: (value: Date) => number;
     getWeekArray: (value: Date) => Date[][];
-    getWeekNumber: (value: Date) => any;
+    getWeekNumber: (value: Date) => number;
     getYearRange: ([start, end]: [Date, Date]) => Date[];
 }

package/AdapterDateFnsV3/AdapterDateFnsV3.js

@@ -90,6 +90,7 @@ export class AdapterDateFns extends AdapterDateFnsBase {
       formats,
       longFormatters
     });
+    // TODO: explicit return types can be removed once there is only one date-fns version supported
     this.parse = (value, format) => {
       if (value === '') {
         return null;

package/CHANGELOG.md

@@ -3,6 +3,187 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.8.0
+
+_Jun 28, 2024_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🛰 Introduce server-side data source for improved server integration in the Data Grid.
+
+  Supports server-side pagination, sorting and filtering on plain and tree data, and automatic caching.
+
+  To enable, provide a `getRows` function to the `unstable_dataSource` prop on the Data Grid component.
+
+  ```tsx
+  const dataSource = {
+    getRows: async (params: GridServerGetRowsParams) => {
+      const data = await fetch(
+        `https://api.example.com/data?${new URLSearchParams({
+          page: params.page,
+          pageSize: params.pageSize,
+          sortModel: JSON.stringify(params.sortModel),
+          filterModel: JSON.stringify(params.filterModel),
+        }).toString()}`,
+      );
+      return {
+        rows: data.rows,
+        totalRows: data.totalRows,
+      };
+    },
+  }
+  <DataGridPro
+    unstable_dataSource={dataSource}
+    {...otherProps}
+  />
+  ```
+
+  See [server-side data documentation](https://mui.com/x/react-data-grid/server-side-data/) for more details.
+
+- 📈 Support Date data on the BarChart component
+- ↕️ Support custom column sort icons on the Data Grid
+- 🖱️ Support modifying the expansion trigger on the Tree View components
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.8.0`
+
+- [DataGrid] Add `columnHeaderSortIcon` slot (#13563) @arminmeh
+- [DataGrid] Fix dimensions lag issue after autosize (#13587) @MBilalShafi
+- [DataGrid] Fix print export failure when `hideFooter` option is set (#13034) @tarunrajput
+
+#### `@mui/x-data-grid-pro@7.8.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.8.0`, plus:
+
+- [DataGridPro] Fix multi-sorting indicator being cut off (#13625) @KenanYusuf
+- [DataGridPro] Server-side tree data support (#12317) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.8.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.8.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.8.0`
+
+- [fields] Fix section clearing behavior on Android (#13652) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.8.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.8.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.8.0`
+
+- [charts] Fix line chart props not passing correct event handlers (#13609) @JCQuintas
+- [charts] Support BarChart with `Date` data (#13471) @alexfauquette
+- [charts] Support RTL for y-axis (#13614) @alexfauquette
+- [charts] Use default values instead of non-null assertion to prevent error being thrown (#13637) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.8.0`
+
+- [TreeView] Add `expansionTrigger` prop (#13533) @noraleonte
+- [TreeView] Support experimental features from plugin's dependencies (#13632) @flaviendelangle
+
+### Docs
+
+- [docs] Add callout for `Luxon` `throwOnInvalid` support (#13621) @LukasTy
+- [docs] Add "Overlays" section to the Data Grid documentation (#13624) @KenanYusuf
+
+### Core
+
+- [core] Add eslint rule to restrict import from `../internals` root (#13633) @JCQuintas
+- [docs-infra] Sync `\_app` folder with monorepo (#13582) @Janpot
+- [license] Allow usage of charts and tree view pro package for old premium licenses (#13619) @flaviendelangle
+
+## 7.7.1
+
+_Jun 21, 2024_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Portuguese (pt-PT) locale on the Data Grid
+- 🌍 Improve Danish (da-DK) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.7.1`
+
+- [DataGrid][docs] Clarify enabling pagination (#13350) @oliviertassinari
+- [DataGrid] Fix CSV export escaping for non-string values (#13560) @joeycumines-scw
+- [l10n] Improve Portuguese (pt-PT) locale (#13348) @joaosreis
+
+#### `@mui/x-data-grid-pro@7.7.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-data-grid@7.7.1`, plus:
+
+- [DataGrid] Warn about `getTreeDataPath` reference (#13519) @cherniavskii
+
+#### `@mui/x-data-grid-premium@7.7.1` [![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.7.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.7.1`
+
+- [fields] Prevent digit editing on the `Space` key down (#13510) @flaviendelangle
+- [l10n] Improve Danish (da-DK) locale (#13375) @jacrowland1
+- [pickers] Add context to `onAccept` callback (#13511) @flaviendelangle
+- [pickers] Always use the same timezone in the field, the view and the layout components (#13481) @flaviendelangle
+- [pickers] Fix `AdapterDateFnsV3` generated method types (#13464) @alexey-kozlenkov
+- [pickers] Fix controlled `view` behavior (#13552) @LukasTy
+- [TimePicker] Improves RTL verification for the time pickers default views (#13447) @arthurbalduini
+
+#### `@mui/x-date-pickers-pro@7.7.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-date-pickers@7.7.1`, plus:
+
+- [DateRangePicker] Add accessible name to calendar grid (#13538) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.7.1`
+
+- [charts] Divide `CartesianProvider` to use logic in Pro package (#13531) @JCQuintas
+- [charts] Do not publish the pro package (#13539) @alexfauquette
+- [charts] Export `Pro` versions of regular charts (#13547) @JCQuintas
+- [charts] Prepare `ChartContainerPro` for future Zoom changes (#13532) @JCQuintas
+- [charts] Remove unnecessary proptypes from internal component (#13518) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.7.1`
+
+- [TreeView] Improve typing to support optional dependencies in plugins and in the item (#13523) @flaviendelangle
+- [TreeView] Move `useTreeViewId` to the core plugins (#13566) @flaviendelangle
+- [TreeView] Remove unused state from `useTreeViewId` (#13579) @flaviendelangle
+- [TreeView] Support `itemId` with escaping characters when using `SimpleTreeView` (#13487) @oukunan
+
+### Docs
+
+- [docs] Add section about the new uncovered product watermark (#13568) @michelengelen
+- [docs] Document the `PickerValidDate` type override (#13476) @flaviendelangle
+- [docs] Fix typo (#13507) @anshtiwatne
+- [docs] Remove "-" in heat-map and tree-map urls (#13569) @alexfauquette
+- [docs] Use dedicated tab for weather dataset (#13513) @alexfauquette
+- [x-license] license update proposal (#13459) @michelengelen
+
+### Core
+
+- [core] Fix failing CI test (#13574) @alexfauquette
+- [infra] Remove explicit `@testing-library/react` dependency (#13478) @LukasTy
+
 ## 7.7.0
 
 _Jun 13, 2024_

package/DateCalendar/useCalendarState.d.ts

@@ -22,7 +22,7 @@ interface ChangeFocusedDayPayload<TDate extends PickerValidDate> {
      */
     withoutMonthSwitchingAnimation?: boolean;
 }
-export declare const createCalendarStateReducer: <TDate extends PickerValidDate>(reduceAnimations: boolean, disableSwitchToMonthOnDayFocus: boolean, utils: MuiPickersAdapter<TDate>) => (state: CalendarState<TDate>, action: ReducerAction<'finishMonthSwitchingAnimation'> | ReducerAction<'changeMonth', ChangeMonthPayload<TDate>> | ReducerAction<'changeFocusedDay', ChangeFocusedDayPayload<TDate>>) => CalendarState<TDate>;
+export declare const createCalendarStateReducer: <TDate extends PickerValidDate>(reduceAnimations: boolean, disableSwitchToMonthOnDayFocus: boolean, utils: MuiPickersAdapter<TDate>) => (state: CalendarState<TDate>, action: ReducerAction<"finishMonthSwitchingAnimation"> | ReducerAction<"changeMonth", ChangeMonthPayload<TDate>> | ReducerAction<"changeFocusedDay", ChangeFocusedDayPayload<TDate>>) => CalendarState<TDate>;
 interface UseCalendarStateParams<TDate extends PickerValidDate> extends Pick<DateCalendarDefaultizedProps<TDate>, 'value' | 'referenceDate' | 'disableFuture' | 'disablePast' | 'minDate' | 'maxDate' | 'onMonthChange' | 'reduceAnimations' | 'shouldDisableDate'> {
     disableSwitchToMonthOnDayFocus?: boolean;
     timezone: PickersTimezone;

package/DatePicker/DatePicker.js

@@ -167,7 +167,9 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/DateTimePicker/DateTimePicker.js

@@ -205,7 +205,9 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/DateTimePicker/DateTimePickerToolbar.js

@@ -16,7 +16,7 @@ import { useMeridiemMode } from '../internals/hooks/date-helpers-hooks';
 import { MULTI_SECTION_CLOCK_SECTION_WIDTH } from '../internals/constants/dimensions';
 import { formatMeridiem } from '../internals/utils/date-utils';
 import { pickersToolbarTextClasses } from '../internals/components/pickersToolbarTextClasses';
-import { pickersToolbarClasses } from '../internals';
+import { pickersToolbarClasses } from '../internals/components/pickersToolbarClasses';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/DesktopDatePicker/DesktopDatePicker.js

@@ -182,7 +182,9 @@ DesktopDatePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -17,10 +17,12 @@ import { useDesktopPicker } from '../internals/hooks/useDesktopPicker';
 import { extractValidationProps } from '../internals/utils/validation/extractValidationProps';
 import { resolveDateTimeFormat, resolveTimeViewsResponse } from '../internals/utils/date-time-utils';
 import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '../timeViewRenderers';
-import { VIEW_HEIGHT, isDatePickerView, isInternalTimeView } from '../internals';
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '../MultiSectionDigitalClock';
 import { digitalClockClasses } from '../DigitalClock';
 import { DesktopDateTimePickerLayout } from './DesktopDateTimePickerLayout';
+import { VIEW_HEIGHT } from '../internals/constants/dimensions';
+import { isInternalTimeView } from '../internals/utils/time-utils';
+import { isDatePickerView } from '../internals/utils/date-utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const rendererInterceptor = function rendererInterceptor(inViewRenderers, popperView, rendererProps) {
   const {
@@ -305,7 +307,9 @@ DesktopDateTimePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/DesktopDateTimePicker/DesktopDateTimePickerLayout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PickersLayoutProps } from '../PickersLayout';
 import { PickerValidDate } from '../models';
-import { DateOrTimeViewWithMeridiem } from '../internals';
+import { DateOrTimeViewWithMeridiem } from '../internals/models/common';
 /**
  * @ignore - internal component.
  */

package/DesktopTimePicker/DesktopTimePicker.js

@@ -193,7 +193,9 @@ DesktopTimePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/MobileDatePicker/MobileDatePicker.js

@@ -179,7 +179,9 @@ MobileDatePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -227,7 +227,9 @@ MobileDateTimePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/MobileTimePicker/MobileTimePicker.js

@@ -172,7 +172,9 @@ MobileTimePicker.propTypes = {
   /**
    * Callback fired when the value is accepted.
    * @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 TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
+   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
    */
   onAccept: PropTypes.func,
   /**

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -4,6 +4,7 @@ const _excluded = ["ampm", "timeSteps", "autoFocus", "slots", "slotProps", "valu
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
+import { useRtl } from '@mui/system/RtlProvider';
 import { styled, useThemeProps } from '@mui/material/styles';
 import useEventCallback from '@mui/utils/useEventCallback';
 import composeClasses from '@mui/utils/composeClasses';
@@ -53,6 +54,7 @@ const MultiSectionDigitalClockRoot = styled(PickerViewRoot, {
  */
 export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function MultiSectionDigitalClock(inProps, ref) {
   const utils = useUtils();
+  const isRtl = useRtl();
   const props = useThemeProps({
     props: inProps,
     name: 'MuiMultiSectionDigitalClock'
@@ -295,6 +297,17 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
         throw new Error(`Unknown view: ${viewToBuild} found.`);
     }
   }, [now, value, ampm, utils, timeSteps.hours, timeSteps.minutes, timeSteps.seconds, localeText.hoursClockNumberText, localeText.minutesClockNumberText, localeText.secondsClockNumberText, meridiemMode, setValueAndGoToNextView, valueOrReferenceDate, isTimeDisabled, handleMeridiemChange]);
+  const viewsToRender = React.useMemo(() => {
+    if (!isRtl) {
+      return views;
+    }
+    const digitViews = views.filter(v => v !== 'meridiem');
+    const result = digitViews.toReversed();
+    if (views.includes('meridiem')) {
+      result.push('meridiem');
+    }
+    return result;
+  }, [isRtl, views]);
   const viewTimeOptions = React.useMemo(() => {
     return views.reduce((result, currentView) => {
       return _extends({}, result, {
@@ -310,9 +323,9 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
     ownerState: ownerState,
     role: "group"
   }, other, {
-    children: Object.entries(viewTimeOptions).map(([timeView, viewOptions]) => /*#__PURE__*/_jsx(MultiSectionDigitalClockSection, {
-      items: viewOptions.items,
-      onChange: viewOptions.onChange,
+    children: viewsToRender.map(timeView => /*#__PURE__*/_jsx(MultiSectionDigitalClockSection, {
+      items: viewTimeOptions[timeView].items,
+      onChange: viewTimeOptions[timeView].onChange,
       active: view === timeView,
       autoFocus: autoFocus ?? focusedView === timeView,
       disabled: disabled,

package/PickersCalendarHeader/PickersCalendarHeader.js

@@ -243,6 +243,10 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    * @default `${adapter.formats.month} ${adapter.formats.year}`
    */
   format: PropTypes.string,
+  /**
+   * Id of the calendar text element.
+   * It is used to establish an `aria-labelledby` relationship with the calendar `grid` element.
+   */
   labelId: PropTypes.string,
   maxDate: PropTypes.object.isRequired,
   minDate: PropTypes.object.isRequired,

package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts

@@ -45,6 +45,10 @@ export interface PickersCalendarHeaderProps<TDate extends PickerValidDate> exten
     view: DateView;
     reduceAnimations: boolean;
     onViewChange?: (view: DateView) => void;
+    /**
+     * Id of the calendar text element.
+     * It is used to establish an `aria-labelledby` relationship with the calendar `grid` element.
+     */
     labelId?: string;
     /**
      * Override or extend the styles applied to the component.