@mui/x-date-pickers 7.10.0 → 7.11.1

package/AdapterDayjs/AdapterDayjs.js

@@ -6,12 +6,11 @@ import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
 import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
 import isBetweenPlugin from 'dayjs/plugin/isBetween';
 import advancedFormatPlugin from 'dayjs/plugin/advancedFormat';
-import { buildWarning } from '../internals/utils/warning';
+import { warnOnce } from '../internals/utils/warning';
 defaultDayjs.extend(localizedFormatPlugin);
 defaultDayjs.extend(weekOfYearPlugin);
 defaultDayjs.extend(isBetweenPlugin);
 defaultDayjs.extend(advancedFormatPlugin);
-const localeNotFoundWarning = buildWarning(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale']);
 const formatTokenMap = {
   // Year
   YY: 'year',
@@ -234,7 +233,9 @@ export class AdapterDayjs {
       const locale = this.locale || 'en';
       let localeObject = locales[locale];
       if (localeObject === undefined) {
-        localeNotFoundWarning();
+        if (process.env.NODE_ENV !== 'production') {
+          warnOnce(['MUI X: Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale.']);
+        }
         localeObject = locales.en;
       }
       return localeObject.formats;

package/CHANGELOG.md

@@ -3,6 +3,175 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.11.1
+
+_Jul 25, 2024_
+
+We'd like to offer a big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔎 Allow `Zoom` to be controllable for charts (#13858) @JCQuintas
+- 🌍 Add Icelandic (is-IS) and Norwegian Nynorsk (nn-NO) locales on the Data Grid
+- 🌍 Improve Norwegian Bokmål (nb-NO) and German (de-DE) locales on the Data Grid
+- 🌍 Add Norwegian Nynorsk (nn-NO) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.11.1`
+
+- [DataGrid] Remove dead code in internal `GridPreferencesPanel` (#13934) @k-rajat19
+- [DataGrid] Do not miss to escape formulas in CSV export (#13888) @arminmeh
+- [l10n] Add Icelandic (is-IS) locale (#13283) @magnimarels
+- [l10n] Add Norwegian nynorsk (nn-NO) locale and improve Norwegian bokmål (nb-NO) locale (#13588) @AnderzL7
+- [l10n] Improve German (de-DE) locale (#13910) @lhilgert9
+
+#### `@mui/x-data-grid-pro@7.11.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.11.1`.
+
+#### `@mui/x-data-grid-premium@7.11.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.11.1`, plus:
+
+- [DataGridPremium] Pass the `api` object to events (#13893) @pcorpet
+- [DataGridPremium] Fix paste to selected cells (#13967) @romgrk
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.11.1`
+
+- [fields] Prevent keyboard editing when disabled (#13900) @arthurbalduini
+- [l10n] Add Norwegian Nynorsk (nn-NO) locale (#13946) @AnderzL7
+
+#### `@mui/x-date-pickers-pro@7.11.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.11.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.11.1`
+
+- [charts] Add `ownerState` function to `slotProps` typing when available (#13965) @alexfauquette
+- [charts] Allow `Zoom` to be controllable (#13858) @JCQuintas
+- [charts] Deprecate `xAxisKey` /`zAxisKey` in favor of `xAxisId`/`zAxisId` (#13940) @alexfauquette
+- [charts] Hide empty arcs in the PieChart (#13897) @alexfauquette
+- [charts] Limit the trigger of exit charts (#13682) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@7.11.1`
+
+- [TreeView] Allow the plugins to enrich the props passed to the item slots (#13953) @flaviendelangle
+
+### Docs
+
+- [docs] Bump pnpm priority as a package manager (#13894) @oliviertassinari
+- [docs] Explicitly mark charts pro as not released (#13905) @alexfauquette
+- [docs] Fix dot consistency a11y table @oliviertassinari
+- [docs] Fix some typos in charts docs (#13906) @cratiu222
+- [docs] Fix spelling (#13902) @nnsW3
+- [docs] Improve error message when moving between plans (#13874) @oliviertassinari
+- [docs] Update `SparkLineChart` reference not being correctly capitalised (#13960) @duckboy81
+- [docs] Fix scroll demos disorientation (#13909) @oliviertassinari
+
+### Core
+
+- [core] Add `@mui/material-nextjs` to `MUI Core` renovate group (#13966) @LukasTy
+- [core] Remove warning message in production (#13911) @oliviertassinari
+- [code-infra] Reuse `useReactVersion` script from the monorepo (#13710) @cherniavskii
+- [infra] Adds order id validation action (#13957) @michelengelen
+- [infra] Fix order id validator action (#13971) @michelengelen
+- [infra] Fix regex in order id validation (#13976) @michelengelen
+- [infra] Issue template improvement (#13954) @michelengelen
+
+## 7.11.0
+
+_Jul 18, 2024_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Add [color legend](https://mui.com/x/react-charts/legend/#color-legend) for charts (#13700) @alexfauquette
+- 🌍 Improve Korean (ko-KR) locale on the Date and Time Pickers
+- 🌍 Improve Russian (ru-RU) locale on the Date and Time Pickers and Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.11.0`
+
+- [DataGrid] Expose `gridEditRowsStateSelector` (#13877) @romgrk
+- [DataGrid] Fix `columnResizeStop` event not emitted when column is not resized (#13307) @mateuseap
+- [DataGrid] Fix delete filter inconsistent behavior (#13353) @oukunan
+- [DataGrid] Enable flip on preferences panel (#13803) @romgrk
+- [DataGrid] Support `date` and `datetime-local` input types in `GridFilterInputMultipleValue` type (#13411) @karudedios
+- [l10n] Improve Russian (ru-RU) locale (#13735) @diro-atk
+
+#### `@mui/x-data-grid-pro@7.11.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.11.0`.
+
+#### `@mui/x-data-grid-premium@7.11.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.11.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.11.0`
+
+- [l10n] Improve Korean (ko-KR) locale (#13651) @100pearlcent
+- [l10n] Improve Russian (ru-RU) locale (#13871) @Inv1x
+- [pickers] Add more conformance tests improving API docs precision (#13800) @LukasTy
+- [TimePicker] Add `Mui-selected` class to `TimeClock` meridiem buttons (#13848) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.11.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.11.0`, plus:
+
+- [DateRangePicker] Fix `name` prop propagation regression (#13821) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.11.0`
+
+- [charts] Create color legend (#13700) @alexfauquette
+- [charts] Defaultize axis on top level `useChartContainerProps` (#13817) @JCQuintas
+- [charts] Fix charts not passing `className` to root element (#13647) @JCQuintas
+- [charts] Generate API documentation for pro components (#13822) @alexfauquette
+- [charts] Improve zoomed highlight behaviour (unreleased) (#13868) @JCQuintas
+- [charts] Allow zoom on Y axis and add zoom options to configure zooming behaviour (unreleased) (#13726) @JCQuintas
+- [charts] Disable animations while zooming (unreleased) (#13807) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.11.0`
+
+- [TreeView] Extract some logic outside of the `useTreeView` hook (#13845) @flaviendelangle
+
+### Docs
+
+- [docs] Add warning about `process.env.NODE_ENV` in production (#13869) @cherniavskii
+- [docs] Allow controlling the demo form from the example (#13796) @JCQuintas
+- [docs] Clarify Pickers clearable behavior not working on mobile (#13786) @lnhrdt
+- [docs] Improve the documentation of the picker's `onChange` and `onAccept` props (#13543) @flaviendelangle
+- [docs] Replace company name with project name @oliviertassinari
+- [docs] Sort Pickers & Charts API slots alphabetically (#13843) @LukasTy
+
+### Core
+
+- [core] Add MUI Internal `renovate` group (#13846) @LukasTy
+- [core] Link GitHub issue for `import/prefer-default-export` rule @oliviertassinari
+- [core] Normalize `...other` and test imports in charts (#13844) @JCQuintas
+- [core] Normalize rest / other to match the most common used @oliviertassinari
+- [code-infra] Follow `next` tag for `@mui/docs` package bumps (#13813) @LukasTy
+- [code-infra] Use specific version for `@mui/docs` dependency (#13760) @LukasTy
+- [internals] Move `EventManager` to `@mui/x-internals` package (#13815) @flaviendelangle
+
 ## 7.10.0
 
 _Jul 11, 2024_

package/DesktopDateTimePicker/DesktopDateTimePickerLayout.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { PickersLayoutProps } from '../PickersLayout';
 import { PickerValidDate } from '../models';
 import { DateOrTimeViewWithMeridiem } from '../internals/models/common';
+type DesktopDateTimePickerLayoutComponent = (<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem>(props: PickersLayoutProps<TValue, TDate, TView> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+    propTypes?: any;
+};
 /**
  * @ignore - internal component.
  */
-declare function DesktopDateTimePickerLayout<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem>(props: PickersLayoutProps<TValue, TDate, TView>): React.JSX.Element;
-declare namespace DesktopDateTimePickerLayout {
-    var propTypes: any;
-}
+declare const DesktopDateTimePickerLayout: DesktopDateTimePickerLayoutComponent;
 export { DesktopDateTimePickerLayout };

package/DesktopDateTimePicker/DesktopDateTimePickerLayout.js

@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @ignore - internal component.
  */
-function DesktopDateTimePickerLayout(props) {
+const DesktopDateTimePickerLayout = /*#__PURE__*/React.forwardRef(function DesktopDateTimePickerLayout(props, ref) {
   const isRtl = useRtl();
   const {
     toolbar,
@@ -22,7 +22,6 @@ function DesktopDateTimePickerLayout(props) {
     sx,
     className,
     isLandscape,
-    ref,
     classes
   } = props;
   const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
@@ -55,7 +54,7 @@ function DesktopDateTimePickerLayout(props) {
       })]
     }), actionBar]
   });
-}
+});
 process.env.NODE_ENV !== "production" ? DesktopDateTimePickerLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/PickersCalendarHeader/PickersCalendarHeader.js

@@ -152,7 +152,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
   const _useSlotProps = useSlotProps({
       elementType: SwitchViewIcon,
       externalSlotProps: slotProps?.switchViewIcon,
-      ownerState: undefined,
+      ownerState,
       className: classes.switchViewIcon
     }),
     switchViewIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);

package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts

@@ -25,7 +25,7 @@ export interface PickersCalendarHeaderSlotPropsOverrides {
 export type PickersCalendarHeaderOwnerState<TDate extends PickerValidDate> = PickersCalendarHeaderProps<TDate>;
 export interface PickersCalendarHeaderSlotProps<TDate extends PickerValidDate> extends PickersArrowSwitcherSlotProps {
     switchViewButton?: SlotComponentProps<typeof IconButton, PickersCalendarHeaderSlotPropsOverrides, PickersCalendarHeaderOwnerState<TDate>>;
-    switchViewIcon?: SlotComponentProps<typeof SvgIcon, PickersCalendarHeaderSlotPropsOverrides, undefined>;
+    switchViewIcon?: SlotComponentProps<typeof SvgIcon, PickersCalendarHeaderSlotPropsOverrides, PickersCalendarHeaderOwnerState<TDate>>;
 }
 export interface PickersCalendarHeaderProps<TDate extends PickerValidDate> extends ExportedPickersArrowSwitcherProps, MonthValidationOptions<TDate> {
     /**

package/PickersLayout/PickersLayout.d.ts

@@ -6,6 +6,9 @@ export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponen
     ownerState: PickersLayoutProps<any, any, any>;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+type PickersLayoutComponent = (<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem>(props: PickersLayoutProps<TValue, TDate, TView> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+    propTypes?: any;
+};
 /**
  * Demos:
  *
@@ -15,8 +18,5 @@ export declare const PickersLayoutContentWrapper: import("@emotion/styled").Styl
  *
  * - [PickersLayout API](https://mui.com/x/api/date-pickers/pickers-layout/)
  */
-declare const PickersLayout: {
-    <TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem>(inProps: PickersLayoutProps<TValue, TDate, TView>): React.JSX.Element;
-    propTypes: any;
-};
+declare const PickersLayout: PickersLayoutComponent;
 export { PickersLayout };

package/PickersLayout/PickersLayout.js

@@ -89,7 +89,6 @@ export const PickersLayoutContentWrapper = styled('div', {
   display: 'flex',
   flexDirection: 'column'
 });
-
 /**
  * Demos:
  *
@@ -99,7 +98,7 @@ export const PickersLayoutContentWrapper = styled('div', {
  *
  * - [PickersLayout API](https://mui.com/x/api/date-pickers/pickers-layout/)
  */
-const PickersLayout = function PickersLayout(inProps) {
+const PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiPickersLayout'
@@ -115,7 +114,6 @@ const PickersLayout = function PickersLayout(inProps) {
     sx,
     className,
     isLandscape,
-    ref,
     wrapperVariant
   } = props;
   const classes = useUtilityClasses(props);
@@ -133,7 +131,7 @@ const PickersLayout = function PickersLayout(inProps) {
       })
     }), actionBar]
   });
-};
+});
 process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/PickersLayout/PickersLayout.types.d.ts

@@ -76,10 +76,6 @@ export interface PickersLayoutProps<TValue, TDate extends PickerValidDate, TView
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
     sx?: SxProps<Theme>;
-    /**
-     * Ref to pass to the root element
-     */
-    ref?: React.Ref<HTMLDivElement>;
     /**
      * Override or extend the styles applied to the component.
      */

package/PickersTextField/PickersInput/pickersInputClasses.d.ts

@@ -10,8 +10,8 @@ export declare const pickersInputClasses: {
     input: string;
     readOnly: string;
     error: string;
-    focused: string;
     root: string;
+    focused: string;
     adornedStart: string;
     adornedEnd: string;
     notchedOutline: string;

package/TimeClock/Clock.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';
 import IconButton from '@mui/material/IconButton';
@@ -13,7 +14,8 @@ import { formatMeridiem } from '../internals/utils/date-utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
-    classes
+    classes,
+    meridiemMode
   } = ownerState;
   const slots = {
     root: ['root'],
@@ -21,8 +23,8 @@ const useUtilityClasses = ownerState => {
     wrapper: ['wrapper'],
     squareMask: ['squareMask'],
     pin: ['pin'],
-    amButton: ['amButton'],
-    pmButton: ['pmButton'],
+    amButton: ['amButton', meridiemMode === 'am' && 'selected'],
+    pmButton: ['pmButton', meridiemMode === 'pm' && 'selected'],
     meridiemText: ['meridiemText']
   };
   return composeClasses(slots, getClockUtilityClass, classes);
@@ -105,23 +107,15 @@ const ClockPin = styled('div', {
   left: '50%',
   transform: 'translate(-50%, -50%)'
 }));
-const ClockAmButton = styled(IconButton, {
-  name: 'MuiClock',
-  slot: 'AmButton',
-  overridesResolver: (_, styles) => styles.amButton
-})(({
-  theme
-}) => ({
+const meridiemButtonCommonStyles = (theme, meridiemMode) => ({
   zIndex: 1,
-  position: 'absolute',
   bottom: 8,
-  left: 8,
   paddingLeft: 4,
   paddingRight: 4,
   width: CLOCK_HOUR_WIDTH,
   variants: [{
     props: {
-      meridiemMode: 'am'
+      meridiemMode
     },
     style: {
       backgroundColor: (theme.vars || theme).palette.primary.main,
@@ -131,6 +125,17 @@ const ClockAmButton = styled(IconButton, {
       }
     }
   }]
+});
+const ClockAmButton = styled(IconButton, {
+  name: 'MuiClock',
+  slot: 'AmButton',
+  overridesResolver: (_, styles) => styles.amButton
+})(({
+  theme
+}) => _extends({}, meridiemButtonCommonStyles(theme, 'am'), {
+  // keeping it here to make TS happy
+  position: 'absolute',
+  left: 8
 }));
 const ClockPmButton = styled(IconButton, {
   name: 'MuiClock',
@@ -138,26 +143,10 @@ const ClockPmButton = styled(IconButton, {
   overridesResolver: (_, styles) => styles.pmButton
 })(({
   theme
-}) => ({
-  zIndex: 1,
+}) => _extends({}, meridiemButtonCommonStyles(theme, 'pm'), {
+  // keeping it here to make TS happy
   position: 'absolute',
-  bottom: 8,
-  right: 8,
-  paddingLeft: 4,
-  paddingRight: 4,
-  width: CLOCK_HOUR_WIDTH,
-  variants: [{
-    props: {
-      meridiemMode: 'pm'
-    },
-    style: {
-      backgroundColor: (theme.vars || theme).palette.primary.main,
-      color: (theme.vars || theme).palette.primary.contrastText,
-      '&:hover': {
-        backgroundColor: (theme.vars || theme).palette.primary.light
-      }
-    }
-  }]
+  right: 8
 }));
 const ClockMeridiemText = styled(Typography, {
   name: 'MuiClock',

package/TimeClock/clockClasses.d.ts

@@ -15,6 +15,8 @@ export interface ClockClasses {
     pmButton: string;
     /** Styles applied to the meridiem typography element. */
     meridiemText: string;
+    /** Styles applied to the selected meridiem button element */
+    selected: string;
 }
 export type ClockClassKey = keyof ClockClasses;
 export declare function getClockUtilityClass(slot: string): string;

package/TimeClock/clockClasses.js

@@ -2,4 +2,4 @@ import { unstable_generateUtilityClass as generateUtilityClass, unstable_generat
 export function getClockUtilityClass(slot) {
   return generateUtilityClass('MuiClock', slot);
 }
-export const clockClasses = generateUtilityClasses('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText']);
+export const clockClasses = generateUtilityClasses('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText', 'selected']);

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.10.0
+ * @mui/x-date-pickers v7.11.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -51,7 +51,11 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root'],
     spacer: ['spacer'],
-    button: ['button']
+    button: ['button'],
+    previousIconButton: ['previousIconButton'],
+    nextIconButton: ['nextIconButton'],
+    leftArrowIcon: ['leftArrowIcon'],
+    rightArrowIcon: ['rightArrowIcon']
   };
   return composeClasses(slots, getPickersArrowSwitcherUtilityClass, classes);
 };
@@ -106,7 +110,7 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
     ownerState: _extends({}, ownerState, {
       hidden: previousProps.isHidden
     }),
-    className: classes.button
+    className: clsx(classes.button, classes.previousIconButton)
   });
   const NextIconButton = slots?.nextIconButton ?? PickersArrowSwitcherButton;
   const nextIconButtonProps = useSlotProps({
@@ -123,7 +127,7 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
     ownerState: _extends({}, ownerState, {
       hidden: nextProps.isHidden
     }),
-    className: classes.button
+    className: clsx(classes.button, classes.nextIconButton)
   });
   const LeftArrowIcon = slots?.leftArrowIcon ?? ArrowLeftIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
@@ -133,7 +137,8 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
       additionalProps: {
         fontSize: 'inherit'
       },
-      ownerState: undefined
+      ownerState,
+      className: classes.leftArrowIcon
     }),
     leftArrowIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
   const RightArrowIcon = slots?.rightArrowIcon ?? ArrowRightIcon;
@@ -144,7 +149,8 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
       additionalProps: {
         fontSize: 'inherit'
       },
-      ownerState: undefined
+      ownerState,
+      className: classes.rightArrowIcon
     }),
     rightArrowIconProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded3);
   return /*#__PURE__*/_jsxs(PickersArrowSwitcherRoot, _extends({

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts

@@ -67,6 +67,6 @@ export interface PickersArrowSwitcherButtonSlotOwnerState extends PickersArrowSw
 export interface PickersArrowSwitcherSlotProps {
     previousIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
     nextIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
-    leftArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, undefined>;
-    rightArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, undefined>;
+    leftArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
+    rightArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
 }

package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.d.ts

@@ -5,7 +5,15 @@ export interface PickersArrowSwitcherClasses {
     spacer: string;
     /** Styles applied to the button element. */
     button: string;
+    /** Styles applied to the previous icon button element. */
+    previousIconButton: string;
+    /** Styles applied to the next icon button element. */
+    nextIconButton: string;
+    /** Styles applied to the left icon element. */
+    leftArrowIcon: string;
+    /** Styles applied to the right icon element. */
+    rightArrowIcon: string;
 }
 export type PickersArrowSwitcherClassKey = keyof PickersArrowSwitcherClasses;
 export declare function getPickersArrowSwitcherUtilityClass(slot: string): string;
-export declare const pickersArrowSwitcherClasses: Record<"button" | "root" | "spacer", string>;
+export declare const pickersArrowSwitcherClasses: Record<"button" | "root" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;

package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js

@@ -2,4 +2,4 @@ import { unstable_generateUtilityClass as generateUtilityClass, unstable_generat
 export function getPickersArrowSwitcherUtilityClass(slot) {
   return generateUtilityClass('MuiPickersArrowSwitcher', slot);
 }
-export const pickersArrowSwitcherClasses = generateUtilityClasses('MuiPickersArrowSwitcher', ['root', 'spacer', 'button']);
+export const pickersArrowSwitcherClasses = generateUtilityClasses('MuiPickersArrowSwitcher', ['root', 'spacer', 'button', 'previousIconButton', 'nextIconButton', 'leftArrowIcon', 'rightArrowIcon']);

package/internals/hooks/useField/useField.js

@@ -69,7 +69,9 @@ export const useField = params => {
   }));
   const handleContainerKeyDown = useEventCallback(event => {
     onKeyDown?.(event);
-
+    if (disabled) {
+      return;
+    }
     // eslint-disable-next-line default-case
     switch (true) {
       // Select all

package/internals/hooks/useField/useFieldV6TextField.js

@@ -47,7 +47,8 @@ export const useFieldV6TextField = params => {
       placeholder: inPlaceholder
     },
     internalProps: {
-      readOnly = false
+      readOnly = false,
+      disabled = false
     },
     parsedSelectedSections,
     activeSectionIndex,
@@ -188,7 +189,7 @@ export const useFieldV6TextField = params => {
 
     // prevent default to avoid the input `onChange` handler being called
     event.preventDefault();
-    if (readOnly) {
+    if (readOnly || disabled) {
       return;
     }
     const pastedValue = event.clipboardData.getData('text');

package/internals/hooks/useField/useFieldV7TextField.js

@@ -236,7 +236,7 @@ export const useFieldV7TextField = params => {
   const handleInputContentPaste = useEventCallback(event => {
     // prevent default to avoid the input `onInput` handler being called
     event.preventDefault();
-    if (readOnly || typeof parsedSelectedSections !== 'number') {
+    if (readOnly || disabled || typeof parsedSelectedSections !== 'number') {
       return;
     }
     const activeSection = state.sections[parsedSelectedSections];

package/internals/hooks/usePicker/usePicker.js

@@ -1,8 +1,7 @@
 import { usePickerValue } from './usePickerValue';
 import { usePickerViews } from './usePickerViews';
 import { usePickerLayoutProps } from './usePickerLayoutProps';
-import { buildWarning } from '../../utils/warning';
-const warnRenderInputIsDefined = buildWarning(['The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
+import { warnOnce } from '../../utils/warning';
 export const usePicker = ({
   props,
   valueManager,
@@ -16,7 +15,7 @@ export const usePicker = ({
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
-      warnRenderInputIsDefined();
+      warnOnce(['MUI X: The `renderInput` prop has been removed in version 6.0 of the Date and Time Pickers.', 'You can replace it with the `textField` component slot in most cases.', 'For more information, please have a look at the migration guide (https://mui.com/x/migration/migration-pickers-v5/#input-renderer-required-in-v5).']);
     }
   }
   const pickerValueResponse = usePickerValue({

package/internals/index.d.ts

@@ -59,7 +59,7 @@ export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
 export { applyDefaultViewProps } from './utils/views';
-export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export type { DayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps, } from '../DateCalendar/DayCalendar';
 export type { ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';

package/internals/index.js

@@ -30,7 +30,7 @@ export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
 export { applyDefaultViewProps } from './utils/views';
-export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';
 export { DayCalendar } from '../DateCalendar/DayCalendar';
 export { useCalendarState } from '../DateCalendar/useCalendarState';
 export { isInternalTimeView, isTimeView } from './utils/time-utils';

package/internals/utils/warning.d.ts

@@ -1,4 +1,2 @@
-export declare const buildDeprecatedPropsWarning: (message: string | string[]) => (deprecatedProps: {
-    [key: string]: any;
-}) => void;
-export declare const buildWarning: (message: string | string[], gravity?: "warning" | "error") => () => void;
+export declare function warnOnce(message: string | string[], gravity?: 'warning' | 'error'): void;
+export declare function clearWarningsCache(): void;