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

package/esm/internals/utils/createRangePickerStepNavigation.js

@@ -0,0 +1,31 @@
+import { createStepNavigation } from '@mui/x-date-pickers/internals';
+export function createRangePickerStepNavigation(parameters) {
+  const {
+    steps,
+    rangePositionResponse
+  } = parameters;
+  return createStepNavigation({
+    steps,
+    isViewMatchingStep: (view, step) => {
+      if (step.rangePosition !== rangePositionResponse.rangePosition) {
+        return false;
+      }
+      return step.views == null || step.views.includes(view);
+    },
+    onStepChange: ({
+      step,
+      defaultView,
+      setView,
+      view,
+      views
+    }) => {
+      if (step.rangePosition !== rangePositionResponse.rangePosition) {
+        rangePositionResponse.setRangePosition(step.rangePosition);
+      }
+      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.2
+ * @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.d.ts

@@ -3,6 +3,7 @@ import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
 export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
   props,
+  steps,
   ...pickerParams
 }: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
   renderPicker: () => React.JSX.Element;

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -10,23 +10,24 @@ 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");
+var _createRangePickerStepNavigation = require("../../utils/createRangePickerStepNavigation");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["props"],
+const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const useDesktopRangePicker = _ref => {
   let {
-      props
+      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,
@@ -36,6 +37,10 @@ const useDesktopRangePicker = _ref => {
   const fieldType = (0, _dateFieldsUtils.getRangeFieldType)(slots.field);
   const viewContainerRole = fieldType === 'single-input' ? 'dialog' : 'tooltip';
   const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props);
+  const getStepNavigation = (0, _createRangePickerStepNavigation.createRangePickerStepNavigation)({
+    steps,
+    rangePositionResponse
+  });
   const {
     providerProps,
     renderCurrentView,
@@ -45,13 +50,18 @@ const useDesktopRangePicker = _ref => {
     variant: 'desktop',
     autoFocusView: viewContainerRole === 'dialog',
     viewContainerRole,
-    localeText
+    localeText,
+    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;

package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts

@@ -2,7 +2,7 @@ import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickerPopperSlots, PickerPopperSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots } from '@mui/x-date-pickers/PickersLayout';
-import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps } from "../models/useRangePicker.js";
+import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
 export interface UseDesktopRangePickerSlots extends PickerPopperSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -14,7 +14,7 @@ export interface UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructu
     dateSeparator?: string;
   }, {}, PickerOwnerState>;
 }
-export interface DesktopRangeOnlyPickerProps extends RangeOnlyPickerProps {
+export interface DesktopRangeOnlyPickerProps extends NonStaticRangePickerProps {
   /**
    * If `true`, the start `input` element is focused during the first mount.
    */
@@ -32,4 +32,4 @@ export interface UseDesktopRangePickerProps<TView extends DateOrTimeViewWithMeri
    */
   slotProps?: UseDesktopRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
 }
-export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends UseRangePickerParams<TView, TExternalProps> {}
+export interface UseDesktopRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -3,6 +3,7 @@ import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from "./useMobileRangePicker.types.js";
 export declare const useMobileRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
   props,
+  steps,
   ...pickerParams
 }: UseMobileRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
   renderPicker: () => React.JSX.Element;

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -10,25 +10,26 @@ 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 _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
 var _xLicense = require("@mui/x-license");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _hooks = require("@mui/x-date-pickers/hooks");
-var _releaseInfo = require("../../utils/releaseInfo");
 var _useRangePosition = require("../useRangePosition");
 var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
 var _dateFieldsUtils = require("../../utils/date-fields-utils");
+var _createRangePickerStepNavigation = require("../../utils/createRangePickerStepNavigation");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["props"],
+const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const useMobileRangePicker = _ref => {
   let {
-      props
+      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: innerSlotProps,
@@ -39,6 +40,10 @@ const useMobileRangePicker = _ref => {
   const fieldType = (0, _dateFieldsUtils.getRangeFieldType)(slots.field);
   const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props);
   const contextTranslations = (0, _hooks.usePickerTranslations)();
+  const getStepNavigation = (0, _createRangePickerStepNavigation.createRangePickerStepNavigation)({
+    steps,
+    rangePositionResponse
+  });
   const {
     providerProps,
     renderCurrentView,
@@ -48,7 +53,9 @@ const useMobileRangePicker = _ref => {
     variant: 'mobile',
     autoFocusView: true,
     viewContainerRole: 'dialog',
-    localeText
+    localeText,
+    getStepNavigation,
+    onPopperExited: (0, _useEventCallback.default)(() => rangePositionResponse.setRangePosition('start'))
   }));
   const labelId = providerProps.privateContextValue.labelId;
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts

@@ -2,7 +2,7 @@ import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickerFieldSlotProps, PickerOwnerState } from '@mui/x-date-pickers/models';
 import { PickersModalDialogSlots, PickersModalDialogSlotProps, UsePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotProps, ExportedPickersLayoutSlots, PickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
-import { RangeOnlyPickerProps, UseRangePickerParams, UseRangePickerProps } from "../models/useRangePicker.js";
+import { NonStaticRangePickerProps, NonStaticRangePickerHookParameters, UseRangePickerProps } from "../../models/index.js";
 export interface UseMobileRangePickerSlots extends PickersModalDialogSlots, ExportedPickersLayoutSlots<PickerRangeValue>, PickerFieldUISlotsFromContext {
   /**
    * Component used to enter the date with the keyboard.
@@ -15,7 +15,7 @@ export interface ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOM
   }, {}, PickerOwnerState>;
 }
 export interface UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends ExportedUseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, Pick<PickersLayoutSlotProps<PickerRangeValue>, 'toolbar'> {}
-export interface MobileRangeOnlyPickerProps extends RangeOnlyPickerProps {}
+export interface MobileRangeOnlyPickerProps extends NonStaticRangePickerProps {}
 export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends UseRangePickerProps<TView, TError, TExternalProps> {
   /**
    * Overridable component slots.
@@ -28,4 +28,4 @@ export interface UseMobileRangePickerProps<TView extends DateOrTimeViewWithMerid
    */
   slotProps?: UseMobileRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
 }
-export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends UseRangePickerParams<TView, TExternalProps> {}
+export interface UseMobileRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseMobileRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>> extends NonStaticRangePickerHookParameters<TView, TExternalProps> {}

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -7,6 +7,7 @@ import { UseStaticRangePickerParams, UseStaticRangePickerProps } from "./useStat
  */
 export declare const useStaticRangePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>>({
   props,
+  steps,
   ...pickerParams
 }: UseStaticRangePickerParams<TView, TExternalProps>) => {
   renderPicker: () => React.JSX.Element;

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -15,8 +15,9 @@ var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useRangePosition = require("../useRangePosition");
 var _usePickerRangePositionContext = require("../../../hooks/usePickerRangePositionContext");
+var _createRangePickerStepNavigation = require("../../utils/createRangePickerStepNavigation");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["props"];
+const _excluded = ["props", "steps"];
 const PickerStaticLayout = (0, _styles.styled)(_PickersLayout.PickersLayout)(({
   theme
 }) => ({
@@ -31,7 +32,8 @@ const PickerStaticLayout = (0, _styles.styled)(_PickersLayout.PickersLayout)(({
  */
 const useStaticRangePicker = _ref => {
   let {
-      props
+      props,
+      steps
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
@@ -42,6 +44,10 @@ const useStaticRangePicker = _ref => {
     autoFocus
   } = props;
   const rangePositionResponse = (0, _useRangePosition.useRangePosition)(props);
+  const getStepNavigation = (0, _createRangePickerStepNavigation.createRangePickerStepNavigation)({
+    steps,
+    rangePositionResponse
+  });
   const {
     providerProps,
     renderCurrentView
@@ -50,7 +56,8 @@ const useStaticRangePicker = _ref => {
     variant: displayStaticWrapperAs,
     autoFocusView: autoFocus ?? false,
     viewContainerRole: null,
-    localeText
+    localeText,
+    getStepNavigation
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_usePickerRangePositionContext.PickerRangePositionContext.Provider, {

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts

@@ -1,6 +1,7 @@
 import { BasePickerProps, UsePickerParameters, ExportedBaseToolbarProps, StaticOnlyPickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps } from '@mui/x-date-pickers/PickersLayout';
 import { UseRangePositionProps } from "../useRangePosition.js";
+import { PickerRangeStep } from "../../utils/createRangePickerStepNavigation.js";
 export interface UseStaticRangePickerSlots extends ExportedPickersLayoutSlots<PickerRangeValue> {}
 export interface UseStaticRangePickerSlotProps extends ExportedPickersLayoutSlotProps<PickerRangeValue> {
   toolbar?: ExportedBaseToolbarProps;
@@ -20,4 +21,10 @@ export interface UseStaticRangePickerProps<TView extends DateOrTimeViewWithMerid
 }
 export interface UseStaticRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
   props: TExternalProps;
+  /**
+   * Steps available for the picker.
+   * This will be used to define the behavior of navigation actions.
+   * If null, the picker will not have any step navigation.
+   */
+  steps: PickerRangeStep[] | null;
 }

package/internals/models/rangePickerProps.d.ts

@@ -1,4 +1,7 @@
+import { BasePickerProps, DateOrTimeViewWithMeridiem, PickerRangeValue, UsePickerNonStaticProps, UsePickerParameters, UsePickerProps } from '@mui/x-date-pickers/internals';
 import * as React from 'react';
+import { UseRangePositionProps } from "../hooks/useRangePosition.js";
+import { PickerRangeStep } from "../utils/createRangePickerStepNavigation.js";
 /**
  * Props common to all range non-static pickers.
  * These props are handled by the headless wrappers.
@@ -19,4 +22,15 @@ export interface BaseRangeNonStaticPickerProps {
    * Ignored if the field has several inputs.
    */
   name?: string;
+}
+export interface NonStaticRangePickerProps extends UsePickerNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {}
+export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends NonStaticRangePickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {}
+export interface NonStaticRangePickerHookParameters<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
+  props: TExternalProps;
+  /**
+   * Steps available for the picker.
+   * This will be used to define the behavior of navigation actions.
+   * If null, the picker will not have any step navigation.
+   */
+  steps: PickerRangeStep[] | null;
 }

package/internals/utils/createMultiInputRangeField/useTextFieldProps.js

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

package/internals/utils/createRangePickerStepNavigation.d.ts

@@ -0,0 +1,16 @@
+import { DateOrTimeViewWithMeridiem, RangePosition } from '@mui/x-date-pickers/internals';
+import { UseRangePositionResponse } from "../hooks/useRangePosition.js";
+export declare function createRangePickerStepNavigation(parameters: CreateRangePickerStepNavigationParameters): import("@mui/x-date-pickers/internals/utils/createStepNavigation").CreateStepNavigationReturnValue;
+export interface PickerRangeStep {
+  /**
+   * The views that are handled inside this step.
+   * If null, all views are handled by this step.
+   */
+  views: readonly DateOrTimeViewWithMeridiem[] | null;
+  rangePosition: RangePosition;
+}
+interface CreateRangePickerStepNavigationParameters {
+  steps: PickerRangeStep[] | null;
+  rangePositionResponse: UseRangePositionResponse;
+}
+export {};

package/internals/utils/createRangePickerStepNavigation.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createRangePickerStepNavigation = createRangePickerStepNavigation;
+var _internals = require("@mui/x-date-pickers/internals");
+function createRangePickerStepNavigation(parameters) {
+  const {
+    steps,
+    rangePositionResponse
+  } = parameters;
+  return (0, _internals.createStepNavigation)({
+    steps,
+    isViewMatchingStep: (view, step) => {
+      if (step.rangePosition !== rangePositionResponse.rangePosition) {
+        return false;
+      }
+      return step.views == null || step.views.includes(view);
+    },
+    onStepChange: ({
+      step,
+      defaultView,
+      setView,
+      view,
+      views
+    }) => {
+      if (step.rangePosition !== rangePositionResponse.rangePosition) {
+        rangePositionResponse.setRangePosition(step.rangePosition);
+      }
+      const targetView = step.views == null ? defaultView : step.views.find(viewBis => views.includes(viewBis));
+      if (targetView !== view) {
+        setView(targetView);
+      }
+    }
+  });
+}

package/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "8.0.0-beta.2",
+  "version": "8.0.0",
   "description": "The Pro plan edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -32,20 +32,20 @@
     "directory": "packages/x-date-pickers-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.10",
-    "@mui/utils": "^7.0.0 || ^7.0.0-beta",
+    "@babel/runtime": "^7.27.0",
+    "@mui/utils": "^7.0.2",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.0.0-beta.2",
-    "@mui/x-license": "8.0.0-beta.2",
-    "@mui/x-date-pickers": "8.0.0-beta.2"
+    "@mui/x-date-pickers": "8.0.0",
+    "@mui/x-license": "8.0.0",
+    "@mui/x-internals": "8.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
     "date-fns": "^2.25.0 || ^3.2.0 || ^4.0.0",
     "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0 || ^4.0.0-0",
     "dayjs": "^1.10.7",
@@ -100,10 +100,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -114,10 +110,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,

package/esm/internals/hooks/models/index.d.ts

@@ -1 +0,0 @@
-export type { RangeOnlyPickerProps, UseRangePickerProps, UseRangePickerParams } from './useRangePicker';

package/esm/internals/hooks/models/index.js

@@ -1 +0,0 @@
-export {};

package/esm/internals/hooks/models/useRangePicker.d.ts

@@ -1,8 +0,0 @@
-import { UsePickerParameters, BasePickerProps, UsePickerProps, UsePickerNonStaticProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
-import { BaseRangeNonStaticPickerProps } from "../../models/index.js";
-import { UseRangePositionProps } from "../useRangePosition.js";
-export interface RangeOnlyPickerProps extends UsePickerNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {}
-export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends RangeOnlyPickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {}
-export interface UseRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
-  props: TExternalProps;
-}

package/esm/internals/hooks/models/useRangePicker.js

@@ -1 +0,0 @@
-export {};

package/esm/internals/utils/releaseInfo.d.ts

@@ -1 +0,0 @@
-export declare const getReleaseInfo: () => any;

package/esm/internals/utils/releaseInfo.js

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

package/internals/hooks/models/index.d.ts

@@ -1 +0,0 @@
-export type { RangeOnlyPickerProps, UseRangePickerProps, UseRangePickerParams } from './useRangePicker';

package/internals/hooks/models/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/internals/hooks/models/useRangePicker.d.ts

@@ -1,8 +0,0 @@
-import { UsePickerParameters, BasePickerProps, UsePickerProps, UsePickerNonStaticProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
-import { BaseRangeNonStaticPickerProps } from "../../models/index.js";
-import { UseRangePositionProps } from "../useRangePosition.js";
-export interface RangeOnlyPickerProps extends UsePickerNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {}
-export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends RangeOnlyPickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {}
-export interface UseRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
-  props: TExternalProps;
-}

package/internals/hooks/models/useRangePicker.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/internals/utils/releaseInfo.d.ts

@@ -1 +0,0 @@
-export declare const getReleaseInfo: () => any;

package/internals/utils/releaseInfo.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getReleaseInfo = void 0;
-var _utils = require("@mui/utils");
-const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
-  if (process.env.NODE_ENV !== 'production') {
-    // A simple hack to set the value in the test environment (has no build step).
-    // eslint-disable-next-line no-useless-concat
-    if (releaseInfo === '__RELEASE' + '_INFO__') {
-      // eslint-disable-next-line no-underscore-dangle
-      return _utils.ponyfillGlobal.__MUI_RELEASE_INFO__;
-    }
-  }
-  return releaseInfo;
-};
-exports.getReleaseInfo = getReleaseInfo;

package/modern/AdapterDateFns/index.d.ts

@@ -1 +0,0 @@
-export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';

package/modern/AdapterDateFns/index.js

@@ -1 +0,0 @@
-export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';

package/modern/AdapterDateFnsJalali/index.d.ts

@@ -1 +0,0 @@
-export { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';

package/modern/AdapterDateFnsJalali/index.js

@@ -1 +0,0 @@
-export { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';

package/modern/AdapterDateFnsJalaliV2/index.d.ts

@@ -1 +0,0 @@
-export { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalaliV2';

package/modern/AdapterDateFnsJalaliV2/index.js

@@ -1 +0,0 @@
-export { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalaliV2';

package/modern/AdapterDateFnsV2/index.d.ts

@@ -1 +0,0 @@
-export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV2';

package/modern/AdapterDateFnsV2/index.js

@@ -1 +0,0 @@
-export { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV2';

package/modern/AdapterDayjs/index.d.ts

@@ -1 +0,0 @@
-export { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';

package/modern/AdapterDayjs/index.js

@@ -1 +0,0 @@
-export { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';

package/modern/AdapterLuxon/index.d.ts

@@ -1 +0,0 @@
-export { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';

package/modern/AdapterLuxon/index.js

@@ -1 +0,0 @@
-export { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';

package/modern/AdapterMoment/index.d.ts

@@ -1 +0,0 @@
-export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';

package/modern/AdapterMoment/index.js

@@ -1 +0,0 @@
-export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';

package/modern/AdapterMomentHijri/index.d.ts

@@ -1 +0,0 @@
-export { AdapterMomentHijri } from '@mui/x-date-pickers/AdapterMomentHijri';

package/modern/AdapterMomentHijri/index.js

@@ -1 +0,0 @@
-export { AdapterMomentHijri } from '@mui/x-date-pickers/AdapterMomentHijri';

package/modern/AdapterMomentJalaali/index.d.ts

@@ -1 +0,0 @@
-export { AdapterMomentJalaali } from '@mui/x-date-pickers/AdapterMomentJalaali';

package/modern/AdapterMomentJalaali/index.js

@@ -1 +0,0 @@
-export { AdapterMomentJalaali } from '@mui/x-date-pickers/AdapterMomentJalaali';