@mui/x-date-pickers-pro 8.0.0-beta.3 → 8.0.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,7 +35,7 @@ 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 = "MTc0NDg0MDgwMDAwMA==";
 const DateRangeCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Root',

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/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', "MTc0NDg0MDgwMDAwMA==");
   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/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/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/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/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,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 = getReleaseInfo();
+const releaseInfo = "MTc0NDg0MDgwMDAwMA==";
 const DateRangeCalendarRoot = styled('div', {
   name: 'MuiDateRangeCalendar',
   slot: 'Root',

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/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', "MTc0NDg0MDgwMDAwMA==");
   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/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/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,

package/esm/TimeRangePicker/TimeRangePicker.js

@@ -103,7 +103,7 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.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/TimeRangePicker/TimeRangePickerTimeWrapper.js

@@ -20,8 +20,7 @@ function TimeRangePickerTimeWrapper(props) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
-    rangePosition,
-    setRangePosition
+    rangePosition
   } = usePickerRangePositionContext();
   if (!viewRenderer) {
     return null;
@@ -41,10 +40,6 @@ function TimeRangePickerTimeWrapper(props) {
       rangePosition
     });
     const isFullRangeSelected = rangePosition === 'end' && isRangeValid(utils, newRange);
-    if (selectionState === 'finish') {
-      setRangePosition(rangePosition === 'start' ? 'end' : 'start');
-      onViewChange?.(views[0]);
-    }
     onChange(newRange, isFullRangeSelected ? 'finish' : 'partial', selectedView);
   };
   return viewRenderer(_extends({}, other, {

package/esm/index.js

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

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

@@ -4,23 +4,22 @@ const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
 import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
+import useEventCallback from '@mui/utils/useEventCallback';
 import { useLicenseVerifier } from '@mui/x-license';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickerPopper, PickerProvider, PickerFieldUIContextProvider } from '@mui/x-date-pickers/internals';
-import { getReleaseInfo } from "../../utils/releaseInfo.js";
 import { useRangePosition } from "../useRangePosition.js";
 import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.js";
 import { getRangeFieldType } from "../../utils/date-fields-utils.js";
 import { createRangePickerStepNavigation } from "../../utils/createRangePickerStepNavigation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = getReleaseInfo();
 export const useDesktopRangePicker = _ref => {
   let {
       props,
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', releaseInfo);
+  useLicenseVerifier('x-date-pickers-pro', "MTc0NDg0MDgwMDAwMA==");
   const {
     slots,
     slotProps,
@@ -44,13 +43,17 @@ export const useDesktopRangePicker = _ref => {
     autoFocusView: viewContainerRole === 'dialog',
     viewContainerRole,
     localeText,
-    getStepNavigation
+    getStepNavigation,
+    onPopperExited: useEventCallback(() => rangePositionResponse.setRangePosition('start'))
   }));
   const Field = slots.field;
   const _useSlotProps = useSlotProps({
       elementType: Field,
       externalSlotProps: slotProps?.field,
-      ownerState
+      ownerState,
+      additionalProps: {
+        'data-active-range-position': providerProps.contextValue.open ? rangePositionResponse.rangePosition : undefined
+      }
     }),
     fieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
   const Layout = slots?.layout ?? PickersLayout;

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

@@ -4,25 +4,24 @@ const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
 import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
+import useEventCallback from '@mui/utils/useEventCallback';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import { useLicenseVerifier } from '@mui/x-license';
 import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
 import { usePicker, PickersModalDialog, PickerProvider, PickerFieldUIContextProvider } from '@mui/x-date-pickers/internals';
 import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getReleaseInfo } from "../../utils/releaseInfo.js";
 import { useRangePosition } from "../useRangePosition.js";
 import { PickerRangePositionContext } from "../../../hooks/usePickerRangePositionContext.js";
 import { getRangeFieldType } from "../../utils/date-fields-utils.js";
 import { createRangePickerStepNavigation } from "../../utils/createRangePickerStepNavigation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = getReleaseInfo();
 export const useMobileRangePicker = _ref => {
   let {
       props,
       steps
     } = _ref,
     pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', releaseInfo);
+  useLicenseVerifier('x-date-pickers-pro', "MTc0NDg0MDgwMDAwMA==");
   const {
     slots,
     slotProps: innerSlotProps,
@@ -47,7 +46,8 @@ export const useMobileRangePicker = _ref => {
     autoFocusView: true,
     viewContainerRole: 'dialog',
     localeText,
-    getStepNavigation
+    getStepNavigation,
+    onPopperExited: useEventCallback(() => rangePositionResponse.setRangePosition('start'))
   }));
   const labelId = providerProps.privateContextValue.labelId;
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;

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

@@ -39,5 +39,6 @@ export function useTextFieldProps({
       textFieldProps.InputProps.ref = pickerContext.triggerRef;
     }
   }
+  textFieldProps.InputProps['data-multi-input'] = position;
   return textFieldProps;
 }

package/esm/internals/utils/createRangePickerStepNavigation.js

@@ -6,7 +6,7 @@ export function createRangePickerStepNavigation(parameters) {
   } = parameters;
   return createStepNavigation({
     steps,
-    isCurrentViewMatchingStep: (view, step) => {
+    isViewMatchingStep: (view, step) => {
       if (step.rangePosition !== rangePositionResponse.rangePosition) {
         return false;
       }
@@ -14,7 +14,7 @@ export function createRangePickerStepNavigation(parameters) {
     },
     onStepChange: ({
       step,
-      initialView,
+      defaultView,
       setView,
       view,
       views
@@ -22,7 +22,7 @@ export function createRangePickerStepNavigation(parameters) {
       if (step.rangePosition !== rangePositionResponse.rangePosition) {
         rangePositionResponse.setRangePosition(step.rangePosition);
       }
-      const targetView = step.views == null ? initialView : step.views.find(viewBis => views.includes(viewBis));
+      const targetView = step.views == null ? defaultView : step.views.find(viewBis => views.includes(viewBis));
       if (targetView !== view) {
         setView(targetView);
       }

package/esm/internals/utils/date-fields-utils.d.ts

@@ -17,6 +17,7 @@ export declare const removeLastSeparator: (dateSections: FieldRangeSection[]) =>
   modified: boolean;
   startSeparator: string;
   endSeparator: string;
+  isEndFormatSeparator?: boolean;
 })[];
 export declare function getRangeFieldType(field: React.ElementType & {
   fieldType?: 'single-input' | 'multi-input';

package/index.js

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

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -10,10 +10,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _xLicense = require("@mui/x-license");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
-var _releaseInfo = require("../../utils/releaseInfo");
 var _useRangePosition = require("../useRangePosition");
 var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
 var _dateFieldsUtils = require("../../utils/date-fields-utils");
@@ -21,14 +21,13 @@ var _createRangePickerStepNavigation = require("../../utils/createRangePickerSte
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const useDesktopRangePicker = _ref => {
   let {
       props,
       steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc0NDg0MDgwMDAwMA==");
   const {
     slots,
     slotProps,
@@ -52,13 +51,17 @@ const useDesktopRangePicker = _ref => {
     autoFocusView: viewContainerRole === 'dialog',
     viewContainerRole,
     localeText,
-    getStepNavigation
+    getStepNavigation,
+    onPopperExited: (0, _useEventCallback.default)(() => rangePositionResponse.setRangePosition('start'))
   }));
   const Field = slots.field;
   const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: slotProps?.field,
-      ownerState
+      ownerState,
+      additionalProps: {
+        'data-active-range-position': providerProps.contextValue.open ? rangePositionResponse.rangePosition : undefined
+      }
     }),
     fieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const Layout = slots?.layout ?? _PickersLayout.PickersLayout;