@mui/x-date-pickers 7.10.0 → 7.11.1

package/modern/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/modern/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/modern/internals/utils/warning.js

@@ -1,28 +1,21 @@
-export const buildDeprecatedPropsWarning = message => {
-  let alreadyWarned = false;
+const warnedOnceCache = new Set();
+
+// TODO move to @mui/x-internals
+// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
+export function warnOnce(message, gravity = 'warning') {
   if (process.env.NODE_ENV === 'production') {
-    return () => {};
+    return;
   }
   const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return deprecatedProps => {
-    const deprecatedKeys = Object.entries(deprecatedProps).filter(([, value]) => value !== undefined).map(([key]) => `- ${key}`);
-    if (!alreadyWarned && deprecatedKeys.length > 0) {
-      alreadyWarned = true;
-      console.warn([cleanMessage, 'deprecated props observed:', ...deprecatedKeys].join('\n'));
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === 'error') {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
-  };
-};
-export const buildWarning = (message, gravity = 'warning') => {
-  let alreadyWarned = false;
-  const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return () => {
-    if (!alreadyWarned) {
-      alreadyWarned = true;
-      if (gravity === 'error') {
-        console.error(cleanMessage);
-      } else {
-        console.warn(cleanMessage);
-      }
-    }
-  };
-};
+  }
+}
+export function clearWarningsCache() {
+  warnedOnceCache.clear();
+}

package/modern/locales/index.js

@@ -20,6 +20,7 @@ export * from './kzKZ';
 export * from './mk';
 export * from './nbNO';
 export * from './nlNL';
+export * from './nnNO';
 export * from './plPL';
 export * from './ptBR';
 export * from './roRO';

package/modern/locales/koKR.js

@@ -16,11 +16,10 @@ const koKRPickers = {
   // DateRange labels
   start: '시작',
   end: '종료',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: '시작 날짜',
+  startTime: '시작 시간',
+  endDate: '종료 날짜',
+  endTime: '종료 시간',
   // Action bar
   cancelButtonLabel: '취소',
   clearButtonLabel: '초기화',
@@ -54,23 +53,22 @@ const koKRPickers = {
   fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'DD',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
+  year: '년',
+  month: '월',
+  day: '일',
+  weekDay: '평일',
+  hours: '시간',
+  minutes: '분',
+  seconds: '초',
   // meridiem: 'Meridiem',
 
   // Common
-  // empty: 'Empty',
+  empty: '공란'
 };
 export const koKR = getPickersLocalization(koKRPickers);

package/modern/locales/nnNO.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const timeViews = {
+  hours: 'timar',
+  minutes: 'minuttar',
+  seconds: 'sekundar',
+  meridiem: 'meridiem'
+};
+const nnNOPickers = {
+  // Calendar navigation
+  previousMonth: 'Forrige månad',
+  nextMonth: 'Neste månad',
+  // View navigation
+  openPreviousView: 'Opne forrige visning',
+  openNextView: 'Opne neste visning',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'årsvisning er open, byt til kalendervisning' : 'kalendervisning er open, byt til årsvisning',
+  // DateRange labels
+  start: 'Start',
+  end: 'Slutt',
+  startDate: 'Startdato',
+  startTime: 'Starttid',
+  endDate: 'Sluttdato',
+  endTime: 'Slutttid',
+  // Action bar
+  cancelButtonLabel: 'Avbryt',
+  clearButtonLabel: 'Fjern',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'I dag',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Vel dato',
+  dateTimePickerToolbarTitle: 'Vel dato & klokkeslett',
+  timePickerToolbarTitle: 'Vel klokkeslett',
+  dateRangePickerToolbarTitle: 'Vel datoperiode',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Vel ${timeViews[view]}. ${time === null ? 'Ingen tid vald' : `Vald tid er ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} timar`,
+  minutesClockNumberText: minutes => `${minutes} minuttar`,
+  secondsClockNumberText: seconds => `${seconds} sekundar`,
+  // Digital clock labels
+  selectViewText: view => `Vel ${timeViews[view]}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Vekenummer',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Veke ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel dato, vald dato er ${utils.format(value, 'fullDate')}` : 'Vel dato',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Vel tid, vald tid er ${utils.format(value, 'fullTime')}` : 'Vel tid',
+  fieldClearLabel: 'Fjern verdi',
+  // Table labels
+  timeTableLabel: 'vel tid',
+  dateTableLabel: 'vel dato',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Å'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'tt',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
+  // View names
+  year: 'År',
+  month: 'Månad',
+  day: 'Dag',
+  weekDay: 'Vekedag',
+  hours: 'Timar',
+  minutes: 'Minuttar',
+  seconds: 'Sekundar',
+  meridiem: 'Meridiem',
+  // Common
+  empty: 'Tom'
+};
+export const nnNO = getPickersLocalization(nnNOPickers);

package/modern/locales/ruRU.js

@@ -17,11 +17,10 @@ const ruRUPickers = {
   // DateRange labels
   start: 'Начало',
   end: 'Конец',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Начальная дата',
+  startTime: 'Начальное время',
+  endDate: 'Конечная дата',
+  endTime: 'Конечное время',
   // Action bar
   cancelButtonLabel: 'Отмена',
   clearButtonLabel: 'Очистить',
@@ -55,23 +54,21 @@ const ruRUPickers = {
   fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'ММММ' : 'ММ',
   fieldDayPlaceholder: () => 'ДД',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'ДДДД' : 'ДД',
   fieldHoursPlaceholder: () => 'чч',
   fieldMinutesPlaceholder: () => 'мм',
   fieldSecondsPlaceholder: () => 'сс',
-  fieldMeridiemPlaceholder: () => '(д|п)п'
-
+  fieldMeridiemPlaceholder: () => '(д|п)п',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Год',
+  month: 'Месяц',
+  day: 'День',
+  weekDay: 'День недели',
+  hours: 'Часы',
+  minutes: 'Минуты',
+  seconds: 'Секунды',
+  meridiem: 'Меридием',
   // Common
-  // empty: 'Empty',
+  empty: 'Пустой'
 };
 export const ruRU = getPickersLocalization(ruRUPickers);

package/node/AdapterDayjs/AdapterDayjs.js

@@ -19,7 +19,6 @@ _dayjs.default.extend(_localizedFormat.default);
 _dayjs.default.extend(_weekOfYear.default);
 _dayjs.default.extend(_isBetween.default);
 _dayjs.default.extend(_advancedFormat.default);
-const localeNotFoundWarning = (0, _warning.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',
@@ -242,7 +241,9 @@ class AdapterDayjs {
       const locale = this.locale || 'en';
       let localeObject = locales[locale];
       if (localeObject === undefined) {
-        localeNotFoundWarning();
+        if (process.env.NODE_ENV !== 'production') {
+          (0, _warning.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/node/DesktopDateTimePicker/DesktopDateTimePickerLayout.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DesktopDateTimePickerLayout = DesktopDateTimePickerLayout;
+exports.DesktopDateTimePickerLayout = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /**
  * @ignore - internal component.
  */
-function DesktopDateTimePickerLayout(props) {
+const DesktopDateTimePickerLayout = exports.DesktopDateTimePickerLayout = /*#__PURE__*/React.forwardRef(function DesktopDateTimePickerLayout(props, ref) {
   const isRtl = (0, _RtlProvider.useRtl)();
   const {
     toolbar,
@@ -31,7 +31,6 @@ function DesktopDateTimePickerLayout(props) {
     sx,
     className,
     isLandscape,
-    ref,
     classes
   } = props;
   const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
@@ -64,7 +63,7 @@ function DesktopDateTimePickerLayout(props) {
       })]
     }), actionBar]
   });
-}
+});
 process.env.NODE_ENV !== "production" ? DesktopDateTimePickerLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -161,7 +161,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: SwitchViewIcon,
       externalSlotProps: slotProps?.switchViewIcon,
-      ownerState: undefined,
+      ownerState,
       className: classes.switchViewIcon
     }),
     switchViewIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);

package/node/PickersLayout/PickersLayout.js

@@ -98,7 +98,6 @@ const PickersLayoutContentWrapper = exports.PickersLayoutContentWrapper = (0, _s
   display: 'flex',
   flexDirection: 'column'
 });
-
 /**
  * Demos:
  *
@@ -108,7 +107,7 @@ const PickersLayoutContentWrapper = exports.PickersLayoutContentWrapper = (0, _s
  *
  * - [PickersLayout API](https://mui.com/x/api/date-pickers/pickers-layout/)
  */
-const PickersLayout = exports.PickersLayout = function PickersLayout(inProps) {
+const PickersLayout = exports.PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiPickersLayout'
@@ -124,7 +123,6 @@ const PickersLayout = exports.PickersLayout = function PickersLayout(inProps) {
     sx,
     className,
     isLandscape,
-    ref,
     wrapperVariant
   } = props;
   const classes = useUtilityClasses(props);
@@ -142,7 +140,7 @@ const PickersLayout = exports.PickersLayout = function PickersLayout(inProps) {
       })
     }), actionBar]
   });
-};
+});
 process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/TimeClock/Clock.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Clock = Clock;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
@@ -22,7 +23,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
   const {
-    classes
+    classes,
+    meridiemMode
   } = ownerState;
   const slots = {
     root: ['root'],
@@ -30,8 +32,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 (0, _utils.unstable_composeClasses)(slots, _clockClasses.getClockUtilityClass, classes);
@@ -114,23 +116,15 @@ const ClockPin = (0, _styles.styled)('div', {
   left: '50%',
   transform: 'translate(-50%, -50%)'
 }));
-const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
-  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: _shared.CLOCK_HOUR_WIDTH,
   variants: [{
     props: {
-      meridiemMode: 'am'
+      meridiemMode
     },
     style: {
       backgroundColor: (theme.vars || theme).palette.primary.main,
@@ -140,6 +134,17 @@ const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
       }
     }
   }]
+});
+const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
+  name: 'MuiClock',
+  slot: 'AmButton',
+  overridesResolver: (_, styles) => styles.amButton
+})(({
+  theme
+}) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'am'), {
+  // keeping it here to make TS happy
+  position: 'absolute',
+  left: 8
 }));
 const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
   name: 'MuiClock',
@@ -147,26 +152,10 @@ const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
   overridesResolver: (_, styles) => styles.pmButton
 })(({
   theme
-}) => ({
-  zIndex: 1,
+}) => (0, _extends2.default)({}, meridiemButtonCommonStyles(theme, 'pm'), {
+  // keeping it here to make TS happy
   position: 'absolute',
-  bottom: 8,
-  right: 8,
-  paddingLeft: 4,
-  paddingRight: 4,
-  width: _shared.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 = (0, _styles.styled)(_Typography.default, {
   name: 'MuiClock',

package/node/TimeClock/clockClasses.js

@@ -9,4 +9,4 @@ var _utils = require("@mui/utils");
 function getClockUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiClock', slot);
 }
-const clockClasses = exports.clockClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText']);
+const clockClasses = exports.clockClasses = (0, _utils.unstable_generateUtilityClasses)('MuiClock', ['root', 'clock', 'wrapper', 'squareMask', 'pin', 'amButton', 'pmButton', 'meridiemText', 'selected']);

package/node/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/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -60,7 +60,11 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root'],
     spacer: ['spacer'],
-    button: ['button']
+    button: ['button'],
+    previousIconButton: ['previousIconButton'],
+    nextIconButton: ['nextIconButton'],
+    leftArrowIcon: ['leftArrowIcon'],
+    rightArrowIcon: ['rightArrowIcon']
   };
   return (0, _utils.unstable_composeClasses)(slots, _pickersArrowSwitcherClasses.getPickersArrowSwitcherUtilityClass, classes);
 };
@@ -115,7 +119,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
     ownerState: (0, _extends2.default)({}, ownerState, {
       hidden: previousProps.isHidden
     }),
-    className: classes.button
+    className: (0, _clsx.default)(classes.button, classes.previousIconButton)
   });
   const NextIconButton = slots?.nextIconButton ?? PickersArrowSwitcherButton;
   const nextIconButtonProps = (0, _utils2.useSlotProps)({
@@ -132,7 +136,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
     ownerState: (0, _extends2.default)({}, ownerState, {
       hidden: nextProps.isHidden
     }),
-    className: classes.button
+    className: (0, _clsx.default)(classes.button, classes.nextIconButton)
   });
   const LeftArrowIcon = slots?.leftArrowIcon ?? _icons.ArrowLeftIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
@@ -142,7 +146,8 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
       additionalProps: {
         fontSize: 'inherit'
       },
-      ownerState: undefined
+      ownerState,
+      className: classes.leftArrowIcon
     }),
     leftArrowIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const RightArrowIcon = slots?.rightArrowIcon ?? _icons.ArrowRightIcon;
@@ -153,7 +158,8 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
       additionalProps: {
         fontSize: 'inherit'
       },
-      ownerState: undefined
+      ownerState,
+      className: classes.rightArrowIcon
     }),
     rightArrowIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded3);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersArrowSwitcherRoot, (0, _extends2.default)({

package/node/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js

@@ -9,4 +9,4 @@ var _utils = require("@mui/utils");
 function getPickersArrowSwitcherUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiPickersArrowSwitcher', slot);
 }
-const pickersArrowSwitcherClasses = exports.pickersArrowSwitcherClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersArrowSwitcher', ['root', 'spacer', 'button']);
+const pickersArrowSwitcherClasses = exports.pickersArrowSwitcherClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersArrowSwitcher', ['root', 'spacer', 'button', 'previousIconButton', 'nextIconButton', 'leftArrowIcon', 'rightArrowIcon']);

package/node/internals/hooks/useField/useField.js

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

package/node/internals/hooks/useField/useFieldV6TextField.js

@@ -57,7 +57,8 @@ const useFieldV6TextField = params => {
       placeholder: inPlaceholder
     },
     internalProps: {
-      readOnly = false
+      readOnly = false,
+      disabled = false
     },
     parsedSelectedSections,
     activeSectionIndex,
@@ -198,7 +199,7 @@ 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/node/internals/hooks/useField/useFieldV7TextField.js

@@ -245,7 +245,7 @@ const useFieldV7TextField = params => {
   const handleInputContentPaste = (0, _useEventCallback.default)(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/node/internals/hooks/usePicker/usePicker.js

@@ -8,7 +8,6 @@ var _usePickerValue = require("./usePickerValue");
 var _usePickerViews = require("./usePickerViews");
 var _usePickerLayoutProps = require("./usePickerLayoutProps");
 var _warning = require("../../utils/warning");
-const warnRenderInputIsDefined = (0, _warning.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).']);
 const usePicker = ({
   props,
   valueManager,
@@ -22,7 +21,7 @@ const usePicker = ({
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
-      warnRenderInputIsDefined();
+      (0, _warning.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 = (0, _usePickerValue.usePickerValue)({

package/node/internals/index.js

@@ -81,18 +81,6 @@ Object.defineProperty(exports, "areDatesEqual", {
     return _dateUtils.areDatesEqual;
   }
 });
-Object.defineProperty(exports, "buildDeprecatedPropsWarning", {
-  enumerable: true,
-  get: function () {
-    return _warning.buildDeprecatedPropsWarning;
-  }
-});
-Object.defineProperty(exports, "buildWarning", {
-  enumerable: true,
-  get: function () {
-    return _warning.buildWarning;
-  }
-});
 Object.defineProperty(exports, "convertFieldResponseIntoMuiTextFieldProps", {
   enumerable: true,
   get: function () {
@@ -351,6 +339,12 @@ Object.defineProperty(exports, "validateTime", {
     return _validateTime.validateTime;
   }
 });
+Object.defineProperty(exports, "warnOnce", {
+  enumerable: true,
+  get: function () {
+    return _warning.warnOnce;
+  }
+});
 var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher/PickersArrowSwitcher");
 var _PickersModalDialog = require("./components/PickersModalDialog");
 var _PickersPopper = require("./components/PickersPopper");