@mui/x-date-pickers-pro 8.0.0 → 8.1.0

package/CHANGELOG.md

@@ -5,6 +5,112 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.1.0
+
+_Apr 24, 2025_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Add API to print a chart or export it as PDF: `apiRef.exportAsPrint`.
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions:
+@lhilgert9, @ArturAghakaryan, @sai6855.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @JCQuintas, @joserodolfofreitas, @KenanYusuf, @LukasTy, @mapache-salvaje, @oliviertassinari, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.1.0`
+
+- [DataGrid] Allow row deselection with multiple rows selected (#17473) @arminmeh
+- [DataGrid] Fix column title truncation on touch devices (#17375) @KenanYusuf
+- [DataGrid] Remove internal usage of `material` prop (#17513) @KenanYusuf
+- [DataGrid] Fix apiRef not being passed on onCellClick params (#17335) @sai6855
+- [DataGrid] Add Armenian (hy-AM) locale (#17527) @ArturAghakaryan
+
+#### `@mui/x-data-grid-pro@8.1.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.1.0`, plus:
+
+- [DataGridPro] Fix locales.ts export (#17433) @lhilgert9
+- [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17482) @cherniavskii
+- [DataGridPro] Fix expandable rows detail content height updates (#17394) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.1.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.1.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.1.0`
+
+- [pickers] Improve `PickersInputBase` owner state typing (#17478) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.1.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.1.0`.
+
+### Charts
+
+- Add API to print a chart or export it as PDF: `apiRef.exportAsPrint`.
+
+#### `@mui/x-charts@8.1.0`
+
+- [charts] Add a localization provider (#17325) @alexfauquette
+- [charts] Add codemod for replacing legend's hidden slot prop (#17392) @bernardobelchior
+- [charts] Fix chart visual tests flakiness (#17469) @bernardobelchior
+- [charts] Fix tooltip position (#17440) @alexfauquette
+- [charts] Improve axis tooltip performances (#17398) @alexfauquette
+- [charts] Move radar from under development to preview (#17418) @alexfauquette
+- [charts] Advance time in charts regression tests (#17420) @bernardobelchior
+- [charts] Fix charts visuals flakiness (#17472) @bernardobelchior
+- [charts] Move `rafThrottle` on event handlers instead of setter (#17489) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.1.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.1.0`, plus:
+
+- [charts-pro] Add export as PDF/print functionality (#17285) @bernardobelchior
+- [charts-pro] Fix axis zoom being disabled when not specified in `initialZoom` (#17500) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.1.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.1.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.1.0`.
+
+### Docs
+
+- [docs] Fix AI Assistant Panel Trigger demo (#17426) @KenanYusuf
+- [docs] Fix DataGrid's master-detail demo for one expanded detail panel at a time (#17471) @arminmeh
+- [docs] Improve StackOverflow links (#17483) @oliviertassinari
+- [docs] Refine charts demos (#17417) @alexfauquette
+- [docs] Remove ad on paid docs pages (#17373) @oliviertassinari
+- [docs] Serve migration guides in raw markdown format (#17210) @cherniavskii
+- [docs] Fix heading structure (#17495) @oliviertassinari
+- [docs] Revise the Row Grouping doc (#16217) @mapache-salvaje
+- [docs] Fix ellipsis in the demo (#17476) @oliviertassinari
+- [docs] Add docs information for Legend HTML (#17502) @alexfauquette
+- [docs] Refine charts demos (#17417) @alexfauquette
+- [tree view][docs] Copyedit the Tree View Overview page (#17498) @mapache-salvaje
+
+### Core
+
+- [core] Bump `@types/node` (#17444) @LukasTy
+- [core] Remove `react-is` dependency (#17470) @LukasTy
+- [core] Remove redundant `overridesResolver` in `styled` components (#17466) @romgrk
+- [core] Update support table (#17425) @joserodolfofreitas
+- [code-infra] Ditch `@babel/node` (#17446) @LukasTy
+- [code-infra] Further remove `clock=fake` from pickers (#17253) @JCQuintas
+
 ## 8.0.0
 
 _Apr 17, 2025_

package/DateRangeCalendar/DateRangeCalendar.js

@@ -35,11 +35,10 @@ var _useNullablePickerRangePositionContext = require("../internals/hooks/useNull
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "classes", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "focusedView", "onFocusedViewChange", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone", "availableRangePositions", "views", "view", "openTo", "onViewChange"],
   _excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
-const releaseInfo = "MTc0NDg0MDgwMDAwMA==";
+const releaseInfo = "MTc0NTQ0NTYwMDAwMA==";
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangeCalendar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'row'
@@ -47,7 +46,7 @@ const DateRangeCalendarRoot = (0, _styles.styled)('div', {
 const DateRangeCalendarMonthContainer = (0, _styles.styled)('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Container',
-  overridesResolver: (_, styles) => styles.monthContainer
+  overridesResolver: (_, styles) => styles.monthContainer // FIXME: Inconsistent naming with slot
 })(({
   theme
 }) => ({

package/DateRangePicker/DateRangePickerToolbar.js

@@ -30,13 +30,11 @@ const useUtilityClasses = classes => {
 };
 const DateRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar, {
   name: 'MuiDateRangePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({});
 const DateRangePickerToolbarContainer = (0, _styles.styled)('div', {
   name: 'MuiDateRangePickerToolbar',
-  slot: 'Container',
-  overridesResolver: (_, styles) => styles.container
+  slot: 'Container'
 })({
   display: 'flex'
 });

package/DateRangePickerDay/DateRangePickerDay.js

@@ -234,7 +234,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       showDaysOutsideCurrentMonth
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NDg0MDgwMDAwMA==");
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const utils = (0, _internals.useUtils)();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;

package/DateTimeRangePicker/DateTimeRangePickerTabs.js

@@ -44,8 +44,7 @@ const useUtilityClasses = classes => {
 };
 const DateTimeRangePickerTabsRoot = (0, _styles.styled)('div', {
   name: 'MuiDateTimeRangePickerTabs',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -57,15 +56,13 @@ const DateTimeRangePickerTabsRoot = (0, _styles.styled)('div', {
 }));
 const DateTimeRangePickerTab = (0, _styles.styled)(_Button.default, {
   name: 'MuiDateTimeRangePickerTabs',
-  slot: 'TabButton',
-  overridesResolver: (_, styles) => styles.tabButton
+  slot: 'TabButton'
 })({
   textTransform: 'none'
 });
 const DateTimeRangePickerTabFiller = (0, _styles.styled)('div', {
   name: 'MuiDateTimeRangePickerTabs',
-  slot: 'Filler',
-  overridesResolver: (_, styles) => styles.filler
+  slot: 'Filler'
 })({
   width: 40
 });

package/DateTimeRangePicker/DateTimeRangePickerToolbar.js

@@ -32,24 +32,21 @@ const useUtilityClasses = classes => {
 };
 const DateTimeRangePickerToolbarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateTimeRangePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'column'
 });
 const DateTimeRangePickerToolbarStart = (0, _styles.styled)(_DateTimePicker.DateTimePickerToolbar, {
   name: 'MuiDateTimeRangePickerToolbar',
-  slot: 'StartToolbar',
-  overridesResolver: (_, styles) => styles.startToolbar
+  slot: 'StartToolbar'
 })({
   borderBottom: 'none',
   paddingBottom: 0
 });
 const DateTimeRangePickerToolbarEnd = (0, _styles.styled)(_DateTimePicker.DateTimePickerToolbar, {
   name: 'MuiDateTimeRangePickerToolbar',
-  slot: 'EndToolbar',
-  overridesResolver: (_, styles) => styles.endToolbar
+  slot: 'EndToolbar'
 })({});
 const DateTimeRangePickerToolbar = exports.DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTimeRangePickerToolbar(inProps, ref) {
   const props = (0, _styles.useThemeProps)({

package/TimeRangePicker/TimeRangePickerTabs.js

@@ -28,8 +28,7 @@ const useUtilityClasses = classes => {
 };
 const TimeRangePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
   name: 'MuiTimeRangePickerTabs',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -44,8 +43,7 @@ const TimeRangePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
 }));
 const TimeRangePickerTab = (0, _styles.styled)(_Tab.default, {
   name: 'MuiTimeRangePickerTabs',
-  slot: 'Tab',
-  overridesResolver: (_, styles) => styles.tab
+  slot: 'Tab'
 })(({
   theme
 }) => ({

package/TimeRangePicker/TimeRangePickerToolbar.js

@@ -34,8 +34,7 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const TimeRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar, {
   name: 'MuiTimeRangePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -52,8 +51,7 @@ const TimeRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar
 const TimeRangePickerToolbarContainer = (0, _styles.styled)('div', {
   name: 'MuiTimeRangePickerToolbar',
   slot: 'Container',
-  shouldForwardProp: prop => prop !== 'pickerVariant',
-  overridesResolver: (_, styles) => styles.container
+  shouldForwardProp: prop => prop !== 'pickerVariant'
 })({
   display: 'flex',
   flex: 1,
@@ -77,8 +75,7 @@ const TimeRangePickerToolbarContainer = (0, _styles.styled)('div', {
 });
 const TimeRangePickerToolbarTimeContainer = (0, _styles.styled)('div', {
   name: 'MuiTimeRangePickerToolbar',
-  slot: 'TimeContainer',
-  overridesResolver: (_, styles) => styles.timeContainer
+  slot: 'TimeContainer'
 })({
   display: 'flex',
   justifyContent: 'space-around',
@@ -86,8 +83,7 @@ const TimeRangePickerToolbarTimeContainer = (0, _styles.styled)('div', {
 });
 const TimeRangePickerToolbarSeparator = (0, _styles.styled)(_internals.PickersToolbarText, {
   name: 'MuiTimeRangePickerToolbar',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })({
   cursor: 'default'
 });

package/esm/DateRangeCalendar/DateRangeCalendar.js

@@ -28,11 +28,10 @@ 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 = "MTc0NDg0MDgwMDAwMA==";
+const releaseInfo = "MTc0NTQ0NTYwMDAwMA==";
 const DateRangeCalendarRoot = styled('div', {
   name: 'MuiDateRangeCalendar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'row'
@@ -40,7 +39,7 @@ const DateRangeCalendarRoot = styled('div', {
 const DateRangeCalendarMonthContainer = styled('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Container',
-  overridesResolver: (_, styles) => styles.monthContainer
+  overridesResolver: (_, styles) => styles.monthContainer // FIXME: Inconsistent naming with slot
 })(({
   theme
 }) => ({

package/esm/DateRangePicker/DateRangePickerToolbar.js

@@ -23,13 +23,11 @@ const useUtilityClasses = classes => {
 };
 const DateRangePickerToolbarRoot = styled(PickersToolbar, {
   name: 'MuiDateRangePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({});
 const DateRangePickerToolbarContainer = styled('div', {
   name: 'MuiDateRangePickerToolbar',
-  slot: 'Container',
-  overridesResolver: (_, styles) => styles.container
+  slot: 'Container'
 })({
   display: 'flex'
 });

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', "MTc0NDg0MDgwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const utils = useUtils();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;

package/esm/DateTimeRangePicker/DateTimeRangePickerTabs.js

@@ -37,8 +37,7 @@ const useUtilityClasses = classes => {
 };
 const DateTimeRangePickerTabsRoot = styled('div', {
   name: 'MuiDateTimeRangePickerTabs',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -50,15 +49,13 @@ const DateTimeRangePickerTabsRoot = styled('div', {
 }));
 const DateTimeRangePickerTab = styled(Button, {
   name: 'MuiDateTimeRangePickerTabs',
-  slot: 'TabButton',
-  overridesResolver: (_, styles) => styles.tabButton
+  slot: 'TabButton'
 })({
   textTransform: 'none'
 });
 const DateTimeRangePickerTabFiller = styled('div', {
   name: 'MuiDateTimeRangePickerTabs',
-  slot: 'Filler',
-  overridesResolver: (_, styles) => styles.filler
+  slot: 'Filler'
 })({
   width: 40
 });

package/esm/DateTimeRangePicker/DateTimeRangePickerToolbar.js

@@ -25,24 +25,21 @@ const useUtilityClasses = classes => {
 };
 const DateTimeRangePickerToolbarRoot = styled('div', {
   name: 'MuiDateTimeRangePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'column'
 });
 const DateTimeRangePickerToolbarStart = styled(DateTimePickerToolbar, {
   name: 'MuiDateTimeRangePickerToolbar',
-  slot: 'StartToolbar',
-  overridesResolver: (_, styles) => styles.startToolbar
+  slot: 'StartToolbar'
 })({
   borderBottom: 'none',
   paddingBottom: 0
 });
 const DateTimeRangePickerToolbarEnd = styled(DateTimePickerToolbar, {
   name: 'MuiDateTimeRangePickerToolbar',
-  slot: 'EndToolbar',
-  overridesResolver: (_, styles) => styles.endToolbar
+  slot: 'EndToolbar'
 })({});
 const DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTimeRangePickerToolbar(inProps, ref) {
   const props = useThemeProps({

package/esm/TimeRangePicker/TimeRangePickerTabs.js

@@ -21,8 +21,7 @@ const useUtilityClasses = classes => {
 };
 const TimeRangePickerTabsRoot = styled(Tabs, {
   name: 'MuiTimeRangePickerTabs',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -37,8 +36,7 @@ const TimeRangePickerTabsRoot = styled(Tabs, {
 }));
 const TimeRangePickerTab = styled(Tab, {
   name: 'MuiTimeRangePickerTabs',
-  slot: 'Tab',
-  overridesResolver: (_, styles) => styles.tab
+  slot: 'Tab'
 })(({
   theme
 }) => ({

package/esm/TimeRangePicker/TimeRangePickerToolbar.js

@@ -27,8 +27,7 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const TimeRangePickerToolbarRoot = styled(PickersToolbar, {
   name: 'MuiTimeRangePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -45,8 +44,7 @@ const TimeRangePickerToolbarRoot = styled(PickersToolbar, {
 const TimeRangePickerToolbarContainer = styled('div', {
   name: 'MuiTimeRangePickerToolbar',
   slot: 'Container',
-  shouldForwardProp: prop => prop !== 'pickerVariant',
-  overridesResolver: (_, styles) => styles.container
+  shouldForwardProp: prop => prop !== 'pickerVariant'
 })({
   display: 'flex',
   flex: 1,
@@ -70,8 +68,7 @@ const TimeRangePickerToolbarContainer = styled('div', {
 });
 const TimeRangePickerToolbarTimeContainer = styled('div', {
   name: 'MuiTimeRangePickerToolbar',
-  slot: 'TimeContainer',
-  overridesResolver: (_, styles) => styles.timeContainer
+  slot: 'TimeContainer'
 })({
   display: 'flex',
   justifyContent: 'space-around',
@@ -79,8 +76,7 @@ const TimeRangePickerToolbarTimeContainer = styled('div', {
 });
 const TimeRangePickerToolbarSeparator = styled(PickersToolbarText, {
   name: 'MuiTimeRangePickerToolbar',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })({
   cursor: 'default'
 });

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v8.0.0
+ * @mui/x-date-pickers-pro v8.1.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', "MTc0NDg0MDgwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const {
     slots,
     slotProps,

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', "MTc0NDg0MDgwMDAwMA==");
+  useLicenseVerifier('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const {
     slots,
     slotProps: innerSlotProps,

package/esm/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js

@@ -38,13 +38,11 @@ export function createMultiInputRangeField({
     alignItems: "baseline"
   }, props))), {
     name,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
   })({});
   const MultiInputRangeFieldSeparator = styled(Typography, {
     name,
-    slot: 'Separator',
-    overridesResolver: (props, styles) => styles.separator
+    slot: 'Separator'
   })({
     lineHeight: '1.4375em' // 23px
   });

package/index.js

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

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -27,7 +27,7 @@ const useDesktopRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NDg0MDgwMDAwMA==");
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const {
     slots,
     slotProps,

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -29,7 +29,7 @@ const useMobileRangePicker = _ref => {
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NDg0MDgwMDAwMA==");
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const {
     slots,
     slotProps: innerSlotProps,

package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js

@@ -45,13 +45,11 @@ function createMultiInputRangeField({
     alignItems: "baseline"
   }, props))), {
     name,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
   })({});
   const MultiInputRangeFieldSeparator = (0, _styles.styled)(_Typography.default, {
     name,
-    slot: 'Separator',
-    overridesResolver: (props, styles) => styles.separator
+    slot: 'Separator'
   })({
     lineHeight: '1.4375em' // 23px
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "description": "The Pro plan edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -37,9 +37,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-date-pickers": "8.0.0",
+    "@mui/x-internals": "8.0.0",
     "@mui/x-license": "8.0.0",
-    "@mui/x-internals": "8.0.0"
+    "@mui/x-date-pickers": "8.1.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",