@mui/x-date-pickers-pro 8.0.0-beta.3 → 8.1.0

package/DateRangeCalendar/DateRangeCalendar.js

@@ -22,7 +22,6 @@ var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _xLicense = require("@mui/x-license");
 var _internals = require("@mui/x-date-pickers/internals");
 var _warning = require("@mui/x-internals/warning");
-var _releaseInfo = require("../internals/utils/releaseInfo");
 var _dateRangeCalendarClasses = require("./dateRangeCalendarClasses");
 var _dateUtils = require("../internals/utils/date-utils");
 var _dateRangeManager = require("../internals/utils/date-range-manager");
@@ -36,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 = (0, _releaseInfo.getReleaseInfo)();
+const releaseInfo = "MTc0NTQ0NTYwMDAwMA==";
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangeCalendar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'row'
@@ -48,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/DateRangePicker.js

@@ -132,7 +132,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

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

@@ -18,10 +18,8 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _internals = require("@mui/x-date-pickers/internals");
 var _PickersDay = require("@mui/x-date-pickers/PickersDay");
 var _dateRangePickerDayClasses = require("./dateRangePickerDayClasses");
-var _releaseInfo = require("../internals/utils/releaseInfo");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "classes", "isEndOfHighlighting", "isEndOfPreviewing", "isHighlighting", "isPreviewing", "isStartOfHighlighting", "isStartOfPreviewing", "isVisuallySelected", "sx", "draggable", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth"];
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const useUtilityClasses = (classes, ownerState) => {
   const {
     // Properties shared with PickersDay
@@ -236,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', releaseInfo);
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const utils = (0, _internals.useUtils)();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;

package/DateTimeRangePicker/DateTimeRangePicker.js

@@ -142,7 +142,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

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/DateTimeRangePickerTimeWrapper.js

@@ -27,8 +27,7 @@ function DateTimeRangePickerTimeWrapper(props) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
-    rangePosition,
-    setRangePosition
+    rangePosition
   } = (0, _hooks.usePickerRangePositionContext)();
   if (!viewRenderer) {
     return null;
@@ -48,12 +47,6 @@ function DateTimeRangePickerTimeWrapper(props) {
       rangePosition
     });
     const isFullRangeSelected = rangePosition === 'end' && (0, _dateUtils.isRangeValid)(utils, newRange);
-    const timeViews = views.filter(_internals.isInternalTimeView);
-    // reset view to the first time view and swap range position after selecting the last time view (start or end position)
-    if (selectedView === timeViews[timeViews.length - 1] && onViewChange) {
-      onViewChange(views[0]);
-      setRangePosition(rangePosition === 'start' ? 'end' : 'start');
-    }
     onChange(newRange, isFullRangeSelected ? 'finish' : 'partial', selectedView);
   };
   return viewRenderer((0, _extends2.default)({}, other, {

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/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -20,8 +20,6 @@ var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
 var _SingleInputDateRangeField = require("../SingleInputDateRangeField");
 var _useDesktopRangePicker = require("../internals/hooks/useDesktopRangePicker");
 var _validation2 = require("../validation");
-const emptyActions = [];
-
 /**
  * Demos:
  *
@@ -54,10 +52,7 @@ const DesktopDateRangePicker = exports.DesktopDateRangePicker = /*#__PURE__*/Rea
       field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _validation.extractValidationProps)(defaultizedProps)),
       toolbar: (0, _extends2.default)({
         hidden: true
-      }, defaultizedProps.slotProps?.toolbar),
-      actionBar: ownerState => (0, _extends2.default)({
-        actions: emptyActions
-      }, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.actionBar, ownerState))
+      }, defaultizedProps.slotProps?.toolbar)
     })
   });
   const {
@@ -146,7 +141,7 @@ DesktopDateRangePicker.propTypes = {
   disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js

@@ -52,7 +52,6 @@ const rendererInterceptor = function RendererInterceptor(props) {
     rangePosition
   } = (0, _hooks.usePickerRangePositionContext)();
   const finalProps = (0, _extends2.default)({}, otherProps, {
-    focusedView: null,
     sx: [{
       [`&.${_MultiSectionDigitalClock.multiSectionDigitalClockClasses.root}`]: {
         borderBottom: 0
@@ -231,7 +230,7 @@ DesktopDateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/DesktopTimeRangePicker/DesktopTimeRangePicker.js

@@ -172,7 +172,7 @@ DesktopTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -138,7 +138,7 @@ MobileDateRangePicker.propTypes = {
   disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js

@@ -57,7 +57,6 @@ const rendererInterceptor = function RendererInterceptor(props) {
     } = rendererProps,
     otherRendererProps = (0, _objectWithoutPropertiesLoose2.default)(rendererProps, _excluded);
   const finalProps = (0, _extends2.default)({}, otherRendererProps, {
-    focusedView: null,
     sx: [{
       width: _internals.DIALOG_WIDTH,
       [`.${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`]: {
@@ -237,7 +236,7 @@ MobileDateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/MobileTimeRangePicker/MobileTimeRangePicker.js

@@ -162,7 +162,7 @@ MobileTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

package/TimeRangePicker/TimeRangePicker.js

@@ -110,7 +110,7 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: _propTypes.default.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: _propTypes.default.bool,

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/TimeRangePickerTimeWrapper.js

@@ -27,8 +27,7 @@ function TimeRangePickerTimeWrapper(props) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
-    rangePosition,
-    setRangePosition
+    rangePosition
   } = (0, _hooks.usePickerRangePositionContext)();
   if (!viewRenderer) {
     return null;
@@ -48,10 +47,6 @@ function TimeRangePickerTimeWrapper(props) {
       rangePosition
     });
     const isFullRangeSelected = rangePosition === 'end' && (0, _dateUtils.isRangeValid)(utils, newRange);
-    if (selectionState === 'finish') {
-      setRangePosition(rangePosition === 'start' ? 'end' : 'start');
-      onViewChange?.(views[0]);
-    }
     onChange(newRange, isFullRangeSelected ? 'finish' : 'partial', selectedView);
   };
   return viewRenderer((0, _extends2.default)({}, other, {

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

@@ -17,7 +17,6 @@ import useId from '@mui/utils/useId';
 import { Watermark } from '@mui/x-license';
 import { DayCalendar, useReduceAnimations, useCalendarState, useUtils, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, useControlledValue, useViews, usePickerPrivateContext, areDatesEqual, useApplyDefaultValuesToDateValidationProps } from '@mui/x-date-pickers/internals';
 import { warnOnce } from '@mui/x-internals/warning';
-import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
 import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from "./dateRangeCalendarClasses.js";
 import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from "../internals/utils/date-utils.js";
 import { calculateRangeChange, calculateRangePreview } from "../internals/utils/date-range-manager.js";
@@ -29,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 = getReleaseInfo();
+const releaseInfo = "MTc0NTQ0NTYwMDAwMA==";
 const DateRangeCalendarRoot = styled('div', {
   name: 'MuiDateRangeCalendar',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'row'
@@ -41,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/DateRangePicker.js

@@ -125,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
   disableHighlightToday: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,

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

@@ -12,9 +12,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import { useUtils, usePickerDayOwnerState } from '@mui/x-date-pickers/internals';
 import { PickersDay } from '@mui/x-date-pickers/PickersDay';
 import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
-import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const releaseInfo = getReleaseInfo();
 const useUtilityClasses = (classes, ownerState) => {
   const {
     // Properties shared with PickersDay
@@ -229,7 +227,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       showDaysOutsideCurrentMonth
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', releaseInfo);
+  useLicenseVerifier('x-date-pickers-pro', "MTc0NTQ0NTYwMDAwMA==");
   const utils = useUtils();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;

package/esm/DateTimeRangePicker/DateTimeRangePicker.js

@@ -135,7 +135,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,

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/DateTimeRangePickerTimeWrapper.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["viewRenderer", "value", "onChange", "defaultValue", "onViewChange", "views", "className"];
-import { isInternalTimeView, useUtils } from '@mui/x-date-pickers/internals';
+import { useUtils } from '@mui/x-date-pickers/internals';
 import { isRangeValid } from "../internals/utils/date-utils.js";
 import { calculateRangeChange } from "../internals/utils/date-range-manager.js";
 import { usePickerRangePositionContext } from "../hooks/index.js";
@@ -20,8 +20,7 @@ function DateTimeRangePickerTimeWrapper(props) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
-    rangePosition,
-    setRangePosition
+    rangePosition
   } = usePickerRangePositionContext();
   if (!viewRenderer) {
     return null;
@@ -41,12 +40,6 @@ function DateTimeRangePickerTimeWrapper(props) {
       rangePosition
     });
     const isFullRangeSelected = rangePosition === 'end' && isRangeValid(utils, newRange);
-    const timeViews = views.filter(isInternalTimeView);
-    // reset view to the first time view and swap range position after selecting the last time view (start or end position)
-    if (selectedView === timeViews[timeViews.length - 1] && onViewChange) {
-      onViewChange(views[0]);
-      setRangePosition(rangePosition === 'start' ? 'end' : 'start');
-    }
     onChange(newRange, isFullRangeSelected ? 'finish' : 'partial', selectedView);
   };
   return viewRenderer(_extends({}, other, {

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/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -13,8 +13,6 @@ import { renderDateRangeViewCalendar } from "../dateRangeViewRenderers/index.js"
 import { SingleInputDateRangeField } from "../SingleInputDateRangeField/index.js";
 import { useDesktopRangePicker } from "../internals/hooks/useDesktopRangePicker/index.js";
 import { validateDateRange } from "../validation/index.js";
-const emptyActions = [];
-
 /**
  * Demos:
  *
@@ -47,10 +45,7 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDat
       field: ownerState => _extends({}, resolveComponentProps(defaultizedProps.slotProps?.field, ownerState), extractValidationProps(defaultizedProps)),
       toolbar: _extends({
         hidden: true
-      }, defaultizedProps.slotProps?.toolbar),
-      actionBar: ownerState => _extends({
-        actions: emptyActions
-      }, resolveComponentProps(defaultizedProps.slotProps?.actionBar, ownerState))
+      }, defaultizedProps.slotProps?.toolbar)
     })
   });
   const {
@@ -139,7 +134,7 @@ DesktopDateRangePicker.propTypes = {
   disableHighlightToday: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,

package/esm/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js

@@ -45,7 +45,6 @@ const rendererInterceptor = function RendererInterceptor(props) {
     rangePosition
   } = usePickerRangePositionContext();
   const finalProps = _extends({}, otherProps, {
-    focusedView: null,
     sx: [{
       [`&.${multiSectionDigitalClockClasses.root}`]: {
         borderBottom: 0
@@ -224,7 +223,7 @@ DesktopDateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,

package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js

@@ -165,7 +165,7 @@ DesktopTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,

package/esm/MobileDateRangePicker/MobileDateRangePicker.js

@@ -131,7 +131,7 @@ MobileDateRangePicker.propTypes = {
   disableHighlightToday: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,

package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js

@@ -50,7 +50,6 @@ const rendererInterceptor = function RendererInterceptor(props) {
     } = rendererProps,
     otherRendererProps = _objectWithoutPropertiesLoose(rendererProps, _excluded);
   const finalProps = _extends({}, otherRendererProps, {
-    focusedView: null,
     sx: [{
       width: DIALOG_WIDTH,
       [`.${multiSectionDigitalClockSectionClasses.root}`]: {
@@ -230,7 +229,7 @@ MobileDateTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,

package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js

@@ -155,7 +155,7 @@ MobileTimeRangePicker.propTypes = {
   disableIgnoringDatePartForTimeValidation: PropTypes.bool,
   /**
    * If `true`, the button to open the Picker will not be rendered (it will only render the field).
-   * @deprecated Use the [field component](https://next.mui.com/x/react-date-pickers/fields/) instead.
+   * @deprecated Use the [field component](https://mui.com/x/react-date-pickers/fields/) instead.
    * @default false
    */
   disableOpenPicker: PropTypes.bool,