@mui/x-date-pickers-pro 7.0.0-beta.7 → 7.1.0

package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -46,9 +46,7 @@ const MultiInputDateTimeRangeFieldRoot = (0, _styles.styled)( /*#__PURE__*/React
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })({});
-const MultiInputDateTimeRangeFieldSeparator = (0, _styles.styled)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, (0, _extends2.default)({}, props, {
-  children: props.children ?? ' – '
-})), {
+const MultiInputDateTimeRangeFieldSeparator = (0, _styles.styled)(_Typography.default, {
   name: 'MuiMultiInputDateTimeRangeField',
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
@@ -114,6 +112,9 @@ const MultiInputDateTimeRangeField = exports.MultiInputDateTimeRangeField = /*#_
   const separatorProps = (0, _utils.useSlotProps)({
     elementType: Separator,
     externalSlotProps: slotProps?.separator,
+    additionalProps: {
+      children: ` ${internalProps.dateSeparator ?? '–'} `
+    },
     ownerState,
     className: classes.separator
   });
@@ -154,6 +155,11 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
   component: _propTypes.default.elementType,
+  /**
+   * String displayed between the start and the end dates.
+   * @default "–"
+   */
+  dateSeparator: _propTypes.default.string,
   /**
    * The default value. Use when the component is not controlled.
    */
@@ -279,7 +285,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   /**
    * Disable specific date.
    *
-   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
    *
    * @template TDate
    * @param {TDate} day The date to test.

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -46,9 +46,7 @@ const MultiInputTimeRangeFieldRoot = (0, _styles.styled)( /*#__PURE__*/React.for
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
 })({});
-const MultiInputTimeRangeFieldSeparator = (0, _styles.styled)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, (0, _extends2.default)({}, props, {
-  children: props.children ?? ' – '
-})), {
+const MultiInputTimeRangeFieldSeparator = (0, _styles.styled)(_Typography.default, {
   name: 'MuiMultiInputTimeRangeField',
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
@@ -114,6 +112,9 @@ const MultiInputTimeRangeField = exports.MultiInputTimeRangeField = /*#__PURE__*
   const separatorProps = (0, _utils.useSlotProps)({
     elementType: Separator,
     externalSlotProps: slotProps?.separator,
+    additionalProps: {
+      children: ` ${internalProps.dateSeparator ?? '–'} `
+    },
     ownerState,
     className: classes.separator
   });
@@ -154,6 +155,11 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
   component: _propTypes.default.elementType,
+  /**
+   * String displayed between the start and the end dates.
+   * @default "–"
+   */
+  dateSeparator: _propTypes.default.string,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -91,6 +91,11 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    */
   color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: _propTypes.default.elementType,
+  /**
+   * String displayed between the start and the end dates.
+   * @default "–"
+   */
+  dateSeparator: _propTypes.default.string,
   /**
    * The default value. Use when the component is not controlled.
    */
@@ -251,7 +256,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
   /**
    * Disable specific date.
    *
-   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
    *
    * @template TDate
    * @param {TDate} day The date to test.

package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js

@@ -4,20 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSingleInputDateRangeField = void 0;
+var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _validateDateRange = require("../internals/utils/validation/validateDateRange");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useSingleInputDateRangeField = inProps => {
   const props = (0, _internals.useDefaultizedDateField)(inProps);
   const {
     forwardedProps,
     internalProps
   } = (0, _internals.splitFieldInternalAndForwardedProps)(props, 'date');
+  const fieldValueManager = React.useMemo(() => (0, _valueManagers.getRangeFieldValueManager)({
+    dateSeparator: internalProps.dateSeparator
+  }), [internalProps.dateSeparator]);
   return (0, _internals.useField)({
     forwardedProps,
     internalProps,
     valueManager: _valueManagers.rangeValueManager,
-    fieldValueManager: _valueManagers.rangeFieldValueManager,
+    fieldValueManager,
     validator: _validateDateRange.validateDateRange,
     valueType: 'date'
   });

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -96,6 +96,11 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    */
   color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: _propTypes.default.elementType,
+  /**
+   * String displayed between the start and the end dates.
+   * @default "–"
+   */
+  dateSeparator: _propTypes.default.string,
   /**
    * The default value. Use when the component is not controlled.
    */
@@ -284,7 +289,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
   /**
    * Disable specific date.
    *
-   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
    *
    * @template TDate
    * @param {TDate} day The date to test.

package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js

@@ -4,20 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSingleInputDateTimeRangeField = void 0;
+var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _validateDateTimeRange = require("../internals/utils/validation/validateDateTimeRange");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useSingleInputDateTimeRangeField = inProps => {
   const props = (0, _internals.useDefaultizedDateTimeField)(inProps);
   const {
     forwardedProps,
     internalProps
   } = (0, _internals.splitFieldInternalAndForwardedProps)(props, 'date-time');
+  const fieldValueManager = React.useMemo(() => (0, _valueManagers.getRangeFieldValueManager)({
+    dateSeparator: internalProps.dateSeparator
+  }), [internalProps.dateSeparator]);
   return (0, _internals.useField)({
     forwardedProps,
     internalProps,
     valueManager: _valueManagers.rangeValueManager,
-    fieldValueManager: _valueManagers.rangeFieldValueManager,
+    fieldValueManager,
     validator: _validateDateTimeRange.validateDateTimeRange,
     valueType: 'date-time'
   });

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -96,6 +96,11 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: _propTypes.default.elementType,
+  /**
+   * String displayed between the start and the end dates.
+   * @default "–"
+   */
+  dateSeparator: _propTypes.default.string,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js

@@ -4,20 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSingleInputTimeRangeField = void 0;
+var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _validateTimeRange = require("../internals/utils/validation/validateTimeRange");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useSingleInputTimeRangeField = inProps => {
   const props = (0, _internals.useDefaultizedTimeField)(inProps);
   const {
     forwardedProps,
     internalProps
   } = (0, _internals.splitFieldInternalAndForwardedProps)(props, 'time');
+  const fieldValueManager = React.useMemo(() => (0, _valueManagers.getRangeFieldValueManager)({
+    dateSeparator: internalProps.dateSeparator
+  }), [internalProps.dateSeparator]);
   return (0, _internals.useField)({
     forwardedProps,
     internalProps,
     valueManager: _valueManagers.rangeValueManager,
-    fieldValueManager: _valueManagers.rangeFieldValueManager,
+    fieldValueManager,
     validator: _validateTimeRange.validateTimeRange,
     valueType: 'time'
   });

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -226,7 +226,7 @@ StaticDateRangePicker.propTypes = {
   /**
    * Disable specific date.
    *
-   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
    *
    * @template TDate
    * @param {TDate} day The date to test.

package/node/index.js

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

package/node/internals/hooks/useEnrichedRangePickerFieldProps.js

@@ -230,7 +230,7 @@ const useSingleInputFieldSlotProps = ({
     InputProps: (0, _extends2.default)({
       ref: anchorRef
     }, fieldProps?.InputProps),
-    focused: open
+    focused: open ? true : undefined
   }, labelId != null && {
     id: labelId
   }, wrapperVariant === 'mobile' && {

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTcxMDM3MDgwMDAwMA==";
+  const releaseInfo = "MTcxMTU4MDQwMDAwMA==";
   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

package/node/internals/utils/valueManagers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rangeValueManager = exports.rangeFieldValueManager = void 0;
+exports.rangeValueManager = exports.getRangeFieldValueManager = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _internals = require("@mui/x-date-pickers/internals");
@@ -42,7 +42,9 @@ const rangeValueManager = exports.rangeValueManager = {
   },
   setTimezone: (utils, timezone, value) => [value[0] == null ? null : utils.setTimezone(value[0], timezone), value[1] == null ? null : utils.setTimezone(value[1], timezone)]
 };
-const rangeFieldValueManager = exports.rangeFieldValueManager = {
+const getRangeFieldValueManager = ({
+  dateSeparator = '–'
+}) => ({
   updateReferenceValue: (utils, value, prevReferenceValue) => {
     const shouldKeepStartDate = value[0] != null && utils.isValid(value[0]);
     const shouldKeepEndDate = value[1] != null && utils.isValid(value[1]);
@@ -73,7 +75,7 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
           return (0, _extends2.default)({}, section, {
             dateName: position,
             // TODO: Check if RTL still works
-            endSeparator: `${section.endSeparator} – `
+            endSeparator: `${section.endSeparator} ${dateSeparator} `
           });
         }
         return (0, _extends2.default)({}, section, {
@@ -92,8 +94,8 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
     return (0, _internals.createDateStrForV6InputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate], localizedDigits, isRTL);
   },
   parseValueStr: (valueStr, referenceValue, parseDate) => {
-    // TODO: Improve because it would not work if the date format has `–` as a separator.
-    const [startStr, endStr] = valueStr.split('–');
+    // TODO: Improve because it would not work if some section have the same separator as the dateSeparator.
+    const [startStr, endStr] = valueStr.split(dateSeparator);
     return [startStr, endStr].map((dateStr, index) => {
       if (dateStr == null) {
         return null;
@@ -120,4 +122,5 @@ const rangeFieldValueManager = exports.rangeFieldValueManager = {
       })
     };
   }
-};
+});
+exports.getRangeFieldValueManager = getRangeFieldValueManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "7.0.0-beta.7",
+  "version": "7.1.0",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,11 +32,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.0",
-    "@mui/base": "^5.0.0-beta.36",
-    "@mui/system": "^5.15.9",
-    "@mui/utils": "^5.15.9",
-    "@mui/x-date-pickers": "7.0.0-beta.7",
-    "@mui/x-license": "7.0.0-beta.6",
+    "@mui/base": "^5.0.0-beta.40",
+    "@mui/system": "^5.15.14",
+    "@mui/utils": "^5.15.14",
+    "@mui/x-date-pickers": "7.1.0",
+    "@mui/x-license": "7.0.0",
     "clsx": "^2.1.0",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"
@@ -44,7 +44,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.0",
+    "@mui/material": "^5.15.14",
     "date-fns": "^2.25.0 || ^3.2.0",
     "date-fns-jalali": "^2.13.0-0",
     "dayjs": "^1.10.7",

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { PickersLayoutProps } from '@mui/x-date-pickers/PickersLayout';
-import { PickerValidDate } from '@mui/x-date-pickers/models';
-import { DateRange } from '../models';
-import { DateTimeRangePickerView } from '../internals/models/dateTimeRange';
-/**
- * @ignore - internal component.
- */
-export declare function DesktopDateTimeRangePickerLayout<TDate extends PickerValidDate>(props: PickersLayoutProps<DateRange<TDate>, TDate, DateTimeRangePickerView>): React.JSX.Element;

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import Divider from '@mui/material/Divider';
-import { PickersLayoutContentWrapper, PickersLayoutRoot, pickersLayoutClasses, usePickerLayout } from '@mui/x-date-pickers/PickersLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function DesktopDateTimeRangePickerLayout(props) {
-  var _actionBar$props$acti, _actionBar$props$acti2;
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = usePickerLayout(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && ((_actionBar$props$acti = (_actionBar$props$acti2 = actionBar.props.actions) == null ? void 0 : _actionBar$props$acti2.length) != null ? _actionBar$props$acti : 0) > 0;
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
-    ref: ref,
-    className: clsx(className, pickersLayoutClasses.root),
-    sx: [{
-      [`& .${pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
-      className: pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/_jsx(Divider, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}

package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import Divider from '@mui/material/Divider';
-import { PickersLayoutContentWrapper, PickersLayoutRoot, pickersLayoutClasses, usePickerLayout } from '@mui/x-date-pickers/PickersLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function DesktopDateTimeRangePickerLayout(props) {
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = usePickerLayout(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
-    ref: ref,
-    className: clsx(className, pickersLayoutClasses.root),
-    sx: [{
-      [`& .${pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
-      className: pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/_jsx(Divider, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}

package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DesktopDateTimeRangePickerLayout = DesktopDateTimeRangePickerLayout;
-var React = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
-var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @ignore - internal component.
- */
-function DesktopDateTimeRangePickerLayout(props) {
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = (0, _PickersLayout.usePickerLayout)(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersLayout.PickersLayoutRoot, {
-    ref: ref,
-    className: (0, _clsx.default)(className, _PickersLayout.pickersLayoutClasses.root),
-    sx: [{
-      [`& .${_PickersLayout.pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${_PickersLayout.pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersLayout.PickersLayoutContentWrapper, {
-      className: _PickersLayout.pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}