@mui/x-date-pickers 6.0.0-alpha.1 → 6.0.0-alpha.2

package/AdapterDateFns/index.js

@@ -7,6 +7,7 @@ const formatTokenMap = {
   yy: 'year',
   yyy: 'year',
   yyyy: 'year',
+  M: 'month',
   MM: 'month',
   MMMM: {
     sectionName: 'month',
@@ -33,9 +34,9 @@ const formatTokenMap = {
   hh: 'hour',
   mm: 'minute',
   ss: 'second',
-  a: 'am-pm',
-  aa: 'am-pm',
-  aaa: 'am-pm'
+  a: 'meridiem',
+  aa: 'meridiem',
+  aaa: 'meridiem'
 };
 export class AdapterDateFns extends BaseAdapterDateFns {
   constructor(...args) {

package/AdapterDayjs/index.js

@@ -22,8 +22,8 @@ const formatTokenMap = {
   mm: 'minute',
   s: 'second',
   ss: 'second',
-  A: 'am-pm',
-  a: 'am-pm'
+  A: 'meridiem',
+  a: 'meridiem'
 };
 export class AdapterDayjs extends BaseAdapterDayjs {
   constructor(...args) {

package/AdapterLuxon/index.js

@@ -11,7 +11,7 @@ const formatTokenMap = {
   HH: 'hour',
   h: 'hour',
   hh: 'hour',
-  a: 'am-pm',
+  a: 'meridiem',
   d: 'day',
   dd: 'day',
   L: 'month',

package/AdapterMoment/index.js

@@ -23,8 +23,8 @@ const formatTokenMap = {
   YYYY: 'year',
   YYYYYY: 'year',
   // AM / PM
-  A: 'am-pm',
-  a: 'am-pm',
+  A: 'meridiem',
+  a: 'meridiem',
   // Hour
   H: 'hour',
   HH: 'hour',

package/CHANGELOG.md

@@ -3,6 +3,82 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v6.0.0-alpha.2
+
+_Oct 7, 2022_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Further progress on stabilizing new date field components
+- 🎁 Improve support for theme augmentation in the DataGrid (#6269) @cherniavskii
+- 🌍 Add Japanese (ja-JP) locale to pickers (#6365) @sho918
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v6.0.0-alpha.2` / `@mui/x-data-grid-pro@v6.0.0-alpha.2` / `@mui/x-data-grid-premium@v6.0.0-alpha.2`
+
+#### Breaking changes
+
+- 🎁 The aggregation is no longer experimental.
+
+  You can now use the aggregation without the `experimentalFeatures.aggregation` flag enabled.
+
+  ```diff
+  <DataGridPremium
+  -  experimentalFeatures={{ aggregation: true }}
+  />
+  ```
+
+  The aggregation of the columns through the column menu is now enabled by default on `DataGridPremium`. You can set `disableAggregation={true}` to disable it.
+
+#### Changes
+
+- [DataGrid] Add filter item ID to `.MuiDataGrid-filterForm` (#6313) @m4theushw
+- [DataGrid] Add missing `valueOptions` (#6401) @DanailH
+- [DataGrid] Don't start edit mode when pressing Shift + Space (#6228) @m4theushw
+- [DataGrid] Fix error when using column grouping with all columns hidden (#6405) @alexfauquette
+- [DataGrid] Pass generics to the components in the theme augmentation (#6269) @cherniavskii
+- [DataGridPremium] Remove the aggregation from the experimental features (#6372) @flaviendelangle
+
+### `@mui/x-date-pickers@v6.0.0-alpha.2` / `@mui/x-date-pickers-pro@v6.0.0-alpha.2`
+
+#### Breaking changes
+
+- The `renderDay` prop has been replaced by a `Day` component slot.
+  You can find more information about this pattern in the [MUI Base documentation](https://mui.com/base/getting-started/usage/#shared-props).
+
+  ```diff
+  // Same for any other date, date time or date range picker.
+  <DatePicker
+  -  renderDay={(_, dayProps) => <CustomDay {...dayProps} />}
+  +  components={{ Day: CustomDay }}
+  />
+  ```
+
+#### Changes
+
+- [DateRangePicker] Fix the shape of the first selected day when the start date has an hour set (#6403) @flaviendelangle
+- [l10n] Add Japanese (ja-JP) locale to pickers (#6365) @sho918
+- [DateRangePicker] Force focus to stay on inputs (#6324) @alexfauquette
+- [pickers] Improve edition on field components (#6339) @flaviendelangle
+- [pickers] Improve field selection behaviors (#6317) @flaviendelangle
+- [pickers] Replace the `renderDay` prop with a `Day` component slot (#6293) @flaviendelangle
+
+### Docs
+
+- [docs] Apply style guide to Data Grid Aggregation page (#5781) @samuelsycamore
+- [docs] Fix code examples of editing cells (#6004) @TiagoPortfolio
+- [docs] Fix customized day rendering demo style (#6342) (#6399) @Ambrish-git
+- [docs] Implement Style Guide on "Advanced" Data Grid doc pages (#6331) @samuelsycamore
+- [docs] Use components instead of demos for `SelectorsDocs` (#6103) @flaviendelangle
+- [license] Add new license status 'Out of scope' (#5260) @flaviendelangle
+
+### Core
+
+- [core] Speedup of yarn install in the CI (#6395) @oliviertassinari
+- [test] Remove redundant test clean-ups (#6377) @oliviertassinari
+- [test] Replace `React.render` with `React.createRoot` in e2e tests (#6393) @m4theushw
+
 ## 6.0.0-alpha.1
 
 _Sep 29, 2022_

package/CalendarPicker/CalendarPicker.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
-import { ExportedDayPickerProps } from './DayPicker';
+import { DayPickerSlotsComponent, DayPickerSlotsComponentsProps, ExportedDayPickerProps } from './DayPicker';
 import { PickerOnChangeFn } from '../internals/hooks/useViews';
 import { ExportedCalendarHeaderProps, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps } from './PickersCalendarHeader';
 import { CalendarPickerView } from '../internals/models';
 import { CalendarPickerClasses } from './calendarPickerClasses';
 import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/hooks/validation/models';
 import { DefaultizedProps } from '../internals/models/helpers';
-export interface CalendarPickerSlotsComponent extends PickersCalendarHeaderSlotsComponent {
+export interface CalendarPickerSlotsComponent<TDate> extends PickersCalendarHeaderSlotsComponent, DayPickerSlotsComponent<TDate> {
 }
-export interface CalendarPickerSlotsComponentsProps extends PickersCalendarHeaderSlotsComponentsProps {
+export interface CalendarPickerSlotsComponentsProps<TDate> extends PickersCalendarHeaderSlotsComponentsProps, DayPickerSlotsComponentsProps<TDate> {
 }
 export interface CalendarPickerProps<TDate> extends ExportedDayPickerProps<TDate>, BaseDateValidationProps<TDate>, DayValidationProps<TDate>, YearValidationProps<TDate>, MonthValidationProps<TDate>, ExportedCalendarHeaderProps<TDate> {
     autoFocus?: boolean;
@@ -24,12 +24,12 @@ export interface CalendarPickerProps<TDate> extends ExportedDayPickerProps<TDate
      * Overrideable components.
      * @default {}
      */
-    components?: Partial<CalendarPickerSlotsComponent>;
+    components?: Partial<CalendarPickerSlotsComponent<TDate>>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    componentsProps?: Partial<CalendarPickerSlotsComponentsProps>;
+    componentsProps?: Partial<CalendarPickerSlotsComponentsProps<TDate>>;
     value: TDate | null;
     /**
      * Default calendar month displayed when `value={null}`.

package/CalendarPicker/CalendarPicker.js

@@ -109,7 +109,6 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
     onFocusedViewChange,
     showDaysOutsideCurrentMonth,
     dayOfWeekFormatter,
-    renderDay,
     components,
     componentsProps,
     loading,
@@ -312,7 +311,8 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
           gridLabelId: gridLabelId,
           showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
           dayOfWeekFormatter: dayOfWeekFormatter,
-          renderDay: renderDay,
+          components: components,
+          componentsProps: componentsProps,
           loading: loading,
           renderLoading: renderLoading
         }))]
@@ -441,16 +441,6 @@ process.env.NODE_ENV !== "production" ? CalendarPicker.propTypes = {
    */
   reduceAnimations: PropTypes.bool,
 
-  /**
-   * Custom renderer for day. Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
-   * @template TDate
-   * @param {TDate} day The day to render.
-   * @param {Array<TDate | null>} selectedDays The days currently selected.
-   * @param {PickersDayProps<TDate>} pickersDayProps The props of the day to render.
-   * @returns {JSX.Element} The element representing the day.
-   */
-  renderDay: PropTypes.func,
-
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.

package/CalendarPicker/DayPicker.d.ts

@@ -1,9 +1,23 @@
 import * as React from 'react';
-import { PickersDayProps } from '../PickersDay/PickersDay';
+import { SlotComponentProps } from '@mui/base';
+import { PickersDay, PickersDayProps } from '../PickersDay/PickersDay';
 import { PickerOnChangeFn } from '../internals/hooks/useViews';
 import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
 import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/hooks/validation/models';
 import { DayPickerClasses } from './dayPickerClasses';
+export interface DayPickerSlotsComponent<TDate> {
+    /**
+     * Custom component for day.
+     * Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
+     * @default PickersDay
+     */
+    Day?: React.ElementType<PickersDayProps<TDate>>;
+}
+export interface DayPickerSlotsComponentsProps<TDate> {
+    day?: SlotComponentProps<typeof PickersDay, {}, DayPickerProps<TDate> & {
+        day: TDate;
+    }>;
+}
 export interface ExportedDayPickerProps<TDate> extends Pick<PickersDayProps<TDate>, 'disableHighlightToday' | 'showDaysOutsideCurrentMonth'> {
     /**
      * If `true` renders `LoadingComponent` in calendar instead of calendar view.
@@ -11,15 +25,6 @@ export interface ExportedDayPickerProps<TDate> extends Pick<PickersDayProps<TDat
      * @default false
      */
     loading?: boolean;
-    /**
-     * Custom renderer for day. Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
-     * @template TDate
-     * @param {TDate} day The day to render.
-     * @param {Array<TDate | null>} selectedDays The days currently selected.
-     * @param {PickersDayProps<TDate>} pickersDayProps The props of the day to render.
-     * @returns {JSX.Element} The element representing the day.
-     */
-    renderDay?: (day: TDate, selectedDays: TDate[], pickersDayProps: PickersDayProps<TDate>) => JSX.Element;
     /**
      * Component displaying when passed `loading` true.
      * @returns {React.ReactNode} The node to render when loading.
@@ -53,6 +58,8 @@ export interface DayPickerProps<TDate> extends ExportedDayPickerProps<TDate>, Da
     onFocusedViewChange?: (newHasFocus: boolean) => void;
     gridLabelId?: string;
     classes?: Partial<DayPickerClasses>;
+    components?: DayPickerSlotsComponent<TDate>;
+    componentsProps?: DayPickerSlotsComponentsProps<TDate>;
 }
 /**
  * @ignore - do not document.

package/CalendarPicker/DayPicker.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Typography from '@mui/material/Typography';
+import { useSlotProps } from '@mui/base/utils';
 import { styled, useTheme, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/material';
 import clsx from 'clsx';
@@ -90,10 +91,71 @@ const PickersCalendarWeek = styled('div', {
   display: 'flex',
   justifyContent: 'center'
 });
+
+const WrappedDay = ({
+  parentProps,
+  day,
+  focusableDay,
+  selectedDays,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  onDaySelect,
+  isDateDisabled,
+  currentMonthNumber
+}) => {
+  var _components$Day;
+
+  const utils = useUtils();
+  const now = useNow();
+  const {
+    disabled,
+    disableHighlightToday,
+    isMonthSwitchingAnimating,
+    showDaysOutsideCurrentMonth,
+    hasFocus,
+    components,
+    componentsProps
+  } = parentProps;
+  const isFocusableDay = focusableDay !== null && utils.isSameDay(day, focusableDay);
+  const isSelected = selectedDays.some(selectedDay => utils.isSameDay(selectedDay, day));
+  const isToday = utils.isSameDay(day, now);
+  const Day = (_components$Day = components == null ? void 0 : components.Day) != null ? _components$Day : PickersDay;
+  const dayProps = useSlotProps({
+    elementType: Day,
+    externalSlotProps: componentsProps == null ? void 0 : componentsProps.day,
+    additionalProps: {
+      disableHighlightToday,
+      onKeyDown,
+      onFocus,
+      onBlur,
+      onDaySelect,
+      showDaysOutsideCurrentMonth,
+      role: 'gridcell',
+      isAnimating: isMonthSwitchingAnimating,
+      selectedDays
+    },
+    ownerState: _extends({}, parentProps, {
+      day
+    })
+  });
+  return /*#__PURE__*/_jsx(Day, _extends({}, dayProps, {
+    day: day,
+    disabled: disabled || isDateDisabled(day),
+    autoFocus: hasFocus && isFocusableDay,
+    today: isToday,
+    outsideCurrentMonth: utils.getMonth(day) !== currentMonthNumber,
+    selected: isSelected,
+    tabIndex: isFocusableDay ? 0 : -1,
+    "aria-selected": isSelected,
+    "aria-current": isToday ? 'date' : undefined
+  }));
+};
 /**
  * @ignore - do not document.
  */
 
+
 export function DayPicker(inProps) {
   const now = useNow();
   const utils = useUtils();
@@ -107,20 +169,15 @@ export function DayPicker(inProps) {
     className,
     currentMonth,
     selectedDays,
-    disabled,
-    disableHighlightToday,
     focusedDay,
-    isMonthSwitchingAnimating,
     loading,
     onSelectedDaysChange,
     onMonthSwitchingAnimationEnd,
     readOnly,
     reduceAnimations,
-    renderDay,
     renderLoading = () => /*#__PURE__*/_jsx("span", {
       children: "..."
     }),
-    showDaysOutsideCurrentMonth,
     slideDirection,
     TransitionProps,
     disablePast,
@@ -305,36 +362,18 @@ export function DayPicker(inProps) {
         children: utils.getWeekArray(currentMonth).map(week => /*#__PURE__*/_jsx(PickersCalendarWeek, {
           role: "row",
           className: classes.weekContainer,
-          children: week.map(day => {
-            const isFocusableDay = focusableDay !== null && utils.isSameDay(day, focusableDay);
-            const isSelected = validSelectedDays.some(selectedDay => utils.isSameDay(selectedDay, day));
-            const isToday = utils.isSameDay(day, now);
-            const pickersDayProps = {
-              key: day == null ? void 0 : day.toString(),
-              day,
-              isAnimating: isMonthSwitchingAnimating,
-              disabled: disabled || isDateDisabled(day),
-              autoFocus: hasFocus && isFocusableDay,
-              today: isToday,
-              outsideCurrentMonth: utils.getMonth(day) !== currentMonthNumber,
-              selected: isSelected,
-              disableHighlightToday,
-              showDaysOutsideCurrentMonth,
-              onKeyDown: handleKeyDown,
-              onFocus: handleFocus,
-              onBlur: handleBlur,
-              onDaySelect: handleDaySelect,
-              tabIndex: isFocusableDay ? 0 : -1,
-              role: 'gridcell',
-              'aria-selected': isSelected
-            };
-
-            if (isToday) {
-              pickersDayProps['aria-current'] = 'date';
-            }
-
-            return renderDay ? renderDay(day, validSelectedDays, pickersDayProps) : /*#__PURE__*/_jsx(PickersDay, _extends({}, pickersDayProps), pickersDayProps.key);
-          })
+          children: week.map(day => /*#__PURE__*/_jsx(WrappedDay, {
+            parentProps: props,
+            day: day,
+            selectedDays: validSelectedDays,
+            focusableDay: focusableDay,
+            onKeyDown: handleKeyDown,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onDaySelect: handleDaySelect,
+            isDateDisabled: isDateDisabled,
+            currentMonthNumber: currentMonthNumber
+          }, day.toString()))
         }, `week-${week[0]}`))
       })
     }))]

package/DateField/useDateField.js

@@ -9,16 +9,17 @@ import { useUtils, useDefaultDates } from '../internals/hooks/useUtils';
 export const dateFieldValueManager = {
   updateReferenceValue: (utils, value, prevReferenceValue) => value == null || !utils.isValid(value) ? prevReferenceValue : value,
   getSectionsFromValue: (utils, prevSections, date, format) => addPositionPropertiesToSections(splitFormatIntoSections(utils, format, date)),
-  getValueStrFromSections: sections => createDateStrFromSections(sections),
+  getValueStrFromSections: sections => createDateStrFromSections(sections, true),
   getActiveDateSections: sections => sections,
-  getActiveDateManager: state => ({
+  getActiveDateManager: (utils, state) => ({
     activeDate: state.value,
     referenceActiveDate: state.referenceValue,
-    getNewValueFromNewActiveDate: newActiveDate => ({
-      value: newActiveDate,
-      referenceValue: newActiveDate == null ? state.referenceValue : newActiveDate
-    }),
-    setActiveDateAsInvalid: () => null
+    getNewValueFromNewActiveDate: newActiveDate => {
+      return {
+        value: newActiveDate,
+        referenceValue: newActiveDate == null || !utils.isValid(newActiveDate) ? state.referenceValue : newActiveDate
+      };
+    }
   }),
   hasError: error => error != null,
   isSameError: isSameDateError

package/DatePicker/DatePicker.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { DesktopDatePickerProps, DesktopDatePickerSlotsComponent, DesktopDatePickerSlotsComponentsProps } from '../DesktopDatePicker';
 import { MobileDatePickerProps, MobileDatePickerSlotsComponent, MobileDatePickerSlotsComponentsProps } from '../MobileDatePicker';
-export interface DatePickerSlotsComponent extends MobileDatePickerSlotsComponent, DesktopDatePickerSlotsComponent {
+export interface DatePickerSlotsComponent<TDate> extends MobileDatePickerSlotsComponent<TDate>, DesktopDatePickerSlotsComponent<TDate> {
 }
-export interface DatePickerSlotsComponentsProps extends MobileDatePickerSlotsComponentsProps, DesktopDatePickerSlotsComponentsProps {
+export interface DatePickerSlotsComponentsProps<TDate> extends MobileDatePickerSlotsComponentsProps<TDate>, DesktopDatePickerSlotsComponentsProps<TDate> {
 }
 export interface DatePickerProps<TDate> extends Omit<DesktopDatePickerProps<TDate>, 'components' | 'componentsProps'>, Omit<MobileDatePickerProps<TDate>, 'components' | 'componentsProps'> {
     /**
@@ -16,12 +16,12 @@ export interface DatePickerProps<TDate> extends Omit<DesktopDatePickerProps<TDat
      * Overrideable components.
      * @default {}
      */
-    components?: Partial<DatePickerSlotsComponent>;
+    components?: Partial<DatePickerSlotsComponent<TDate>>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    componentsProps?: Partial<DatePickerSlotsComponentsProps>;
+    componentsProps?: Partial<DatePickerSlotsComponentsProps<TDate>>;
 }
 declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;

package/DatePicker/DatePicker.js

@@ -313,16 +313,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    */
   reduceAnimations: PropTypes.bool,
 
-  /**
-   * Custom renderer for day. Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
-   * @template TDate
-   * @param {TDate} day The day to render.
-   * @param {Array<TDate | null>} selectedDays The days currently selected.
-   * @param {PickersDayProps<TDate>} pickersDayProps The props of the day to render.
-   * @returns {JSX.Element} The element representing the day.
-   */
-  renderDay: PropTypes.func,
-
   /**
    * The `renderInput` prop allows you to customize the rendered input.
    * The `props` argument of this render prop contains props of [TextField](https://mui.com/material-ui/api/text-field/#props) that you need to forward.

package/DateTimeField/useDateTimeField.js

@@ -85,6 +85,6 @@ export const useDateTimeField = ({
     valueManager: dateTimePickerValueManager,
     fieldValueManager: dateTimeFieldValueManager,
     validator: validateDateTime,
-    supportedDateSections: ['year', 'month', 'day', 'hour', 'minute', 'second', 'am-pm']
+    supportedDateSections: ['year', 'month', 'day', 'hour', 'minute', 'second', 'meridiem']
   });
 };

package/DateTimePicker/DateTimePicker.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { DesktopDateTimePickerProps, DesktopDateTimePickerSlotsComponent, DesktopDateTimePickerSlotsComponentsProps } from '../DesktopDateTimePicker';
 import { MobileDateTimePickerProps, MobileDateTimePickerSlotsComponent, MobileDateTimePickerSlotsComponentsProps } from '../MobileDateTimePicker';
-export interface DateTimePickerSlotsComponent extends MobileDateTimePickerSlotsComponent, DesktopDateTimePickerSlotsComponent {
+export interface DateTimePickerSlotsComponent<TDate> extends MobileDateTimePickerSlotsComponent<TDate>, DesktopDateTimePickerSlotsComponent<TDate> {
 }
-export interface DateTimePickerSlotsComponentsProps extends MobileDateTimePickerSlotsComponentsProps, DesktopDateTimePickerSlotsComponentsProps {
+export interface DateTimePickerSlotsComponentsProps<TDate> extends MobileDateTimePickerSlotsComponentsProps<TDate>, DesktopDateTimePickerSlotsComponentsProps<TDate> {
 }
 export interface DateTimePickerProps<TDate> extends Omit<DesktopDateTimePickerProps<TDate>, 'components' | 'componentsProps'>, Omit<MobileDateTimePickerProps<TDate>, 'components' | 'componentsProps'> {
     /**
@@ -16,12 +16,12 @@ export interface DateTimePickerProps<TDate> extends Omit<DesktopDateTimePickerPr
      * Overrideable components.
      * @default {}
      */
-    components?: Partial<DateTimePickerSlotsComponent>;
+    components?: Partial<DateTimePickerSlotsComponent<TDate>>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    componentsProps?: Partial<DateTimePickerSlotsComponentsProps>;
+    componentsProps?: Partial<DateTimePickerSlotsComponentsProps<TDate>>;
 }
 declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;

package/DateTimePicker/DateTimePicker.js

@@ -370,16 +370,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    */
   reduceAnimations: PropTypes.bool,
 
-  /**
-   * Custom renderer for day. Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
-   * @template TDate
-   * @param {TDate} day The day to render.
-   * @param {Array<TDate | null>} selectedDays The days currently selected.
-   * @param {PickersDayProps<TDate>} pickersDayProps The props of the day to render.
-   * @returns {JSX.Element} The element representing the day.
-   */
-  renderDay: PropTypes.func,
-
   /**
    * The `renderInput` prop allows you to customize the rendered input.
    * The `props` argument of this render prop contains props of [TextField](https://mui.com/material-ui/api/text-field/#props) that you need to forward.

package/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -2,21 +2,21 @@ import * as React from 'react';
 import { BaseDatePickerProps } from '../DatePicker/shared';
 import { DesktopWrapperProps, DesktopWrapperSlotsComponent, DesktopWrapperSlotsComponentsProps } from '../internals/components/wrappers/DesktopWrapper';
 import { CalendarPickerSlotsComponent, CalendarPickerSlotsComponentsProps } from '../CalendarPicker';
-export interface DesktopDatePickerSlotsComponent extends DesktopWrapperSlotsComponent, CalendarPickerSlotsComponent {
+export interface DesktopDatePickerSlotsComponent<TDate> extends DesktopWrapperSlotsComponent, CalendarPickerSlotsComponent<TDate> {
 }
-export interface DesktopDatePickerSlotsComponentsProps extends DesktopWrapperSlotsComponentsProps, CalendarPickerSlotsComponentsProps {
+export interface DesktopDatePickerSlotsComponentsProps<TDate> extends DesktopWrapperSlotsComponentsProps, CalendarPickerSlotsComponentsProps<TDate> {
 }
 export interface DesktopDatePickerProps<TDate> extends Omit<BaseDatePickerProps<TDate>, 'components' | 'componentsProps'>, DesktopWrapperProps<TDate> {
     /**
      * Overrideable components.
      * @default {}
      */
-    components?: Partial<DesktopDatePickerSlotsComponent>;
+    components?: Partial<DesktopDatePickerSlotsComponent<TDate>>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    componentsProps?: Partial<DesktopDatePickerSlotsComponentsProps>;
+    componentsProps?: Partial<DesktopDatePickerSlotsComponentsProps<TDate>>;
 }
 declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;

package/DesktopDatePicker/DesktopDatePicker.js

@@ -317,16 +317,6 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes = {
    */
   reduceAnimations: PropTypes.bool,
 
-  /**
-   * Custom renderer for day. Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
-   * @template TDate
-   * @param {TDate} day The day to render.
-   * @param {Array<TDate | null>} selectedDays The days currently selected.
-   * @param {PickersDayProps<TDate>} pickersDayProps The props of the day to render.
-   * @returns {JSX.Element} The element representing the day.
-   */
-  renderDay: PropTypes.func,
-
   /**
    * The `renderInput` prop allows you to customize the rendered input.
    * The `props` argument of this render prop contains props of [TextField](https://mui.com/material-ui/api/text-field/#props) that you need to forward.

package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts

@@ -3,21 +3,21 @@ import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
 import { DesktopWrapperProps, DesktopWrapperSlotsComponent, DesktopWrapperSlotsComponentsProps } from '../internals/components/wrappers/DesktopWrapper';
 import { CalendarOrClockPickerSlotsComponent, CalendarOrClockPickerSlotsComponentsProps } from '../internals/components/CalendarOrClockPicker';
 import { DateInputSlotsComponent } from '../internals/components/PureDateInput';
-export interface DesktopDateTimePickerSlotsComponent extends DesktopWrapperSlotsComponent, CalendarOrClockPickerSlotsComponent, DateInputSlotsComponent {
+export interface DesktopDateTimePickerSlotsComponent<TDate> extends DesktopWrapperSlotsComponent, CalendarOrClockPickerSlotsComponent<TDate>, DateInputSlotsComponent {
 }
-export interface DesktopDateTimePickerSlotsComponentsProps extends DesktopWrapperSlotsComponentsProps, CalendarOrClockPickerSlotsComponentsProps {
+export interface DesktopDateTimePickerSlotsComponentsProps<TDate> extends DesktopWrapperSlotsComponentsProps, CalendarOrClockPickerSlotsComponentsProps<TDate> {
 }
 export interface DesktopDateTimePickerProps<TDate> extends BaseDateTimePickerProps<TDate>, DesktopWrapperProps<TDate> {
     /**
      * Overrideable components.
      * @default {}
      */
-    components?: Partial<DesktopDateTimePickerSlotsComponent>;
+    components?: Partial<DesktopDateTimePickerSlotsComponent<TDate>>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    componentsProps?: Partial<DesktopDateTimePickerSlotsComponentsProps>;
+    componentsProps?: Partial<DesktopDateTimePickerSlotsComponentsProps<TDate>>;
 }
 declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -381,16 +381,6 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes = {
    */
   reduceAnimations: PropTypes.bool,
 
-  /**
-   * Custom renderer for day. Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
-   * @template TDate
-   * @param {TDate} day The day to render.
-   * @param {Array<TDate | null>} selectedDays The days currently selected.
-   * @param {PickersDayProps<TDate>} pickersDayProps The props of the day to render.
-   * @returns {JSX.Element} The element representing the day.
-   */
-  renderDay: PropTypes.func,
-
   /**
    * The `renderInput` prop allows you to customize the rendered input.
    * The `props` argument of this render prop contains props of [TextField](https://mui.com/material-ui/api/text-field/#props) that you need to forward.

package/MobileDatePicker/MobileDatePicker.d.ts

@@ -2,21 +2,21 @@ import * as React from 'react';
 import { BaseDatePickerProps } from '../DatePicker/shared';
 import { MobileWrapperProps, MobileWrapperSlotsComponent, MobileWrapperSlotsComponentsProps } from '../internals/components/wrappers/MobileWrapper';
 import { CalendarPickerSlotsComponent, CalendarPickerSlotsComponentsProps } from '../CalendarPicker/CalendarPicker';
-export interface MobileDatePickerSlotsComponent extends MobileWrapperSlotsComponent, CalendarPickerSlotsComponent {
+export interface MobileDatePickerSlotsComponent<TDate> extends MobileWrapperSlotsComponent, CalendarPickerSlotsComponent<TDate> {
 }
-export interface MobileDatePickerSlotsComponentsProps extends MobileWrapperSlotsComponentsProps, CalendarPickerSlotsComponentsProps {
+export interface MobileDatePickerSlotsComponentsProps<TDate> extends MobileWrapperSlotsComponentsProps, CalendarPickerSlotsComponentsProps<TDate> {
 }
 export interface MobileDatePickerProps<TDate> extends BaseDatePickerProps<TDate>, MobileWrapperProps<TDate> {
     /**
      * Overrideable components.
      * @default {}
      */
-    components?: Partial<MobileDatePickerSlotsComponent>;
+    components?: Partial<MobileDatePickerSlotsComponent<TDate>>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    componentsProps?: Partial<MobileDatePickerSlotsComponentsProps>;
+    componentsProps?: Partial<MobileDatePickerSlotsComponentsProps<TDate>>;
 }
 declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;