@mui/x-date-pickers 8.3.1 → 8.4.0

package/CHANGELOG.md

@@ -5,6 +5,116 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.4.0
+
+_May 21, 2025_
+
+We'd like to offer a big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔺 Support regular [`pyramid` variation in the `<FunnelChart />` component](https://mui.com/x/react-charts/funnel/#pyramid-chart):
+
+  <img width="398" alt="Pyramid funnel chart" src="https://github.com/user-attachments/assets/90ccb221-3a48-4ffa-8878-89c6db16da86" />
+
+- 📚 Documentation improvements
+- 🌎 Improve Icelandic (is-IS) locale on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions:
+@aizerin, @arminmeh, @campmarc, @jyash97, @mapache-salvaje, @noraleonte, @nusr, @ragnarr18, @romgrk, @whereisrmsqhs.
+Following are all team members who have contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @rita-codes.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.4.0`
+
+- [DataGrid] Fix content rendering for large rows while using automatic page size (#14737) @campmarc
+- [DataGrid] Fix disabled typography variants crashing grid (#17934) @KenanYusuf
+- [DataGrid] Fix tree data demo crash (#17904) @MBilalShafi
+- [DataGrid] Use `exclude` selection model type if quick filter does not have actual values (#17899) @arminmeh
+- [DataGrid] Fix clipboard copy behavior for cell ranges with empty cells (#16797) @nusr
+- [l10n] Improve Icelandic (is-IS) locale (#17915) @ragnarr18
+
+#### `@mui/x-data-grid-pro@8.4.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@8.4.0`, plus:
+
+- [DataGridPro] Add `aria-expanded` attribute to the master detail toggle button (#17122) @whereisrmsqhs
+- [DataGridPro] Preserve row state during server-side lazy loading (#17743) @arminmeh
+- [DataGridPro] Prevent text selection when reordering rows (#16568) @jyash97
+
+#### `@mui/x-data-grid-premium@8.4.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@8.4.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.4.0`
+
+- [fields] Ensure fresh `disabled` value is used when focusing or clicking (#17914) @aizerin
+- [fields] Improve the field controlled edition (#17816) @flaviendelangle
+- [pickers] Fix `PickersTextField` overflow (#17942) @noraleonte
+
+#### `@mui/x-date-pickers-pro@8.4.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@8.4.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.4.0`
+
+- [charts] Add grouped axes demo (#17848) @bernardobelchior
+- [charts] Enable tooltip disable portal (#17871) @alexfauquette
+- [charts] Improve performance in scatter chart (#17849) @bernardobelchior
+- [charts] Recreate `isPointInside` less often (#17850) @bernardobelchior
+- [charts] Try fix for flaky `useAnimate` test (#17777) @JCQuintas
+- [charts] Add `isXInside` and `isYInside` (#17911) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.4.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-charts@8.4.0`, plus:
+
+- [charts-pro] Add size for zoom slider (#17736) @bernardobelchior
+- [charts-pro] Add zoom slider tooltip (#17733) @bernardobelchior
+- [charts-pro] Clean and document Heatmap Tooltip (#17933) @alexfauquette
+- [charts-pro] Introduce `Pyramid` chart (#17783) @JCQuintas
+- [charts-pro] Update zoom slider nomenclature (#17938) @bernardobelchior
+- [charts-pro] Fix error when importing rasterizehtml (#17897) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.4.0`
+
+- [TreeView] Add `getItemChildren` prop in `RichTreeView` (#17894) @rita-codes
+- [TreeView] Add a method in the `apiRef` to toggle the editing status of an item (#17768) @rita-codes
+- [TreeView] Add missing sx prop on the Tree Item component (#17930) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.4.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-tree-view@8.4.0`.
+
+### Docs
+
+- [docs] Add a recipe for drag and drop row grouping (#17638) @KenanYusuf
+- [docs] Add introductory text to Data Grid component pages (#17902) @KenanYusuf
+- [docs] Refactor embedded CodeSandbox on Data Grid—Quickstart page (#17749) @rita-codes
+- [docs] Remove double border on Data Grid—Quickstart demo (#17932) @rita-codes
+- [docs] Standardize `apiRef` copy (#17776) @mapache-salvaje
+- [docs][DataGrid] Revise server-side data docs (#17007) @mapache-salvaje
+- [docs][DataGrid] Audit and revise the tree data doc (#17650) @mapache-salvaje
+- [docs][pickers] Fix migration guide references to range fields (#17861) @LukasTy
+- [docs][charts] Reorganize the Tooltip documentation (#17917) @alexfauquette
+
+### Core
+
+- [core] refactor: remove manual `displayName` (#17845) @romgrk
+- [code-infra] Document how to use `vitest` cli (#17847) @JCQuintas
+- [code-infra] Increase charts export test timeout (#17909) @JCQuintas
+- [code-infra] Set `isolatedModules=true` in tsconfig (#17781) @JCQuintas
+- [infra] Ensure proper docs preview path resolution (#17863) @LukasTy
+
 ## 8.3.1
 
 _May 14, 2025_

package/DateCalendar/DateCalendar.js

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

package/DateField/DateField.js

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

package/DatePicker/DatePicker.js

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

package/DatePicker/DatePickerToolbar.js

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

package/DateTimeField/DateTimeField.js

@@ -50,6 +50,7 @@ const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(func
     defaultOpenPickerIcon: _icons.CalendarIcon
   });
 });
+if (process.env.NODE_ENV !== "production") DateTimeField.displayName = "DateTimeField";
 process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/DateTimePicker/DateTimePicker.js

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

package/DateTimePicker/DateTimePickerTabs.js

@@ -115,6 +115,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     })]
   });
 };
+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/DateTimePicker/DateTimePickerToolbar.js

@@ -225,6 +225,7 @@ const DateTimePickerToolbarOverrideContext = exports.DateTimePickerToolbarOverri
  *
  * - [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 = (0, _styles.useThemeProps)({
     props: inProps,

package/DesktopDatePicker/DesktopDatePicker.js

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

package/DesktopDateTimePicker/DesktopDateTimePicker.js

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

package/DesktopDateTimePicker/DesktopDateTimePickerLayout.js

@@ -62,6 +62,7 @@ const DesktopDateTimePickerLayout = exports.DesktopDateTimePickerLayout = /*#__P
     }), 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/DesktopTimePicker/DesktopTimePicker.js

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

package/DigitalClock/DigitalClock.js

@@ -321,6 +321,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
     })
   }));
 });
+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/LocalizationProvider/LocalizationProvider.js

@@ -15,9 +15,7 @@ var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["localeText"];
 const MuiPickersAdapterContext = exports.MuiPickersAdapterContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  MuiPickersAdapterContext.displayName = 'MuiPickersAdapterContext';
-}
+if (process.env.NODE_ENV !== "production") MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
 /**
  * Demos:
  *
@@ -95,6 +93,7 @@ const LocalizationProvider = exports.LocalizationProvider = function Localizatio
     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/MobileDatePicker/MobileDatePicker.js

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

package/MobileDateTimePicker/MobileDateTimePicker.js

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

package/MobileTimePicker/MobileTimePicker.js

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

package/MonthCalendar/MonthCalendar.js

@@ -259,6 +259,7 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     })
   }));
 });
+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/MonthCalendar/MonthCalendarButton.js

@@ -120,4 +120,5 @@ const MonthCalendarButton = exports.MonthCalendarButton = /*#__PURE__*/React.mem
     className: classes.button
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MonthButton, (0, _extends2.default)({}, monthButtonProps));
-});
+});
+if (process.env.NODE_ENV !== "production") MonthCalendarButton.displayName = "MonthCalendarButton";

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -24,7 +24,7 @@ var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _PickerViewRoot = require("../internals/components/PickerViewRoot");
 var _multiSectionDigitalClockClasses = require("./multiSectionDigitalClockClasses");
 var _MultiSectionDigitalClockSection = require("./MultiSectionDigitalClockSection");
-var _MultiSectionDigitalClock = require("./MultiSectionDigitalClock.utils");
+var _MultiSectionDigitalClock2 = require("./MultiSectionDigitalClock.utils");
 var _useControlledValue = require("../internals/hooks/useControlledValue");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
@@ -237,7 +237,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
               const valueWithMeridiem = (0, _timeUtils.convertValueToMeridiem)(hours, meridiemMode, ampm);
               setValueAndGoToNextView(utils.setHours(valueOrReferenceDate, valueWithMeridiem), 'finish', 'hours');
             },
-            items: (0, _MultiSectionDigitalClock.getHourSectionOptions)({
+            items: (0, _MultiSectionDigitalClock2.getHourSectionOptions)({
               now,
               value,
               ampm,
@@ -255,7 +255,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             onChange: minutes => {
               setValueAndGoToNextView(utils.setMinutes(valueOrReferenceDate, minutes), 'finish', 'minutes');
             },
-            items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
+            items: (0, _MultiSectionDigitalClock2.getTimeSectionOptions)({
               value: utils.getMinutes(valueOrReferenceDate),
               utils,
               isDisabled: minutes => isTimeDisabled(minutes, 'minutes'),
@@ -272,7 +272,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             onChange: seconds => {
               setValueAndGoToNextView(utils.setSeconds(valueOrReferenceDate, seconds), 'finish', 'seconds');
             },
-            items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
+            items: (0, _MultiSectionDigitalClock2.getTimeSectionOptions)({
               value: utils.getSeconds(valueOrReferenceDate),
               utils,
               isDisabled: seconds => isTimeDisabled(seconds, 'seconds'),
@@ -350,6 +350,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
     }, 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/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -213,4 +213,5 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
       }), option.label);
     })
   }));
-});
+});
+if (process.env.NODE_ENV !== "production") MultiSectionDigitalClockSection.displayName = "MultiSectionDigitalClockSection";

package/PickersActionBar/PickersActionBar.js

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

package/PickersCalendarHeader/PickersCalendarHeader.js

@@ -232,6 +232,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     })]
   }));
 });
+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/PickersDay/PickersDay.js

@@ -225,6 +225,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 |
@@ -376,4 +377,5 @@ process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
  *
  * - [PickersDay API](https://mui.com/x/api/date-pickers/pickers-day/)
  */
-const PickersDay = exports.PickersDay = /*#__PURE__*/React.memo(PickersDayRaw);
+const PickersDay = exports.PickersDay = /*#__PURE__*/React.memo(PickersDayRaw);
+if (process.env.NODE_ENV !== "production") PickersDay.displayName = "PickersDay";

package/PickersLayout/PickersLayout.js

@@ -144,6 +144,7 @@ const PickersLayout = exports.PickersLayout = /*#__PURE__*/React.forwardRef(func
     }), 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/PickersSectionList/PickersSectionList.js

@@ -211,6 +211,7 @@ const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwa
     })
   }));
 });
+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/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -234,6 +234,7 @@ const PickersFilledInput = exports.PickersFilledInput = /*#__PURE__*/React.forwa
     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/PickersTextField/PickersInput/PickersInput.js

@@ -151,6 +151,7 @@ const PickersInput = exports.PickersInput = /*#__PURE__*/React.forwardRef(functi
     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/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -401,6 +401,7 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
     })]
   }));
 });
+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/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -128,6 +128,7 @@ const PickersOutlinedInput = exports.PickersOutlinedInput = /*#__PURE__*/React.f
     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/PickersTextField/PickersTextField.js

@@ -36,7 +36,9 @@ const VARIANT_COMPONENT = {
 const PickersTextFieldRoot = (0, _styles.styled)(_FormControl.default, {
   name: 'MuiPickersTextField',
   slot: 'Root'
-})({});
+})({
+  maxWidth: '100%'
+});
 const useUtilityClasses = (classes, ownerState) => {
   const {
     isFieldFocused,
@@ -181,6 +183,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
     }))
   });
 });
+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/PickersTextField/usePickerTextFieldOwnerState.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePickerTextFieldOwnerState = exports.PickerTextFieldOwnerStateContext = void 0;
 var React = _interopRequireWildcard(require("react"));
 const PickerTextFieldOwnerStateContext = exports.PickerTextFieldOwnerStateContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerTextFieldOwnerStateContext.displayName = "PickerTextFieldOwnerStateContext";
 const usePickerTextFieldOwnerState = () => {
   const value = React.useContext(PickerTextFieldOwnerStateContext);
   if (value == null) {

package/StaticDatePicker/StaticDatePicker.js

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

package/StaticDateTimePicker/StaticDateTimePicker.js

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

package/StaticTimePicker/StaticTimePicker.js

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

package/TimeClock/TimeClock.js

@@ -336,6 +336,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
     })]
   }));
 });
+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/TimeField/TimeField.js

@@ -50,6 +50,7 @@ const TimeField = exports.TimeField = /*#__PURE__*/React.forwardRef(function Tim
     defaultOpenPickerIcon: _icons.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/TimePicker/TimePicker.js

@@ -52,6 +52,7 @@ const TimePicker = exports.TimePicker = /*#__PURE__*/React.forwardRef(function T
     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/YearCalendar/YearCalendar.js

@@ -303,6 +303,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.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/YearCalendar/YearCalendarButton.js

@@ -120,4 +120,5 @@ const YearCalendarButton = exports.YearCalendarButton = /*#__PURE__*/React.memo(
     className: classes.button
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(YearButton, (0, _extends2.default)({}, yearButtonProps));
-});
+});
+if (process.env.NODE_ENV !== "production") YearCalendarButton.displayName = "YearCalendarButton";

package/dateViewRenderers/dateViewRenderers.js

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

package/esm/DateCalendar/DateCalendar.js

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

package/esm/DateField/DateField.js

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

package/esm/DatePicker/DatePicker.js

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

package/esm/DatePicker/DatePickerToolbar.js

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

package/esm/DateTimeField/DateTimeField.js

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

package/esm/DateTimePicker/DateTimePicker.js

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