@mui/x-date-pickers-pro 6.16.0 → 6.16.1

package/CHANGELOG.md

@@ -3,6 +3,66 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.16.1
+
+_Oct 6, 2023_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🥧 Support interaction with pie chart
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.16.1`
+
+- [DataGrid] Add a new demo with sparklines (#9228) @flaviendelangle
+- [DataGrid] Fix autosize missing a few pixels (#10471) @romgrk
+- [DataGrid] Make `disableColumnSelector` demo idempotent (#10548) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@6.16.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@6.16.1`.
+
+#### `@mui/x-data-grid-premium@6.16.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@6.16.1`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.16.1`
+
+- [pickers] Avoid calendar layout shifting when changing views (#10541) @LukasTy
+- [pickers] Fix clearable behavior when disabled (#10542) @noraleonte
+- [pickers] Improve customization playground examples (#10544) @noraleonte
+
+#### `@mui/x-date-pickers-pro@6.16.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@6.16.1`, plus:
+
+- [DateRangePicker] Fix `InputProps` propagation in multi input (#10564) @alexfauquette
+
+### Charts / `@mui/x-charts@6.0.0-alpha.14`
+
+- [charts] Display cursor pointer for pie chart only if `onClick` is provided (#10551) @giladappsforce
+- [charts] Add `onClick` prop to PieChart (#10506) @giladappsforce
+- [charts] Support `slots`/`slotProps` for the tooltip (#10515) @alexfauquette
+
+### Docs
+
+- [docs] Add `DateRangePicker` example with a `Button` trigger (#10485) @LukasTy
+- [docs] Add section about disabling columns panel (#10328) @MBilalShafi
+- [docs] Add section about overriding slots to base concepts (#10421) @noraleonte
+- [docs] Add "What's new" page listing all release announcements (#9727) @joserodolfofreitas
+- [docs] Update RTL Support section of the grid localization docs (#10561) @MBilalShafi
+
+### Core
+
+- [core] Fix casing consistency with legal and marketing content @oliviertassinari
+- [core] Revert the link in the priority support ticket description (#10517) @michelengelen
+- [CHANGELOG] Polish image @oliviertassinari
+
 ## 6.16.0
 
 _Sep 29, 2023_
@@ -13,7 +73,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
 
   The pickers and fields now have an out-of-the box implementation for clearing the field value. You can see the documentation for this behavior on the [Date Picker documentation](https://mui.com/x/react-date-pickers/date-picker/#clearing-the-value).
 
-  <img width="380" alt="Clearable behavior" src="https://github.com/mui/mui-x/assets/72460825/e4a66169-83b5-4579-b9f6-6e15bb528411">
+  <img width="337" height="139" alt="Clearable behavior" src="https://github.com/mui/mui-x/assets/3165635/a5407cb6-0b8a-443c-b4b9-1f81ceb4d087">
 
 - 💫 Add Date Picker customization playground (#9581) @noraleonte
 

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.16.0
+ * @mui/x-date-pickers-pro v6.16.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/internals/hooks/useEnrichedRangePickerFieldProps.js

@@ -102,6 +102,7 @@ const useMultiInputFieldSlotProps = ({
         }, wrapperVariant === 'mobile' && {
           readOnly: true
         });
+        InputProps = resolvedComponentProps == null ? void 0 : resolvedComponentProps.InputProps;
       }
       return _extends({}, labelId != null && {
         id: `${labelId}-${ownerState.position}`

package/internals/models/fields.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SlotComponentProps } from '@mui/base/utils';
-import { BaseFieldProps } from '@mui/x-date-pickers/internals';
+import { BaseFieldProps, FieldsTextFieldProps } from '@mui/x-date-pickers/internals';
 import { FieldSection } from '@mui/x-date-pickers/models';
 export interface RangeFieldSection extends FieldSection {
     dateName: 'start' | 'end';
@@ -17,9 +17,7 @@ export interface MultiInputFieldSlotTextFieldProps {
     onKeyDown?: React.KeyboardEventHandler;
     onFocus?: React.FocusEventHandler;
     focused?: boolean;
-    InputProps?: {
-        ref?: React.Ref<HTMLDivElement>;
-    };
+    InputProps?: Partial<FieldsTextFieldProps['InputProps']>;
 }
 /**
  * Props the `root` slot of the multi input field can receive when used inside a picker.

package/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5NTkzODQwMDAwMA==";
+  const releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.16.0
+ * @mui/x-date-pickers-pro v6.16.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/internals/hooks/useEnrichedRangePickerFieldProps.js

@@ -101,6 +101,7 @@ var useMultiInputFieldSlotProps = function useMultiInputFieldSlotProps(_ref) {
         }, wrapperVariant === 'mobile' && {
           readOnly: true
         });
+        InputProps = resolvedComponentProps == null ? void 0 : resolvedComponentProps.InputProps;
       }
       return _extends({}, labelId != null && {
         id: "".concat(labelId, "-").concat(ownerState.position)

package/legacy/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5NTkzODQwMDAwMA==";
+  var releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.16.0
+ * @mui/x-date-pickers-pro v6.16.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/internals/hooks/useEnrichedRangePickerFieldProps.js

@@ -98,6 +98,7 @@ const useMultiInputFieldSlotProps = ({
         }, wrapperVariant === 'mobile' && {
           readOnly: true
         });
+        InputProps = resolvedComponentProps?.InputProps;
       }
       return _extends({}, labelId != null && {
         id: `${labelId}-${ownerState.position}`

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5NTkzODQwMDAwMA==";
+  const releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/DateRangeCalendar/DateRangeCalendar.js

@@ -116,7 +116,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _utils2.unstable_composeClasses)(slots, _dateRangeCalendarClasses.getDateRangeCalendarUtilityClass, classes);
 };
-const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalendar(inProps, ref) {
+const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalendar(inProps, ref) {
   const props = useDateRangeCalendarDefaultizedProps(inProps, 'MuiDateRangeCalendar');
   const shouldHavePreview = (0, _useMediaQuery.default)(_internals.DEFAULT_DESKTOP_MODE_MEDIA_QUERY, {
     defaultMatches: false
@@ -475,7 +475,6 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
     }, month))]
   }));
 });
-exports.DateRangeCalendar = DateRangeCalendar;
 process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/DateRangeCalendar/dateRangeCalendarClasses.js

@@ -7,5 +7,4 @@ exports.getDateRangeCalendarUtilityClass = exports.dateRangeCalendarClasses = vo
 var _utils = require("@mui/utils");
 const getDateRangeCalendarUtilityClass = slot => (0, _utils.unstable_generateUtilityClass)('MuiDateRangeCalendar', slot);
 exports.getDateRangeCalendarUtilityClass = getDateRangeCalendarUtilityClass;
-const dateRangeCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangeCalendar', ['root', 'monthContainer', 'dayDragging']);
-exports.dateRangeCalendarClasses = dateRangeCalendarClasses;
+const dateRangeCalendarClasses = exports.dateRangeCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangeCalendar', ['root', 'monthContainer', 'dayDragging']);

package/node/DateRangePicker/DateRangePicker.js

@@ -18,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["desktopModeMediaQuery"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(inProps, ref) {
+const DateRangePicker = exports.DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(inProps, ref) {
   const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateRangePicker'
@@ -41,7 +41,6 @@ const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(i
     ref: ref
   }, other));
 });
-exports.DateRangePicker = DateRangePicker;
 process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/DateRangePicker/DateRangePickerToolbar.js

@@ -41,7 +41,7 @@ const DateRangePickerToolbarContainer = (0, _styles.styled)('div', {
 })({
   display: 'flex'
 });
-const DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangePickerToolbar(inProps, ref) {
+const DateRangePickerToolbar = exports.DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangePickerToolbar(inProps, ref) {
   const utils = (0, _internals.useUtils)();
   const props = (0, _styles.useThemeProps)({
     props: inProps,
@@ -85,7 +85,6 @@ const DateRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateRangeP
     })
   }));
 });
-exports.DateRangePickerToolbar = DateRangePickerToolbar;
 process.env.NODE_ENV !== "production" ? DateRangePickerToolbar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/DateRangePicker/dateRangePickerToolbarClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getDateRangePickerToolbarUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiDateRangePickerToolbar', slot);
 }
-const dateRangePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangePickerToolbar', ['root', 'container']);
-exports.dateRangePickerToolbarClasses = dateRangePickerToolbarClasses;
+const dateRangePickerToolbarClasses = exports.dateRangePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangePickerToolbar', ['root', 'container']);

package/node/DateRangePickerDay/DateRangePickerDay.js

@@ -395,5 +395,4 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
  *
  * - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
  */
-const DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);
-exports.DateRangePickerDay = DateRangePickerDay;
+const DateRangePickerDay = exports.DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);

package/node/DateRangePickerDay/dateRangePickerDayClasses.js

@@ -9,5 +9,4 @@ var _utils = require("@mui/utils");
 function getDateRangePickerDayUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiDateRangePickerDay', slot);
 }
-const dateRangePickerDayClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
-exports.dateRangePickerDayClasses = dateRangePickerDayClasses;
+const dateRangePickerDayClasses = exports.dateRangePickerDayClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -19,7 +19,7 @@ var _useDesktopRangePicker = require("../internals/hooks/useDesktopRangePicker")
 var _validateDateRange = require("../internals/utils/validation/validateDateRange");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
+const DesktopDateRangePicker = exports.DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
   // Props with the default values common to all date time pickers
   const defaultizedProps = (0, _shared.useDateRangePickerDefaultizedProps)(inProps, 'MuiDesktopDateRangePicker');
   const viewRenderers = (0, _extends2.default)({
@@ -52,7 +52,6 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDat
   });
   return renderPicker();
 });
-exports.DesktopDateRangePicker = DesktopDateRangePicker;
 DesktopDateRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -19,7 +19,7 @@ var _useMobileRangePicker = require("../internals/hooks/useMobileRangePicker");
 var _validateDateRange = require("../internals/utils/validation/validateDateRange");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
+const MobileDateRangePicker = exports.MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
   // Props with the default values common to all date time pickers
   const defaultizedProps = (0, _shared.useDateRangePickerDefaultizedProps)(inProps, 'MuiMobileDateRangePicker');
   const viewRenderers = (0, _extends2.default)({
@@ -52,7 +52,6 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   });
   return renderPicker();
 });
-exports.MobileDateRangePicker = MobileDateRangePicker;
 MobileDateRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -24,8 +24,7 @@ const _excluded = ["slots", "slotProps", "components", "componentsProps", "disab
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const multiInputDateRangeFieldClasses = (0, _utils2.unstable_generateUtilityClasses)('MuiMultiInputDateRangeField', ['root', 'separator']);
-exports.multiInputDateRangeFieldClasses = multiInputDateRangeFieldClasses;
+const multiInputDateRangeFieldClasses = exports.multiInputDateRangeFieldClasses = (0, _utils2.unstable_generateUtilityClasses)('MuiMultiInputDateRangeField', ['root', 'separator']);
 const getMultiInputDateRangeFieldUtilityClass = slot => (0, _utils2.unstable_generateUtilityClass)('MuiMultiInputDateRangeField', slot);
 exports.getMultiInputDateRangeFieldUtilityClass = getMultiInputDateRangeFieldUtilityClass;
 const useUtilityClasses = ownerState => {
@@ -55,7 +54,7 @@ const MultiInputDateRangeFieldSeparator = (0, _styles.styled)(props => /*#__PURE
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
 })({});
-const MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateRangeField(inProps, ref) {
+const MultiInputDateRangeField = exports.MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateRangeField(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiMultiInputDateRangeField'
@@ -170,7 +169,6 @@ const MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
     }))]
   }));
 });
-exports.MultiInputDateRangeField = MultiInputDateRangeField;
 process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -24,8 +24,7 @@ const _excluded = ["slots", "slotProps", "components", "componentsProps", "disab
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const multiInputDateTimeRangeFieldClasses = (0, _utils2.unstable_generateUtilityClasses)('MuiMultiInputDateTimeRangeField', ['root', 'separator']);
-exports.multiInputDateTimeRangeFieldClasses = multiInputDateTimeRangeFieldClasses;
+const multiInputDateTimeRangeFieldClasses = exports.multiInputDateTimeRangeFieldClasses = (0, _utils2.unstable_generateUtilityClasses)('MuiMultiInputDateTimeRangeField', ['root', 'separator']);
 const getMultiInputDateTimeRangeFieldUtilityClass = slot => (0, _utils2.unstable_generateUtilityClass)('MuiMultiInputDateTimeRangeField', slot);
 exports.getMultiInputDateTimeRangeFieldUtilityClass = getMultiInputDateTimeRangeFieldUtilityClass;
 const useUtilityClasses = ownerState => {
@@ -55,7 +54,7 @@ const MultiInputDateTimeRangeFieldSeparator = (0, _styles.styled)(props => /*#__
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
 })({});
-const MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateTimeRangeField(inProps, ref) {
+const MultiInputDateTimeRangeField = exports.MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateTimeRangeField(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiMultiInputDateTimeRangeField'
@@ -170,7 +169,6 @@ const MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Mult
     }))]
   }));
 });
-exports.MultiInputDateTimeRangeField = MultiInputDateTimeRangeField;
 process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -24,8 +24,7 @@ const _excluded = ["slots", "slotProps", "components", "componentsProps", "disab
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const multiInputTimeRangeFieldClasses = (0, _utils2.unstable_generateUtilityClasses)('MuiMultiInputTimeRangeField', ['root', 'separator']);
-exports.multiInputTimeRangeFieldClasses = multiInputTimeRangeFieldClasses;
+const multiInputTimeRangeFieldClasses = exports.multiInputTimeRangeFieldClasses = (0, _utils2.unstable_generateUtilityClasses)('MuiMultiInputTimeRangeField', ['root', 'separator']);
 const getMultiInputTimeRangeFieldUtilityClass = slot => (0, _utils2.unstable_generateUtilityClass)('MuiMultiInputTimeRangeField', slot);
 exports.getMultiInputTimeRangeFieldUtilityClass = getMultiInputTimeRangeFieldUtilityClass;
 const useUtilityClasses = ownerState => {
@@ -55,7 +54,7 @@ const MultiInputTimeRangeFieldSeparator = (0, _styles.styled)(props => /*#__PURE
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
 })({});
-const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInputTimeRangeField(inProps, ref) {
+const MultiInputTimeRangeField = exports.MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInputTimeRangeField(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiMultiInputTimeRangeField'
@@ -170,7 +169,6 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
     }))]
   }));
 });
-exports.MultiInputTimeRangeField = MultiInputTimeRangeField;
 process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -21,7 +21,7 @@ const _excluded = ["slots", "slotProps", "components", "componentsProps", "Input
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateRangeField(inProps, ref) {
+const SingleInputDateRangeField = exports.SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateRangeField(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiSingleInputDateRangeField'
@@ -92,7 +92,6 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     })
   }));
 });
-exports.SingleInputDateRangeField = SingleInputDateRangeField;
 SingleInputDateRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -21,7 +21,7 @@ const _excluded = ["slots", "slotProps", "components", "componentsProps", "Input
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateTimeRangeField(inProps, ref) {
+const SingleInputDateTimeRangeField = exports.SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateTimeRangeField(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiSingleInputDateTimeRangeField'
@@ -92,7 +92,6 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
     })
   }));
 });
-exports.SingleInputDateTimeRangeField = SingleInputDateTimeRangeField;
 SingleInputDateTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -21,7 +21,7 @@ const _excluded = ["slots", "slotProps", "components", "componentsProps", "Input
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputTimeRangeField(inProps, ref) {
+const SingleInputTimeRangeField = exports.SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputTimeRangeField(inProps, ref) {
   const themeProps = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiSingleInputTimeRangeField'
@@ -92,7 +92,6 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     })
   }));
 });
-exports.SingleInputTimeRangeField = SingleInputTimeRangeField;
 SingleInputTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -15,7 +15,7 @@ var _valueManagers = require("../internals/utils/valueManagers");
 var _validateDateRange = require("../internals/utils/validation/validateDateRange");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateRangePicker(inProps, ref) {
+const StaticDateRangePicker = exports.StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateRangePicker(inProps, ref) {
   const defaultizedProps = (0, _shared.useDateRangePickerDefaultizedProps)(inProps, 'MuiStaticDateRangePicker');
   const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';
   const viewRenderers = (0, _extends2.default)({
@@ -46,7 +46,6 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
   });
   return renderPicker();
 });
-exports.StaticDateRangePicker = StaticDateRangePicker;
 StaticDateRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.16.0
+ * @mui/x-date-pickers-pro v6.16.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/internals/hooks/useEnrichedRangePickerFieldProps.js

@@ -107,6 +107,7 @@ const useMultiInputFieldSlotProps = ({
         }, wrapperVariant === 'mobile' && {
           readOnly: true
         });
+        InputProps = resolvedComponentProps?.InputProps;
       }
       return (0, _extends2.default)({}, labelId != null && {
         id: `${labelId}-${ownerState.position}`

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY5NTkzODQwMDAwMA==";
+  const releaseInfo = "MTY5NjU0MzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/internals/utils/valueManagers.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _internals = require("@mui/x-date-pickers/internals");
 var _dateFieldsUtils = require("./date-fields-utils");
 const _excluded = ["value", "referenceDate"];
-const rangeValueManager = {
+const rangeValueManager = exports.rangeValueManager = {
   emptyValue: [null, null],
   getTodayValue: (utils, timezone, valueType) => [(0, _internals.getTodayDate)(utils, timezone, valueType), (0, _internals.getTodayDate)(utils, timezone, valueType)],
   getInitialReferenceValue: _ref => {
@@ -42,8 +42,7 @@ const rangeValueManager = {
   },
   setTimezone: (utils, timezone, value) => [value[0] == null ? null : utils.setTimezone(value[0], timezone), value[1] == null ? null : utils.setTimezone(value[1], timezone)]
 };
-exports.rangeValueManager = rangeValueManager;
-const rangeFieldValueManager = {
+const rangeFieldValueManager = exports.rangeFieldValueManager = {
   updateReferenceValue: (utils, value, prevReferenceValue) => {
     const shouldKeepStartDate = value[0] != null && utils.isValid(value[0]);
     const shouldKeepEndDate = value[1] != null && utils.isValid(value[1]);
@@ -116,5 +115,4 @@ const rangeFieldValueManager = {
       })
     };
   }
-};
-exports.rangeFieldValueManager = rangeFieldValueManager;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.16.0",
+  "version": "6.16.1",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -30,10 +30,10 @@
     "directory": "packages/x-date-pickers-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.15",
-    "@mui/base": "^5.0.0-beta.14",
-    "@mui/utils": "^5.14.8",
-    "@mui/x-date-pickers": "6.16.0",
+    "@babel/runtime": "^7.23.1",
+    "@mui/base": "^5.0.0-beta.17",
+    "@mui/utils": "^5.14.11",
+    "@mui/x-date-pickers": "6.16.1",
     "@mui/x-license-pro": "6.10.2",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",