@mui/x-date-pickers-pro 8.3.1 → 8.5.0

package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _icons = require("@mui/x-date-pickers/icons");
 var _internals = require("@mui/x-date-pickers/internals");
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _useSingleInputDateTimeRangeField = require("./useSingleInputDateTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps"];
@@ -50,6 +50,7 @@ const SingleInputDateTimeRangeField = exports.SingleInputDateTimeRangeField = /*
     defaultOpenPickerIcon: _icons.DateRangeIcon
   });
 });
+if (process.env.NODE_ENV !== "production") SingleInputDateTimeRangeField.displayName = "SingleInputDateTimeRangeField";
 SingleInputDateTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -182,7 +183,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _icons = require("@mui/x-date-pickers/icons");
 var _internals = require("@mui/x-date-pickers/internals");
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _useSingleInputTimeRangeField = require("./useSingleInputTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["slots", "slotProps"];
@@ -50,6 +50,7 @@ const SingleInputTimeRangeField = exports.SingleInputTimeRangeField = /*#__PURE_
     defaultOpenPickerIcon: _icons.ClockIcon
   });
 });
+if (process.env.NODE_ENV !== "production") SingleInputTimeRangeField.displayName = "SingleInputTimeRangeField";
 SingleInputTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -182,7 +183,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _utils.refType,
+  inputRef: _refType.default,
   /**
    * The label content.
    */

package/StaticDateRangePicker/StaticDateRangePicker.js

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

package/TimeRangePicker/TimeRangePicker.js

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

package/TimeRangePicker/TimeRangePickerTabs.js

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

package/TimeRangePicker/TimeRangePickerToolbar.js

@@ -13,7 +13,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _hooks = require("@mui/x-date-pickers/hooks");
 var _timeRangePickerToolbarClasses = require("./timeRangePickerToolbarClasses");
@@ -30,7 +30,7 @@ const useUtilityClasses = (classes, ownerState) => {
     separator: ['separator'],
     timeContainer: ['timeContainer']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _timeRangePickerToolbarClasses.getTimeRangePickerToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _timeRangePickerToolbarClasses.getTimeRangePickerToolbarUtilityClass, classes);
 };
 const TimeRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar, {
   name: 'MuiTimeRangePickerToolbar',
@@ -229,6 +229,7 @@ const TimeRangePickerToolbar = exports.TimeRangePickerToolbar = /*#__PURE__*/Rea
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") TimeRangePickerToolbar.displayName = "TimeRangePickerToolbar";
 process.env.NODE_ENV !== "production" ? TimeRangePickerToolbar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/TimeRangePicker/timeRangePickerTabsClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTimeRangePickerTabsUtilityClass = getTimeRangePickerTabsUtilityClass;
 exports.timeRangePickerTabsClasses = void 0;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getTimeRangePickerTabsUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiTimeRangePickerTabs', slot);
+  return (0, _generateUtilityClass.default)('MuiTimeRangePickerTabs', slot);
 }
-const timeRangePickerTabsClasses = exports.timeRangePickerTabsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimeRangePickerTabs', ['root', 'tab']);
+const timeRangePickerTabsClasses = exports.timeRangePickerTabsClasses = (0, _generateUtilityClasses.default)('MuiTimeRangePickerTabs', ['root', 'tab']);

package/TimeRangePicker/timeRangePickerToolbarClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTimeRangePickerToolbarUtilityClass = getTimeRangePickerToolbarUtilityClass;
 exports.timeRangePickerToolbarClasses = void 0;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getTimeRangePickerToolbarUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiTimeRangePickerToolbar', slot);
+  return (0, _generateUtilityClass.default)('MuiTimeRangePickerToolbar', slot);
 }
-const timeRangePickerToolbarClasses = exports.timeRangePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTimeRangePickerToolbar', ['root', 'container', 'separator', 'timeContainer']);
+const timeRangePickerToolbarClasses = exports.timeRangePickerToolbarClasses = (0, _generateUtilityClasses.default)('MuiTimeRangePickerToolbar', ['root', 'container', 'separator', 'timeContainer']);

package/dateRangeViewRenderers/dateRangeViewRenderers.js

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

package/esm/DateRangeCalendar/DateRangeCalendar.js

@@ -28,7 +28,7 @@ import { DAY_RANGE_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.js
 import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.js";
 import { useNullablePickerRangePositionContext } from "../internals/hooks/useNullablePickerRangePositionContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = "MTc0NzE3MzYwMDAwMA==";
+const releaseInfo = "MTc0ODQ2OTYwMDAwMA==";
 const DateRangeCalendarRoot = styled('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Root'
@@ -506,6 +506,7 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
     })]
   }));
 });
+if (process.env.NODE_ENV !== "production") DateRangeCalendar.displayName = "DateRangeCalendar";
 process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateRangeCalendar/DateRangeCalendar.types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/utils';
+import { SlotComponentProps } from '@mui/utils/types';
 import { Theme } from '@mui/material/styles';
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { PickerOwnerState, PickerValidDate, TimezoneProps } from '@mui/x-date-pickers/models';

package/esm/DateRangeCalendar/dateRangeCalendarClasses.js

@@ -1,3 +1,4 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export const getDateRangeCalendarUtilityClass = slot => generateUtilityClass('MuiDateRangeCalendar', slot);
 export const dateRangeCalendarClasses = generateUtilityClasses('MuiDateRangeCalendar', ['root', 'monthContainer', 'dayDragging']);

package/esm/DateRangePicker/DateRangePicker.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
 import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from '@mui/x-date-pickers/internals';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { DesktopDateRangePicker } from "../DesktopDateRangePicker/index.js";
 import { MobileDateRangePicker } from "../MobileDateRangePicker/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -45,6 +45,7 @@ const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(i
     ref: ref
   }, other));
 });
+if (process.env.NODE_ENV !== "production") DateRangePicker.displayName = "DateRangePicker";
 process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateRangePicker/DateRangePickerToolbar.js

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

package/esm/DateRangePicker/dateRangePickerToolbarClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDateRangePickerToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiDateRangePickerToolbar', slot);
 }

package/esm/DateRangePickerDay/DateRangePickerDay.js

@@ -227,7 +227,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       showDaysOutsideCurrentMonth
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc0NzE3MzYwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc0ODQ2OTYwMDAwMA==");
   const utils = useUtils();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
@@ -285,6 +285,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     })
   });
 });
+if (process.env.NODE_ENV !== "production") DateRangePickerDayRaw.displayName = "DateRangePickerDayRaw";
 process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -467,4 +468,5 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
  *
  * - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
  */
-export const DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);
+export const DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);
+if (process.env.NODE_ENV !== "production") DateRangePickerDay.displayName = "DateRangePickerDay";

package/esm/DateRangePickerDay/dateRangePickerDayClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDateRangePickerDayUtilityClass(slot) {
   return generateUtilityClass('MuiDateRangePickerDay', slot);
 }

package/esm/DateTimeRangePicker/DateTimeRangePicker.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["desktopModeMediaQuery"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useThemeProps } from '@mui/material/styles';
 import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from '@mui/x-date-pickers/internals';
@@ -45,6 +45,7 @@ const DateTimeRangePicker = /*#__PURE__*/React.forwardRef(function DateTimeRange
     ref: ref
   }, other));
 });
+if (process.env.NODE_ENV !== "production") DateTimeRangePicker.displayName = "DateTimeRangePicker";
 process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DateTimeRangePicker/DateTimeRangePickerTabs.js

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

package/esm/DateTimeRangePicker/DateTimeRangePickerToolbar.js

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

package/esm/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getDateTimeRangePickerToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiDateTimeRangePickerToolbar', slot);
 }

package/esm/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { useUtils } from '@mui/x-date-pickers/internals';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
 import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.js";
 import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
@@ -34,7 +34,8 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDat
   const props = _extends({}, defaultizedProps, {
     closeOnSelect: defaultizedProps.closeOnSelect ?? true,
     viewRenderers,
-    format: utils.formats.keyboardDate,
+    // TODO: Replace with resolveDateFormat() once we support month and year views
+    format: defaultizedProps.format ?? utils.formats.keyboardDate,
     calendars: defaultizedProps.calendars ?? 2,
     views: ['day'],
     openTo: 'day',
@@ -60,6 +61,7 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDat
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopDateRangePicker.displayName = "DesktopDateRangePicker";
 DesktopDateRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { isDatePickerView, isInternalTimeView, resolveDateTimeFormat, useUtils } from '@mui/x-date-pickers/internals';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
 import Divider from '@mui/material/Divider';
@@ -79,6 +79,7 @@ const rendererInterceptor = function RendererInterceptor(props) {
     }))]
   });
 };
+if (process.env.NODE_ENV !== "production") rendererInterceptor.displayName = "rendererInterceptor";
 /**
  * Demos:
  *
@@ -139,6 +140,7 @@ const DesktopDateTimeRangePicker = /*#__PURE__*/React.forwardRef(function Deskto
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopDateTimeRangePicker.displayName = "DesktopDateTimeRangePicker";
 DesktopDateTimeRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js

@@ -60,6 +60,7 @@ const rendererInterceptor = function RendererInterceptor(props) {
     viewRenderer: viewRenderer
   }));
 };
+if (process.env.NODE_ENV !== "production") rendererInterceptor.displayName = "rendererInterceptor";
 const DesktopTimeRangePicker = /*#__PURE__*/React.forwardRef(function DesktopTimeRangePicker(inProps, ref) {
   const utils = useUtils();
 
@@ -113,6 +114,7 @@ const DesktopTimeRangePicker = /*#__PURE__*/React.forwardRef(function DesktopTim
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") DesktopTimeRangePicker.displayName = "DesktopTimeRangePicker";
 DesktopTimeRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MobileDateRangePicker/MobileDateRangePicker.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { useUtils } from '@mui/x-date-pickers/internals';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
 import { useDateRangePickerDefaultizedProps } from "../DateRangePicker/shared.js";
 import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js";
@@ -33,7 +33,8 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   }, defaultizedProps.viewRenderers);
   const props = _extends({}, defaultizedProps, {
     viewRenderers,
-    format: utils.formats.keyboardDate,
+    // TODO: Replace with resolveDateFormat() once we support month and year views
+    format: defaultizedProps.format ?? utils.formats.keyboardDate,
     // Force one calendar on mobile to avoid layout issues
     calendars: 1,
     // force current calendar position, since we only have one calendar
@@ -62,6 +63,7 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileDateRangePicker.displayName = "MobileDateRangePicker";
 MobileDateRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["view", "openTo"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { DIALOG_WIDTH, VIEW_HEIGHT, isInternalTimeView, isDatePickerView, resolveDateTimeFormat, useUtils, TIME_VIEWS } from '@mui/x-date-pickers/internals';
 import { extractValidationProps } from '@mui/x-date-pickers/validation';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
@@ -150,6 +150,7 @@ const MobileDateTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileD
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileDateTimeRangePicker.displayName = "MobileDateTimeRangePicker";
 MobileDateTimeRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js

@@ -61,6 +61,7 @@ const rendererInterceptor = function rendererInterceptor(props) {
     viewRenderer: viewRenderer
   }));
 };
+if (process.env.NODE_ENV !== "production") rendererInterceptor.displayName = "rendererInterceptor";
 const MobileTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileTimeRangePicker(inProps, ref) {
   const utils = useUtils();
 
@@ -103,6 +104,7 @@ const MobileTimeRangePicker = /*#__PURE__*/React.forwardRef(function MobileTimeR
   });
   return renderPicker();
 });
+if (process.env.NODE_ENV !== "production") MobileTimeRangePicker.displayName = "MobileTimeRangePicker";
 MobileTimeRangePicker.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js

@@ -75,6 +75,7 @@ const PickersRangeCalendarHeader = /*#__PURE__*/React.forwardRef(function Picker
     children: utils.formatByString(month, format ?? `${utils.formats.month} ${utils.formats.year}`)
   }));
 });
+if (process.env.NODE_ENV !== "production") PickersRangeCalendarHeader.displayName = "PickersRangeCalendarHeader";
 process.env.NODE_ENV !== "production" ? PickersRangeCalendarHeader.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -5,7 +5,7 @@ const _excluded = ["slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { DateRangeIcon } from '@mui/x-date-pickers/icons';
 import { PickerFieldUI, useFieldTextFieldProps } from '@mui/x-date-pickers/internals';
 import { useSingleInputDateRangeField } from "./useSingleInputDateRangeField.js";
@@ -43,6 +43,7 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     defaultOpenPickerIcon: DateRangeIcon
   });
 });
+if (process.env.NODE_ENV !== "production") SingleInputDateRangeField.displayName = "SingleInputDateRangeField";
 SingleInputDateRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------

package/esm/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { DateRangeIcon } from '@mui/x-date-pickers/icons';
 import { PickerFieldUI, useFieldTextFieldProps } from '@mui/x-date-pickers/internals';
 import { useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { useSingleInputDateTimeRangeField } from "./useSingleInputDateTimeRangeField.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -43,6 +43,7 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
     defaultOpenPickerIcon: DateRangeIcon
   });
 });
+if (process.env.NODE_ENV !== "production") SingleInputDateTimeRangeField.displayName = "SingleInputDateTimeRangeField";
 SingleInputDateTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------

package/esm/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import { ClockIcon } from '@mui/x-date-pickers/icons';
 import { PickerFieldUI, useFieldTextFieldProps } from '@mui/x-date-pickers/internals';
 import { useThemeProps } from '@mui/material/styles';
-import { refType } from '@mui/utils';
+import refType from '@mui/utils/refType';
 import { useSingleInputTimeRangeField } from "./useSingleInputTimeRangeField.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -43,6 +43,7 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
     defaultOpenPickerIcon: ClockIcon
   });
 });
+if (process.env.NODE_ENV !== "production") SingleInputTimeRangeField.displayName = "SingleInputTimeRangeField";
 SingleInputTimeRangeField.fieldType = 'single-input';
 process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   // ----------------------------- Warning --------------------------------

package/esm/StaticDateRangePicker/StaticDateRangePicker.js

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

package/esm/TimeRangePicker/TimeRangePicker.js

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

package/esm/TimeRangePicker/TimeRangePickerTabs.js

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

package/esm/TimeRangePicker/TimeRangePickerToolbar.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
+import composeClasses from '@mui/utils/composeClasses';
 import { PickersToolbar, PickersToolbarButton, useUtils, PickersToolbarText, getMeridiem, formatMeridiem, pickersToolbarClasses, pickersToolbarTextClasses, MULTI_SECTION_CLOCK_SECTION_WIDTH, useToolbarOwnerState } from '@mui/x-date-pickers/internals';
 import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
 import { getTimeRangePickerToolbarUtilityClass } from "./timeRangePickerToolbarClasses.js";
@@ -222,6 +222,7 @@ const TimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function TimeRangeP
     })
   }));
 });
+if (process.env.NODE_ENV !== "production") TimeRangePickerToolbar.displayName = "TimeRangePickerToolbar";
 process.env.NODE_ENV !== "production" ? TimeRangePickerToolbar.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/esm/TimeRangePicker/timeRangePickerTabsClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTimeRangePickerTabsUtilityClass(slot) {
   return generateUtilityClass('MuiTimeRangePickerTabs', slot);
 }

package/esm/TimeRangePicker/timeRangePickerToolbarClasses.js

@@ -1,4 +1,5 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTimeRangePickerToolbarUtilityClass(slot) {
   return generateUtilityClass('MuiTimeRangePickerToolbar', slot);
 }

package/esm/dateRangeViewRenderers/dateRangeViewRenderers.js

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

package/esm/hooks/usePickerRangePositionContext.js

@@ -6,6 +6,7 @@ export const PickerRangePositionContext = /*#__PURE__*/React.createContext(null)
 /**
  * Returns information about the range position of the picker that wraps the current component.
  */
+if (process.env.NODE_ENV !== "production") PickerRangePositionContext.displayName = "PickerRangePositionContext";
 export function usePickerRangePositionContext() {
   const value = React.useContext(PickerRangePositionContext);
   if (value == null) {

package/esm/index.js

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

package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -19,7 +19,7 @@ export const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc0NzE3MzYwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc0ODQ2OTYwMDAwMA==");
   const {
     slots,
     slotProps,
@@ -76,6 +76,7 @@ export const useDesktopRangePicker = _ref => {
       })
     })
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };

package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -21,7 +21,7 @@ export const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', "MTc0NzE3MzYwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc0ODQ2OTYwMDAwMA==");
   const {
     slots,
     slotProps: innerSlotProps,
@@ -111,6 +111,7 @@ export const useMobileRangePicker = _ref => {
       })
     })
   }));
+  if (process.env.NODE_ENV !== "production") renderPicker.displayName = "renderPicker";
   return {
     renderPicker
   };