@mui/x-date-pickers 8.3.1 → 8.4.0

package/esm/DateTimePicker/DateTimePickerTabs.js

@@ -108,6 +108,7 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
     })]
   });
 };
+if (process.env.NODE_ENV !== "production") DateTimePickerTabs.displayName = "DateTimePickerTabs";
 process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateTimePicker/DateTimePickerToolbar.js

@@ -217,6 +217,7 @@ export const DateTimePickerToolbarOverrideContext = /*#__PURE__*/React.createCon
  *
  * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
  */
+if (process.env.NODE_ENV !== "production") DateTimePickerToolbarOverrideContext.displayName = "DateTimePickerToolbarOverrideContext";
 function DateTimePickerToolbar(inProps) {
   const props = useThemeProps({
     props: inProps,

package/esm/DesktopDatePicker/DesktopDatePicker.js

@@ -62,6 +62,7 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopDatePicker.displayName = "DesktopDatePicker";
 DesktopDatePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -78,6 +78,7 @@ const rendererInterceptor = function RendererInterceptor(props) {
     })]
   });
 };
+if (process.env.NODE_ENV !== "production") rendererInterceptor.displayName = "rendererInterceptor";
 /**
  * Demos:
  *
@@ -143,6 +144,7 @@ const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDate
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopDateTimePicker.displayName = "DesktopDateTimePicker";
 DesktopDateTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DesktopDateTimePicker/DesktopDateTimePickerLayout.js

@@ -54,6 +54,7 @@ const DesktopDateTimePickerLayout = /*#__PURE__*/React.forwardRef(function Deskt
     }), actionBar]
   });
 });
+if (process.env.NODE_ENV !== "production") DesktopDateTimePickerLayout.displayName = "DesktopDateTimePickerLayout";
 process.env.NODE_ENV !== "production" ? DesktopDateTimePickerLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DesktopTimePicker/DesktopTimePicker.js

@@ -78,6 +78,7 @@ const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePick
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopTimePicker.displayName = "DesktopTimePicker";
 DesktopTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DigitalClock/DigitalClock.js

@@ -314,6 +314,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") DigitalClock.displayName = "DigitalClock";
 process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/LocalizationProvider/LocalizationProvider.js

@@ -8,9 +8,7 @@ import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const MuiPickersAdapterContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  MuiPickersAdapterContext.displayName = 'MuiPickersAdapterContext';
-}
+if (process.env.NODE_ENV !== "production") MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
 /**
  * Demos:
  *
@@ -88,6 +86,7 @@ export const LocalizationProvider = function LocalizationProvider(inProps) {
     children: children
   });
 };
+if (process.env.NODE_ENV !== "production") LocalizationProvider.displayName = "LocalizationProvider";
 process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MobileDatePicker/MobileDatePicker.js

@@ -60,6 +60,7 @@ const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileDatePicker.displayName = "MobileDatePicker";
 MobileDatePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MobileDateTimePicker/MobileDateTimePicker.js

@@ -110,6 +110,7 @@ const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTi
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileDateTimePicker.displayName = "MobileDateTimePicker";
 MobileDateTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MobileTimePicker/MobileTimePicker.js

@@ -63,6 +63,7 @@ const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileTimePicker.displayName = "MobileTimePicker";
 MobileTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MonthCalendar/MonthCalendar.js

@@ -251,6 +251,7 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") MonthCalendar.displayName = "MonthCalendar";
 process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MonthCalendar/MonthCalendarButton.js

@@ -112,4 +112,5 @@ export const MonthCalendarButton = /*#__PURE__*/React.memo(function MonthCalenda
     className: classes.button
   });
   return /*#__PURE__*/_jsx(MonthButton, _extends({}, monthButtonProps));
-});
+});
+if (process.env.NODE_ENV !== "production") MonthCalendarButton.displayName = "MonthCalendarButton";

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -343,6 +343,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
     }, timeView))
   }));
 });
+if (process.env.NODE_ENV !== "production") MultiSectionDigitalClock.displayName = "MultiSectionDigitalClock";
 process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -206,4 +206,5 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
       }), option.label);
     })
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") MultiSectionDigitalClockSection.displayName = "MultiSectionDigitalClockSection";

package/esm/PickersActionBar/PickersActionBar.js

@@ -113,4 +113,5 @@ process.env.NODE_ENV !== "production" ? PickersActionBarComponent.propTypes = {
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 const PickersActionBar = /*#__PURE__*/React.memo(PickersActionBarComponent);
+if (process.env.NODE_ENV !== "production") PickersActionBar.displayName = "PickersActionBar";
 export { PickersActionBar };

package/esm/PickersCalendarHeader/PickersCalendarHeader.js

@@ -225,6 +225,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersCalendarHeader.displayName = "PickersCalendarHeader";
 process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersDay/PickersDay.js

@@ -218,6 +218,7 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
     children: !children ? utils.format(day, 'dayOfMonth') : children
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersDayRaw.displayName = "PickersDayRaw";
 process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -369,4 +370,5 @@ process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
  *
  * - [PickersDay API](https://mui.com/x/api/date-pickers/pickers-day/)
  */
-export const PickersDay = /*#__PURE__*/React.memo(PickersDayRaw);
+export const PickersDay = /*#__PURE__*/React.memo(PickersDayRaw);
+if (process.env.NODE_ENV !== "production") PickersDay.displayName = "PickersDay";

package/esm/PickersLayout/PickersLayout.js

@@ -137,6 +137,7 @@ const PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inPro
     }), actionBar]
   });
 });
+if (process.env.NODE_ENV !== "production") PickersLayout.displayName = "PickersLayout";
 process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersSectionList/PickersSectionList.js

@@ -204,6 +204,7 @@ const PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSection
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersSectionList.displayName = "PickersSectionList";
 process.env.NODE_ENV !== "production" ? PickersSectionList.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -226,6 +226,7 @@ const PickersFilledInput = /*#__PURE__*/React.forwardRef(function PickersFilledI
     ownerState: ownerState
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersFilledInput.displayName = "PickersFilledInput";
 process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersTextField/PickersInput/PickersInput.js

@@ -143,6 +143,7 @@ const PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(inProps
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersInput.displayName = "PickersInput";
 process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -393,6 +393,7 @@ const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersInputBase.displayName = "PickersInputBase";
 process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -120,6 +120,7 @@ const PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutli
     ref: ref
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersOutlinedInput.displayName = "PickersOutlinedInput";
 process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersTextField/PickersTextField.js

@@ -29,7 +29,9 @@ const VARIANT_COMPONENT = {
 const PickersTextFieldRoot = styled(FormControl, {
   name: 'MuiPickersTextField',
   slot: 'Root'
-})({});
+})({
+  maxWidth: '100%'
+});
 const useUtilityClasses = (classes, ownerState) => {
   const {
     isFieldFocused,
@@ -174,6 +176,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
     }))
   });
 });
+if (process.env.NODE_ENV !== "production") PickersTextField.displayName = "PickersTextField";
 process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersTextField/usePickerTextFieldOwnerState.js

@@ -2,6 +2,7 @@
 
 import * as React from 'react';
 export const PickerTextFieldOwnerStateContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerTextFieldOwnerStateContext.displayName = "PickerTextFieldOwnerStateContext";
 export const usePickerTextFieldOwnerState = () => {
   const value = React.useContext(PickerTextFieldOwnerStateContext);
   if (value == null) {

package/esm/StaticDatePicker/StaticDatePicker.js

@@ -50,6 +50,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") StaticDatePicker.displayName = "StaticDatePicker";
 StaticDatePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/StaticDateTimePicker/StaticDateTimePicker.js

@@ -99,6 +99,7 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") StaticDateTimePicker.displayName = "StaticDateTimePicker";
 StaticDateTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/StaticTimePicker/StaticTimePicker.js

@@ -52,6 +52,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") StaticTimePicker.displayName = "StaticTimePicker";
 StaticTimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/TimeClock/TimeClock.js

@@ -329,6 +329,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") TimeClock.displayName = "TimeClock";
 process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/TimeField/TimeField.js

@@ -43,6 +43,7 @@ const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, inRe
     defaultOpenPickerIcon: ClockIcon
   });
 });
+if (process.env.NODE_ENV !== "production") TimeField.displayName = "TimeField";
 process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/TimePicker/TimePicker.js

@@ -45,6 +45,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef(function TimePicker(inProps, re
     ref: ref
   }, other));
 });
+if (process.env.NODE_ENV !== "production") TimePicker.displayName = "TimePicker";
 process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/YearCalendar/YearCalendar.js

@@ -296,6 +296,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     }, (_, index) => /*#__PURE__*/_jsx(YearCalendarButtonFiller, {}, index))]
   }));
 });
+if (process.env.NODE_ENV !== "production") YearCalendar.displayName = "YearCalendar";
 process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/YearCalendar/YearCalendarButton.js

@@ -112,4 +112,5 @@ export const YearCalendarButton = /*#__PURE__*/React.memo(function YearCalendarB
     className: classes.button
   });
   return /*#__PURE__*/_jsx(YearButton, _extends({}, yearButtonProps));
-});
+});
+if (process.env.NODE_ENV !== "production") YearCalendarButton.displayName = "YearCalendarButton";

package/esm/dateViewRenderers/dateViewRenderers.js

@@ -80,4 +80,5 @@ export const renderDateViewCalendar = ({
   fixedWeekNumber: fixedWeekNumber,
   displayWeekNumber: displayWeekNumber,
   timezone: timezone
-});
+});
+if (process.env.NODE_ENV !== "production") renderDateViewCalendar.displayName = "renderDateViewCalendar";

package/esm/hooks/useIsValidValue.js

@@ -6,6 +6,7 @@ export const IsValidValueContext = /*#__PURE__*/React.createContext(() => true);
 /**
  * Returns a function to check if a value is valid according to the validation props passed to the parent Picker.
  */
+if (process.env.NODE_ENV !== "production") IsValidValueContext.displayName = "IsValidValueContext";
 export function useIsValidValue() {
   return React.useContext(IsValidValueContext);
 }

package/esm/hooks/usePickerContext.js

@@ -6,6 +6,7 @@ export const PickerContext = /*#__PURE__*/React.createContext(null);
 /**
  * Returns the context passed by the Picker wrapping the current component.
  */
+if (process.env.NODE_ENV !== "production") PickerContext.displayName = "PickerContext";
 export const usePickerContext = () => {
   const value = React.useContext(PickerContext);
   if (value == null) {

package/esm/index.js

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

package/esm/internals/components/PickerFieldUI.js

@@ -95,6 +95,7 @@ export const PickerFieldUIContext = /*#__PURE__*/React.createContext({
  * Adds the button to open the Picker and the button to clear the value of the field.
  * @ignore - internal component.
  */
+if (process.env.NODE_ENV !== "production") PickerFieldUIContext.displayName = "PickerFieldUIContext";
 export function PickerFieldUI(props) {
   const {
     slots,

package/esm/internals/components/PickerPopper/PickerPopper.js

@@ -197,6 +197,7 @@ const PickerPopperPaperWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
     children: children
   }));
 });
+if (process.env.NODE_ENV !== "production") PickerPopperPaperWrapper.displayName = "PickerPopperPaperWrapper";
 export function PickerPopper(inProps) {
   const props = useThemeProps({
     props: inProps,

package/esm/internals/components/PickerProvider.js

@@ -5,6 +5,7 @@ import { PickerFieldPrivateContext } from "../hooks/useNullableFieldPrivateConte
 import { PickerContext } from "../../hooks/usePickerContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const PickerActionsContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerActionsContext.displayName = "PickerActionsContext";
 export const PickerPrivateContext = /*#__PURE__*/React.createContext({
   ownerState: {
     isPickerDisabled: false,
@@ -34,6 +35,7 @@ export const PickerPrivateContext = /*#__PURE__*/React.createContext({
  *
  * @ignore - do not document.
  */
+if (process.env.NODE_ENV !== "production") PickerPrivateContext.displayName = "PickerPrivateContext";
 export function PickerProvider(props) {
   const {
     contextValue,

package/esm/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -170,4 +170,5 @@ export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Picke
       children: isRtl ? /*#__PURE__*/_jsx(LeftArrowIcon, _extends({}, leftArrowIconProps)) : /*#__PURE__*/_jsx(RightArrowIcon, _extends({}, rightArrowIconProps))
     }))]
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersArrowSwitcher.displayName = "PickersArrowSwitcher";

package/esm/internals/components/PickersToolbar.js

@@ -111,4 +111,5 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
       children: children
     })]
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbar.displayName = "PickersToolbar";

package/esm/internals/components/PickersToolbarButton.js

@@ -58,4 +58,5 @@ export const PickersToolbarButton = /*#__PURE__*/React.forwardRef(function Picke
       selected: selected
     })
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbarButton.displayName = "PickersToolbarButton";

package/esm/internals/components/PickersToolbarText.js

@@ -49,4 +49,5 @@ export const PickersToolbarText = /*#__PURE__*/React.forwardRef(function Pickers
   }, other, {
     children: value
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") PickersToolbarText.displayName = "PickersToolbarText";

package/esm/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -91,6 +91,7 @@ export const useDesktopPicker = _ref => {
       })]
     })
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };

package/esm/internals/hooks/useField/useFieldCharacterEditing.js

@@ -126,7 +126,11 @@ export const useFieldCharacterEditing = ({
     return applyQuery(params, getFirstSectionValueMatchingWithQuery);
   };
   const applyNumericEditing = params => {
-    const getNewSectionValue = (queryValue, section) => {
+    const getNewSectionValue = ({
+      queryValue,
+      skipIfBelowMinimum,
+      section
+    }) => {
       const cleanQueryValue = removeLocalizedDigits(queryValue, localizedDigits);
       const queryValueNumber = Number(cleanQueryValue);
       const sectionBoundaries = sectionsValueBoundaries[section.type]({
@@ -143,7 +147,7 @@ export const useFieldCharacterEditing = ({
       // If the user types `0` on a month section,
       // It is below the minimum, but we want to store the `0` in the query,
       // So that when he pressed `1`, it will store `01` and move to the next section.
-      if (queryValueNumber < sectionBoundaries.minimum) {
+      if (skipIfBelowMinimum && queryValueNumber < sectionBoundaries.minimum) {
         return {
           saveQuery: true
         };
@@ -157,20 +161,28 @@ export const useFieldCharacterEditing = ({
     };
     const getFirstSectionValueMatchingWithQuery = (queryValue, activeSection) => {
       if (activeSection.contentType === 'digit' || activeSection.contentType === 'digit-with-letter') {
-        return getNewSectionValue(queryValue, activeSection);
+        return getNewSectionValue({
+          queryValue,
+          skipIfBelowMinimum: false,
+          section: activeSection
+        });
       }
 
       // When editing a letter-format month and the user presses a digit,
       // We can support the numeric editing by using the digit-format month and re-formatting the result.
       if (activeSection.type === 'month') {
         const hasLeadingZerosInFormat = doesSectionFormatHaveLeadingZeros(utils, 'digit', 'month', 'MM');
-        const response = getNewSectionValue(queryValue, {
-          type: activeSection.type,
-          format: 'MM',
-          hasLeadingZerosInFormat,
-          hasLeadingZerosInInput: true,
-          contentType: 'digit',
-          maxLength: 2
+        const response = getNewSectionValue({
+          queryValue,
+          skipIfBelowMinimum: true,
+          section: {
+            type: activeSection.type,
+            format: 'MM',
+            hasLeadingZerosInFormat,
+            hasLeadingZerosInInput: true,
+            contentType: 'digit',
+            maxLength: 2
+          }
         });
         if (isQueryResponseWithoutValue(response)) {
           return response;
@@ -184,7 +196,11 @@ export const useFieldCharacterEditing = ({
       // When editing a letter-format weekDay and the user presses a digit,
       // We can support the numeric editing by returning the nth day in the week day array.
       if (activeSection.type === 'weekDay') {
-        const response = getNewSectionValue(queryValue, activeSection);
+        const response = getNewSectionValue({
+          queryValue,
+          skipIfBelowMinimum: true,
+          section: activeSection
+        });
         if (isQueryResponseWithoutValue(response)) {
           return response;
         }

package/esm/internals/hooks/useField/useFieldSectionContainerProps.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
 /**
  * Generate the props to pass to the container element of each section of the field.
  * It is not used by the non-accessible DOM structure (with an <input /> element for editing).
@@ -17,14 +16,14 @@ export function useFieldSectionContainerProps(parameters) {
       disabled = false
     }
   } = parameters;
-  const createHandleClick = useEventCallback(sectionIndex => event => {
+  const createHandleClick = React.useCallback(sectionIndex => event => {
     // The click event on the clear button would propagate to the input, trigger this handler and result in a wrong section selection.
     // We avoid this by checking if the call to this function is actually intended, or a side effect.
     if (disabled || event.isDefaultPrevented()) {
       return;
     }
     setSelectedSections(sectionIndex);
-  });
+  }, [disabled, setSelectedSections]);
   return React.useCallback(sectionIndex => ({
     'data-sectionindex': sectionIndex,
     onClick: createHandleClick(sectionIndex)

package/esm/internals/hooks/useField/useFieldSectionContentProps.js

@@ -128,12 +128,12 @@ export function useFieldSectionContentProps(parameters) {
     event.preventDefault();
     event.dataTransfer.dropEffect = 'none';
   });
-  const createFocusHandler = useEventCallback(sectionIndex => () => {
+  const createFocusHandler = React.useCallback(sectionIndex => () => {
     if (disabled) {
       return;
     }
     setSelectedSections(sectionIndex);
-  });
+  }, [disabled, setSelectedSections]);
   return React.useCallback((section, sectionIndex) => {
     const sectionBoundaries = sectionsValueBoundaries[section.type]({
       currentDate: fieldValueManager.getDateFromSection(value, section),

package/esm/internals/hooks/useField/useFieldState.js

@@ -268,10 +268,10 @@ export const useFieldState = parameters => {
     }
 
     /**
-     * If all the sections are filled but the date is invalid,
+     * If all the sections are filled but the date is invalid and the previous date is valid or null,
      * Then we publish an invalid date.
      */
-    if (newActiveDateSections.every(sectionBis => sectionBis.value !== '')) {
+    if (newActiveDateSections.every(sectionBis => sectionBis.value !== '') && (activeDate == null || utils.isValid(activeDate))) {
       setSectionUpdateToApplyOnNextInvalidDate(newSectionValue);
       return publishValue(fieldValueManager.updateDateInValue(value, section, newActiveDate));
     }

package/esm/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -91,6 +91,7 @@ export const useMobilePicker = _ref => {
       })]
     })
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };

package/esm/internals/hooks/useNullableFieldPrivateContext.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 export const PickerFieldPrivateContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerFieldPrivateContext.displayName = "PickerFieldPrivateContext";
 export function useNullableFieldPrivateContext() {
   return React.useContext(PickerFieldPrivateContext);
 }

package/esm/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -63,6 +63,7 @@ export const useStaticPicker = _ref => {
       children: renderCurrentView()
     }))
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };