@mui/x-date-pickers 7.6.2 → 7.7.1

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,169 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Allow customization of the Pickers month and the year buttons
+- 🌍 Improve Persian (fa-IR), Portuguese (pt-PT), and Russian (ru-RU) locales on the Data Grid
+- 🌍 Improve Korean (ko-KR) and Persian (fa-IR) locales on the Date and Time Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.7.0`
+
+- [DataGrid] Add `getFilterState` method (#13418) @cherniavskii
+- [DataGrid] Do not show resize separators for column groups (#13455) @cherniavskii
+- [l10n] Improve Persian (fa-IR) locale (#13402) @fakhamatia
+- [l10n] Improve Portuguese (pt-PT) locale (#13384) @olavocarvalho
+- [l10n] Improve Russian (ru-RU) locale (#11210) @dastan-akhmetov-scity
+
+#### `@mui/x-data-grid-pro@7.7.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.7.0`, plus:
+
+- [DataGridPro] Do not render detail panel if the focused cell is not visible (#13456) @cherniavskii
+
+#### `@mui/x-data-grid-premium@7.7.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.7.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.7.0`
+
+- [l10n] Improve Korean (ko-KR) locale (#13452) @ryxxn
+- [l10n] Improve Persian (fa-IR) locale (#13402) @fakhamatia
+- [pickers] Allow to customize the month and the year buttons (#13321) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.7.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.7.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.7.0`
+
+- [charts] Add watermark on the pro `ResponsiveChartContainer` (#13398) @alexfauquette
+- [charts] Allow to specify y-axis configuration (#13438) @alexfauquette
+- [charts] Fix eslint for react compiler (#13444) @alexfauquette
+- [charts] Improve themeAugmentation typing (#13433) @noraleonte
+- [charts] Move the `ZAxisContextProvider` by default in the `ChartContainer` (#13465) @alexfauquette
+- [charts] Use plugins to define series extremum and colors (#13397) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@7.7.0`
+
+- [TreeView] Improve TypeScript for plugins (#13380) @flaviendelangle
+- [TreeView] Improve the typing of the cancelable events (#13152) @flaviendelangle
+- [TreeView] Prepare support for PigmentCSS (#13412) @flaviendelangle
+- [TreeView] Refactor the tree view internals to prepare for headless API (#13311) @flaviendelangle
+
+### Docs
+
+- [docs] Add `renderHeader` recipe to the Master Details docs (#13370) @michelengelen
+- [docs] Add lazy loading detail panel demo (#13453) @cherniavskii
+- [docs] Add small edits to the Data Grid overview page (#13060) @danilo-leal
+- [docs] Update a11y pages description (#13417) @danilo-leal
+- [docs] improve the writing on the "Quick filter outside of the grid" example (#13155) @michelengelen
+
+### Core
+
+- [core] Add `eslint-plugin-react-compiler` experimental version and rules (#13415) @JCQuintas
+- [core] Minor setup cleanup (#13467) @LukasTy
+- [infra] Adjust CI setup (#13448) @LukasTy
+- [test] Add tests for the custom slots of `TreeItem2` (#13314) @flaviendelangle
+
 ## 7.6.2
 
 _Jun 6, 2024_

package/DateCalendar/DateCalendar.js

@@ -272,7 +272,9 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
     readOnly,
     disabled,
     timezone,
-    gridLabelId
+    gridLabelId,
+    slots,
+    slotProps
   };
   const prevOpenViewRef = React.useRef(view);
   React.useEffect(() => {
@@ -333,8 +335,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
           fixedWeekNumber: fixedWeekNumber,
           dayOfWeekFormatter: dayOfWeekFormatter,
           displayWeekNumber: displayWeekNumber,
-          slots: slots,
-          slotProps: slotProps,
           loading: loading,
           renderLoading: renderLoading
         }))]

package/DateCalendar/DateCalendar.types.d.ts

@@ -9,9 +9,9 @@ import { BaseDateValidationProps, YearValidationProps, MonthValidationProps, Day
 import { ExportedUseViewsOptions } from '../internals/hooks/useViews';
 import { DateView, PickerValidDate, TimezoneProps } from '../models';
 import { DefaultizedProps } from '../internals/models/helpers';
-import { ExportedYearCalendarProps } from '../YearCalendar/YearCalendar.types';
-import { ExportedMonthCalendarProps } from '../MonthCalendar/MonthCalendar.types';
-export interface DateCalendarSlots<TDate extends PickerValidDate> extends PickersCalendarHeaderSlots, DayCalendarSlots<TDate> {
+import { ExportedYearCalendarProps, YearCalendarSlots, YearCalendarSlotProps } from '../YearCalendar/YearCalendar.types';
+import { ExportedMonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from '../MonthCalendar/MonthCalendar.types';
+export interface DateCalendarSlots<TDate extends PickerValidDate> extends PickersCalendarHeaderSlots, DayCalendarSlots<TDate>, MonthCalendarSlots, YearCalendarSlots {
     /**
      * Custom component for calendar header.
      * Check the [PickersCalendarHeader](https://mui.com/x/api/date-pickers/pickers-calendar-header/) component.
@@ -19,7 +19,7 @@ export interface DateCalendarSlots<TDate extends PickerValidDate> extends Picker
      */
     calendarHeader?: React.ElementType<PickersCalendarHeaderProps<TDate>>;
 }
-export interface DateCalendarSlotProps<TDate extends PickerValidDate> extends PickersCalendarHeaderSlotProps<TDate>, DayCalendarSlotProps<TDate> {
+export interface DateCalendarSlotProps<TDate extends PickerValidDate> extends PickersCalendarHeaderSlotProps<TDate>, DayCalendarSlotProps<TDate>, MonthCalendarSlotProps, YearCalendarSlotProps {
     calendarHeader?: SlotComponentProps<typeof PickersCalendarHeader, {}, DateCalendarProps<TDate>>;
 }
 export interface ExportedDateCalendarProps<TDate extends PickerValidDate> extends ExportedDayCalendarProps<TDate>, ExportedMonthCalendarProps, ExportedYearCalendarProps, BaseDateValidationProps<TDate>, DayValidationProps<TDate>, YearValidationProps<TDate>, MonthValidationProps<TDate>, TimezoneProps {

package/DateCalendar/DayCalendar.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { SlotComponentProps } from '@mui/base/utils';
-import { PickersDay, PickersDayProps, ExportedPickersDayProps } from '../PickersDay/PickersDay';
+import { PickersDayProps, ExportedPickersDayProps } from '../PickersDay/PickersDay';
 import { PickerOnChangeFn } from '../internals/hooks/useViews';
 import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
 import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/models/validation';
 import { DayCalendarClasses } from './dayCalendarClasses';
 import { PickerValidDate, TimezoneProps } from '../models';
-import { DefaultizedProps } from '../internals/models/helpers';
+import { DefaultizedProps, SlotComponentPropsFromProps } from '../internals/models/helpers';
 export interface DayCalendarSlots<TDate extends PickerValidDate> {
     /**
      * Custom component for day.
@@ -16,7 +15,7 @@ export interface DayCalendarSlots<TDate extends PickerValidDate> {
     day?: React.ElementType<PickersDayProps<TDate>>;
 }
 export interface DayCalendarSlotProps<TDate extends PickerValidDate> {
-    day?: SlotComponentProps<typeof PickersDay, {}, DayCalendarProps<TDate> & {
+    day?: SlotComponentPropsFromProps<PickersDayProps<TDate>, {}, DayCalendarProps<TDate> & {
         day: TDate;
         selected: boolean;
     }>;

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/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

@@ -305,7 +305,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/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/MonthCalendar/MonthCalendar.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "shouldDisableMonth", "readOnly", "disableHighlightToday", "autoFocus", "onMonthFocus", "hasFocus", "onFocusedViewChange", "monthsPerRow", "timezone", "gridLabelId"];
+const _excluded = ["className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "shouldDisableMonth", "readOnly", "disableHighlightToday", "autoFocus", "onMonthFocus", "hasFocus", "onFocusedViewChange", "monthsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -83,7 +83,9 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
       onFocusedViewChange,
       monthsPerRow = 3,
       timezone: timezoneProp,
-      gridLabelId
+      gridLabelId,
+      slots,
+      slotProps
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
@@ -218,12 +220,14 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
         onKeyDown: handleKeyDown,
         autoFocus: internalHasFocus && monthNumber === focusedMonth,
         disabled: isDisabled,
-        tabIndex: monthNumber === focusedMonth ? 0 : -1,
+        tabIndex: monthNumber === focusedMonth && !isDisabled ? 0 : -1,
         onFocus: handleMonthFocus,
         onBlur: handleMonthBlur,
         "aria-current": todayMonth === monthNumber ? 'date' : undefined,
         "aria-label": monthLabel,
         monthsPerRow: monthsPerRow,
+        slots: slots,
+        slotProps: slotProps,
         children: monthText
       }, monthText);
     })
@@ -303,6 +307,16 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
    * @returns {boolean} If `true`, the month will be disabled.
    */
   shouldDisableMonth: PropTypes.func,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: PropTypes.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/MonthCalendar/MonthCalendar.types.d.ts

@@ -1,8 +1,23 @@
+import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { MonthCalendarClasses } from './monthCalendarClasses';
 import { BaseDateValidationProps, MonthValidationProps } from '../internals/models/validation';
 import { PickerValidDate, TimezoneProps } from '../models';
+import type { PickersMonthProps } from './PickersMonth';
+import { SlotComponentPropsFromProps } from '../internals/models/helpers';
+export interface MonthCalendarSlots {
+    /**
+     * Button displayed to render a single month in the "month" view.
+     * @default MonthCalendarButton
+     */
+    monthButton?: React.ElementType;
+}
+export interface MonthCalendarSlotProps {
+    monthButton?: SlotComponentPropsFromProps<React.HTMLAttributes<HTMLButtonElement> & {
+        sx: SxProps;
+    }, {}, PickersMonthProps>;
+}
 export interface ExportedMonthCalendarProps {
     /**
      * Months rendered per row.
@@ -17,6 +32,16 @@ export interface MonthCalendarProps<TDate extends PickerValidDate> extends Expor
      * Override or extend the styles applied to the component.
      */
     classes?: Partial<MonthCalendarClasses>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: MonthCalendarSlots;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: MonthCalendarSlotProps;
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */