@mui/x-date-pickers-pro 8.0.0-alpha.11 → 8.0.0-alpha.13

package/DateTimeRangePicker/DateTimeRangePickerTabs.js

@@ -1,21 +1,28 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { TimeIcon, DateRangeIcon, ArrowLeftIcon, ArrowRightIcon } from '@mui/x-date-pickers/icons';
-import { isDatePickerView, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
-import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import IconButton from '@mui/material/IconButton';
-import Button from '@mui/material/Button';
-import { getDateTimeRangePickerTabsUtilityClass } from "./dateTimeRangePickerTabsClasses.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeRangePickerTabs = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _icons = require("@mui/x-date-pickers/icons");
+var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _dateTimeRangePickerTabsClasses = require("./dateTimeRangePickerTabsClasses");
+var _hooks2 = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 const viewToTab = (view, rangePosition) => {
-  if (isDatePickerView(view)) {
+  if ((0, _internals.isDatePickerView)(view)) {
     return rangePosition === 'start' ? 'start-date' : 'end-date';
   }
   return rangePosition === 'start' ? 'start-time' : 'end-time';
@@ -33,9 +40,9 @@ const useUtilityClasses = classes => {
     navigationButton: ['navigationButton'],
     filler: ['filler']
   };
-  return composeClasses(slots, getDateTimeRangePickerTabsUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateTimeRangePickerTabsClasses.getDateTimeRangePickerTabsUtilityClass, classes);
 };
-const DateTimeRangePickerTabsRoot = styled('div', {
+const DateTimeRangePickerTabsRoot = (0, _styles.styled)('div', {
   name: 'MuiDateTimeRangePickerTabs',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -48,14 +55,14 @@ const DateTimeRangePickerTabsRoot = styled('div', {
   borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
   minHeight: 48
 }));
-const DateTimeRangePickerTab = styled(Button, {
+const DateTimeRangePickerTab = (0, _styles.styled)(_Button.default, {
   name: 'MuiDateTimeRangePickerTabs',
   slot: 'TabButton',
   overridesResolver: (_, styles) => styles.tabButton
 })({
   textTransform: 'none'
 });
-const DateTimeRangePickerTabFiller = styled('div', {
+const DateTimeRangePickerTabFiller = (0, _styles.styled)('div', {
   name: 'MuiDateTimeRangePickerTabs',
   slot: 'Filler',
   overridesResolver: (_, styles) => styles.filler
@@ -63,32 +70,32 @@ const DateTimeRangePickerTabFiller = styled('div', {
   width: 40
 });
 const tabOptions = ['start-date', 'start-time', 'end-date', 'end-time'];
-const DateTimeRangePickerTabs = function DateTimeRangePickerTabs(inProps) {
-  const props = useThemeProps({
+const DateTimeRangePickerTabs = exports.DateTimeRangePickerTabs = function DateTimeRangePickerTabs(inProps) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateTimeRangePickerTabs'
   });
   const {
-    dateIcon = /*#__PURE__*/_jsx(DateRangeIcon, {}),
-    timeIcon = /*#__PURE__*/_jsx(TimeIcon, {}),
+    dateIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DateRangeIcon, {}),
+    timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
     hidden = typeof window === 'undefined' || window.innerHeight < 667,
     className,
     classes: classesProp,
     sx
   } = props;
-  const translations = usePickerTranslations();
+  const translations = (0, _hooks.usePickerTranslations)();
   const {
     ownerState
-  } = usePickerPrivateContext();
+  } = (0, _internals.usePickerPrivateContext)();
   const {
     view,
     setView
-  } = usePickerContext();
+  } = (0, _hooks.usePickerContext)();
   const classes = useUtilityClasses(classesProp);
   const {
     rangePosition,
     setRangePosition
-  } = usePickerRangePositionContext();
+  } = (0, _hooks2.usePickerRangePositionContext)();
   const value = React.useMemo(() => view == null ? null : viewToTab(view, rangePosition), [view, rangePosition]);
   const isPreviousHidden = value === 'start-date';
   const isNextHidden = value === 'end-time';
@@ -106,19 +113,19 @@ const DateTimeRangePickerTabs = function DateTimeRangePickerTabs(inProps) {
         return '';
     }
   }, [translations.endDate, translations.endTime, translations.startDate, translations.startTime, value]);
-  const handleRangePositionChange = useEventCallback(newTab => {
+  const handleRangePositionChange = (0, _useEventCallback.default)(newTab => {
     if (newTab.includes('start')) {
       setRangePosition('start');
     } else {
       setRangePosition('end');
     }
   });
-  const changeToPreviousTab = useEventCallback(() => {
+  const changeToPreviousTab = (0, _useEventCallback.default)(() => {
     const previousTab = value == null ? tabOptions[0] : tabOptions[tabOptions.indexOf(value) - 1];
     setView(tabToView(previousTab));
     handleRangePositionChange(previousTab);
   });
-  const changeToNextTab = useEventCallback(() => {
+  const changeToNextTab = (0, _useEventCallback.default)(() => {
     const nextTab = value == null ? tabOptions[0] : tabOptions[tabOptions.indexOf(value) + 1];
     setView(tabToView(nextTab));
     handleRangePositionChange(nextTab);
@@ -129,33 +136,33 @@ const DateTimeRangePickerTabs = function DateTimeRangePickerTabs(inProps) {
   let startIcon;
   if (view == null) {
     startIcon = null;
-  } else if (isDatePickerView(view)) {
+  } else if ((0, _internals.isDatePickerView)(view)) {
     startIcon = dateIcon;
   } else {
     startIcon = timeIcon;
   }
-  return /*#__PURE__*/_jsxs(DateTimeRangePickerTabsRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimeRangePickerTabsRoot, {
     ownerState: ownerState,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     sx: sx,
-    children: [!isPreviousHidden ? /*#__PURE__*/_jsx(IconButton, {
+    children: [!isPreviousHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       onClick: changeToPreviousTab,
       className: classes.navigationButton,
       title: translations.openPreviousView,
-      children: /*#__PURE__*/_jsx(ArrowLeftIcon, {})
-    }) : /*#__PURE__*/_jsx(DateTimeRangePickerTabFiller, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowLeftIcon, {})
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeRangePickerTabFiller, {
       className: classes.filler
-    }), /*#__PURE__*/_jsx(DateTimeRangePickerTab, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeRangePickerTab, {
       startIcon: startIcon,
       className: classes.tabButton,
       size: "large",
       children: tabLabel
-    }), !isNextHidden ? /*#__PURE__*/_jsx(IconButton, {
+    }), !isNextHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       onClick: changeToNextTab,
       className: classes.navigationButton,
       title: translations.openNextView,
-      children: /*#__PURE__*/_jsx(ArrowRightIcon, {})
-    }) : /*#__PURE__*/_jsx(DateTimeRangePickerTabFiller, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightIcon, {})
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeRangePickerTabFiller, {
       className: classes.filler
     })]
   });
@@ -168,26 +175,25 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePickerTabs.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * Date tab icon.
    * @default DateRangeIcon
    */
-  dateIcon: PropTypes.element,
+  dateIcon: _propTypes.default.element,
   /**
    * Toggles visibility of the tabs allowing view switching.
    * @default `window.innerHeight < 667` for `DesktopDateTimeRangePicker` and `MobileDateTimeRangePicker`
    */
-  hidden: PropTypes.bool,
+  hidden: _propTypes.default.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * Time tab icon.
    * @default TimeIcon
    */
-  timeIcon: PropTypes.element
-} : void 0;
-export { DateTimeRangePickerTabs };
+  timeIcon: _propTypes.default.element
+} : void 0;

package/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.d.ts

@@ -1,17 +1,17 @@
 import { DefaultizedProps } from '@mui/x-internals/types';
 import { PickerSelectionState, PickerViewRenderer, TimeViewWithMeridiem, BaseClockProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
 export type DateTimeRangePickerTimeWrapperProps<TComponentProps extends DefaultizedProps<Omit<BaseClockProps<TimeViewWithMeridiem>, 'value' | 'defaultValue' | 'onChange'>, 'views'>> = Omit<TComponentProps, 'views' | 'view' | 'onViewChange' | 'value' | 'defaultValue' | 'onChange'> & {
-    view: TimeViewWithMeridiem;
-    onViewChange?: (view: TimeViewWithMeridiem) => void;
-    views: readonly TimeViewWithMeridiem[];
-    value?: PickerRangeValue;
-    defaultValue?: PickerRangeValue;
-    onChange?: (value: PickerRangeValue, selectionState: PickerSelectionState, selectedView: TimeViewWithMeridiem) => void;
-    viewRenderer?: PickerViewRenderer<PickerRangeValue, TComponentProps> | null;
-    openTo?: TimeViewWithMeridiem;
+  view: TimeViewWithMeridiem;
+  onViewChange?: (view: TimeViewWithMeridiem) => void;
+  views: readonly TimeViewWithMeridiem[];
+  value?: PickerRangeValue;
+  defaultValue?: PickerRangeValue;
+  onChange?: (value: PickerRangeValue, selectionState: PickerSelectionState, selectedView: TimeViewWithMeridiem) => void;
+  viewRenderer?: PickerViewRenderer<PickerRangeValue, TComponentProps> | null;
+  openTo?: TimeViewWithMeridiem;
 };
 /**
  * @ignore - internal component.
  */
 declare function DateTimeRangePickerTimeWrapper<TComponentProps extends DefaultizedProps<Omit<BaseClockProps<TimeViewWithMeridiem>, 'value' | 'defaultValue' | 'onChange'>, 'views'>>(props: DateTimeRangePickerTimeWrapperProps<TComponentProps>): import("react").ReactNode;
-export { DateTimeRangePickerTimeWrapper };
+export { DateTimeRangePickerTimeWrapper };

package/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js

@@ -1,15 +1,22 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeRangePickerTimeWrapper = DateTimeRangePickerTimeWrapper;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _internals = require("@mui/x-date-pickers/internals");
+var _dateUtils = require("../internals/utils/date-utils");
+var _dateRangeManager = require("../internals/utils/date-range-manager");
+var _hooks = require("../hooks");
 const _excluded = ["viewRenderer", "value", "onChange", "defaultValue", "onViewChange", "views", "className"];
-import { isInternalTimeView, 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";
 /**
  * @ignore - internal component.
  */
 function DateTimeRangePickerTimeWrapper(props) {
-  const utils = useUtils();
+  const utils = (0, _internals.useUtils)();
   const {
       viewRenderer,
       value,
@@ -18,11 +25,11 @@ function DateTimeRangePickerTimeWrapper(props) {
       onViewChange,
       views
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     rangePosition,
     setRangePosition
-  } = usePickerRangePositionContext();
+  } = (0, _hooks.usePickerRangePositionContext)();
   if (!viewRenderer) {
     return null;
   }
@@ -34,14 +41,14 @@ function DateTimeRangePickerTimeWrapper(props) {
     }
     const {
       newRange
-    } = calculateRangeChange({
+    } = (0, _dateRangeManager.calculateRangeChange)({
       newDate,
       utils,
       range: value,
       rangePosition
     });
-    const isFullRangeSelected = rangePosition === 'end' && isRangeValid(utils, newRange);
-    const timeViews = views.filter(isInternalTimeView);
+    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]);
@@ -49,12 +56,11 @@ function DateTimeRangePickerTimeWrapper(props) {
     }
     onChange(newRange, isFullRangeSelected ? 'finish' : 'partial', selectedView);
   };
-  return viewRenderer(_extends({}, other, {
+  return viewRenderer((0, _extends2.default)({}, other, {
     views,
     onViewChange,
     value: currentValue,
     onChange: handleOnChange,
     defaultValue: currentDefaultValue
   }));
-}
-export { DateTimeRangePickerTimeWrapper };
+}

package/DateTimeRangePicker/DateTimeRangePickerToolbar.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
-import { DateTimeRangePickerToolbarClasses } from './dateTimeRangePickerToolbarClasses';
+import { DateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.js";
 export interface DateTimeRangePickerToolbarProps extends BaseToolbarProps, ExportedDateTimeRangePickerToolbarProps {
-    ampm?: boolean;
+  ampm?: boolean;
 }
 export interface ExportedDateTimeRangePickerToolbarProps extends ExportedBaseToolbarProps {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<DateTimeRangePickerToolbarClasses>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DateTimeRangePickerToolbarClasses>;
 }
 type DateTimeRangePickerToolbarComponent = ((props: DateTimeRangePickerToolbarProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 declare const DateTimeRangePickerToolbar: DateTimeRangePickerToolbarComponent;
-export { DateTimeRangePickerToolbar };
+export { DateTimeRangePickerToolbar };

package/DateTimeRangePicker/DateTimeRangePickerToolbar.js

@@ -1,29 +1,36 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeRangePickerToolbar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _internals = require("@mui/x-date-pickers/internals");
+var _hooks = require("@mui/x-date-pickers/hooks");
+var _DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
+var _dateTimeRangePickerToolbarClasses = require("./dateTimeRangePickerToolbarClasses");
+var _dateRangeManager = require("../internals/utils/date-range-manager");
+var _hooks2 = require("../hooks");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "classes", "classes", "ampm", "hidden", "toolbarFormat", "toolbarPlaceholder", "titleId", "sx"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { useUtils, useToolbarOwnerState, DateTimePickerToolbarOverrideContext } from '@mui/x-date-pickers/internals';
-import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { DateTimePickerToolbar } from '@mui/x-date-pickers/DateTimePicker';
-import { getDateTimeRangePickerToolbarUtilityClass } from "./dateTimeRangePickerToolbarClasses.js";
-import { calculateRangeChange } from "../internals/utils/date-range-manager.js";
-import { usePickerRangePositionContext } from "../hooks/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root'],
     startToolbar: ['startToolbar'],
     endToolbar: ['endToolbar']
   };
-  return composeClasses(slots, getDateTimeRangePickerToolbarUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateTimeRangePickerToolbarClasses.getDateTimeRangePickerToolbarUtilityClass, classes);
 };
-const DateTimeRangePickerToolbarRoot = styled('div', {
+const DateTimeRangePickerToolbarRoot = (0, _styles.styled)('div', {
   name: 'MuiDateTimeRangePickerToolbar',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -31,7 +38,7 @@ const DateTimeRangePickerToolbarRoot = styled('div', {
   display: 'flex',
   flexDirection: 'column'
 });
-const DateTimeRangePickerToolbarStart = styled(DateTimePickerToolbar, {
+const DateTimeRangePickerToolbarStart = (0, _styles.styled)(_DateTimePicker.DateTimePickerToolbar, {
   name: 'MuiDateTimeRangePickerToolbar',
   slot: 'StartToolbar',
   overridesResolver: (_, styles) => styles.startToolbar
@@ -39,17 +46,17 @@ const DateTimeRangePickerToolbarStart = styled(DateTimePickerToolbar, {
   borderBottom: 'none',
   paddingBottom: 0
 });
-const DateTimeRangePickerToolbarEnd = styled(DateTimePickerToolbar, {
+const DateTimeRangePickerToolbarEnd = (0, _styles.styled)(_DateTimePicker.DateTimePickerToolbar, {
   name: 'MuiDateTimeRangePickerToolbar',
   slot: 'EndToolbar',
   overridesResolver: (_, styles) => styles.endToolbar
 })({});
-const DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTimeRangePickerToolbar(inProps, ref) {
-  const props = useThemeProps({
+const DateTimeRangePickerToolbar = exports.DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTimeRangePickerToolbar(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateTimeRangePickerToolbar'
   });
-  const utils = useUtils();
+  const utils = (0, _internals.useUtils)();
   const {
       className,
       classes: classesProp,
@@ -60,7 +67,7 @@ const DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTi
       titleId,
       sx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     value,
     setValue,
@@ -69,13 +76,13 @@ const DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTi
     view,
     setView,
     views
-  } = usePickerContext();
-  const translations = usePickerTranslations();
-  const ownerState = useToolbarOwnerState();
+  } = (0, _hooks.usePickerContext)();
+  const translations = (0, _hooks.usePickerTranslations)();
+  const ownerState = (0, _internals.useToolbarOwnerState)();
   const {
     rangePosition,
     setRangePosition
-  } = usePickerRangePositionContext();
+  } = (0, _hooks2.usePickerRangePositionContext)();
   const classes = useUtilityClasses(classesProp);
   const commonToolbarProps = {
     views,
@@ -90,7 +97,7 @@ const DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTi
     const {
       nextSelection,
       newRange
-    } = calculateRangeChange({
+    } = (0, _dateRangeManager.calculateRangeChange)({
       newDate,
       utils,
       range: value,
@@ -141,23 +148,23 @@ const DateTimeRangePickerToolbar = /*#__PURE__*/React.forwardRef(function DateTi
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(DateTimeRangePickerToolbarRoot, _extends({
-    className: clsx(classes.root, className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimeRangePickerToolbarRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     ref: ref,
     sx: sx
   }, other, {
-    children: [/*#__PURE__*/_jsx(DateTimePickerToolbarOverrideContext.Provider, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.DateTimePickerToolbarOverrideContext.Provider, {
       value: startOverrides,
-      children: /*#__PURE__*/_jsx(DateTimeRangePickerToolbarStart, _extends({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeRangePickerToolbarStart, (0, _extends2.default)({
         toolbarTitle: translations.start,
         ownerState: ownerState,
         className: classes.startToolbar,
         titleId: titleId ? `${titleId}-start-toolbar` : undefined
       }, commonToolbarProps))
-    }), /*#__PURE__*/_jsx(DateTimePickerToolbarOverrideContext.Provider, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.DateTimePickerToolbarOverrideContext.Provider, {
       value: endOverrides,
-      children: /*#__PURE__*/_jsx(DateTimeRangePickerToolbarEnd, _extends({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeRangePickerToolbarEnd, (0, _extends2.default)({
         toolbarTitle: translations.end,
         ownerState: ownerState,
         className: classes.endToolbar,
@@ -171,30 +178,29 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePickerToolbar.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  ampm: PropTypes.bool,
+  ampm: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * If `true`, show the toolbar even in desktop mode.
    * @default `true` for Desktop, `false` for Mobile.
    */
-  hidden: PropTypes.bool,
+  hidden: _propTypes.default.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  titleId: PropTypes.string,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  titleId: _propTypes.default.string,
   /**
    * Toolbar date format.
    */
-  toolbarFormat: PropTypes.string,
+  toolbarFormat: _propTypes.default.string,
   /**
    * Toolbar value placeholder—it is displayed when the value is empty.
    * @default "––"
    */
-  toolbarPlaceholder: PropTypes.node
-} : void 0;
-export { DateTimeRangePickerToolbar };
+  toolbarPlaceholder: _propTypes.default.node
+} : void 0;

package/DateTimeRangePicker/dateTimeRangePickerTabsClasses.d.ts

@@ -1,13 +1,13 @@
 export interface DateTimeRangePickerTabsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the tab button element. */
-    tabButton: string;
-    /** Styles applied to the tab navigation button elements. */
-    navigationButton: string;
-    /** Styles applied to the filler element, shown instead of a navigation arrow. */
-    filler: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the tab button element. */
+  tabButton: string;
+  /** Styles applied to the tab navigation button elements. */
+  navigationButton: string;
+  /** Styles applied to the filler element, shown instead of a navigation arrow. */
+  filler: string;
 }
 export type DateTimeRangePickerTabsClassKey = keyof DateTimeRangePickerTabsClasses;
 export declare function getDateTimeRangePickerTabsUtilityClass(slot: string): string;
-export declare const dateTimeRangePickerTabsClasses: DateTimeRangePickerTabsClasses;
+export declare const dateTimeRangePickerTabsClasses: DateTimeRangePickerTabsClasses;

package/DateTimeRangePicker/dateTimeRangePickerTabsClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getDateTimeRangePickerTabsUtilityClass(slot) {
-  return generateUtilityClass('MuiDateTimeRangePickerTabs', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateTimeRangePickerTabsClasses = void 0;
+exports.getDateTimeRangePickerTabsUtilityClass = getDateTimeRangePickerTabsUtilityClass;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getDateTimeRangePickerTabsUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiDateTimeRangePickerTabs', slot);
 }
-export const dateTimeRangePickerTabsClasses = generateUtilityClasses('MuiDateTimeRangePickerTabs', ['root', 'tabButton', 'navigationButton', 'filler']);
+const dateTimeRangePickerTabsClasses = exports.dateTimeRangePickerTabsClasses = (0, _generateUtilityClasses.default)('MuiDateTimeRangePickerTabs', ['root', 'tabButton', 'navigationButton', 'filler']);

package/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.d.ts

@@ -1,11 +1,11 @@
 export interface DateTimeRangePickerToolbarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the start toolbar element. */
-    startToolbar: string;
-    /** Styles applied to the end toolbar element. */
-    endToolbar: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the start toolbar element. */
+  startToolbar: string;
+  /** Styles applied to the end toolbar element. */
+  endToolbar: string;
 }
 export type DateTimeRangePickerToolbarClassKey = keyof DateTimeRangePickerToolbarClasses;
 export declare function getDateTimeRangePickerToolbarUtilityClass(slot: string): string;
-export declare const dateTimeRangePickerToolbarClasses: DateTimeRangePickerToolbarClasses;
+export declare const dateTimeRangePickerToolbarClasses: DateTimeRangePickerToolbarClasses;

package/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.js

@@ -1,5 +1,12 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateTimeRangePickerToolbarUtilityClass(slot) {
-  return generateUtilityClass('MuiDateTimeRangePickerToolbar', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateTimeRangePickerToolbarClasses = void 0;
+exports.getDateTimeRangePickerToolbarUtilityClass = getDateTimeRangePickerToolbarUtilityClass;
+var _utils = require("@mui/utils");
+function getDateTimeRangePickerToolbarUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiDateTimeRangePickerToolbar', slot);
 }
-export const dateTimeRangePickerToolbarClasses = generateUtilityClasses('MuiDateTimeRangePickerToolbar', ['root', 'startToolbar', 'endToolbar']);
+const dateTimeRangePickerToolbarClasses = exports.dateTimeRangePickerToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateTimeRangePickerToolbar', ['root', 'startToolbar', 'endToolbar']);

package/DateTimeRangePicker/index.d.ts

@@ -1,10 +1,10 @@
-export { DateTimeRangePicker } from './DateTimeRangePicker';
-export type { DateTimeRangePickerProps, DateTimeRangePickerSlots, DateTimeRangePickerSlotProps, DateTimeRangePickerFieldProps, } from './DateTimeRangePicker.types';
-export { DateTimeRangePickerTabs } from './DateTimeRangePickerTabs';
+export { DateTimeRangePicker } from "./DateTimeRangePicker.js";
+export type { DateTimeRangePickerProps, DateTimeRangePickerSlots, DateTimeRangePickerSlotProps, DateTimeRangePickerFieldProps } from './DateTimeRangePicker.types';
+export { DateTimeRangePickerTabs } from "./DateTimeRangePickerTabs.js";
 export type { ExportedDateTimeRangePickerTabsProps } from './DateTimeRangePickerTabs';
-export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses, } from './dateTimeRangePickerTabsClasses';
-export type { DateTimeRangePickerTabsClasses, DateTimeRangePickerTabsClassKey, } from './dateTimeRangePickerTabsClasses';
-export { DateTimeRangePickerToolbar } from './DateTimeRangePickerToolbar';
+export { getDateTimeRangePickerTabsUtilityClass, dateTimeRangePickerTabsClasses } from "./dateTimeRangePickerTabsClasses.js";
+export type { DateTimeRangePickerTabsClasses, DateTimeRangePickerTabsClassKey } from './dateTimeRangePickerTabsClasses';
+export { DateTimeRangePickerToolbar } from "./DateTimeRangePickerToolbar.js";
 export type { DateTimeRangePickerToolbarProps } from './DateTimeRangePickerToolbar';
-export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses, } from './dateTimeRangePickerToolbarClasses';
-export type { DateTimeRangePickerToolbarClasses, DateTimeRangePickerToolbarClassKey, } from './dateTimeRangePickerToolbarClasses';
+export { getDateTimeRangePickerToolbarUtilityClass, dateTimeRangePickerToolbarClasses } from "./dateTimeRangePickerToolbarClasses.js";
+export type { DateTimeRangePickerToolbarClasses, DateTimeRangePickerToolbarClassKey } from './dateTimeRangePickerToolbarClasses';