@mui/x-date-pickers 5.0.0-alpha.0

package/node/internals/components/CalendarOrClockPicker/CalendarOrClockPicker.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarOrClockPicker = CalendarOrClockPicker;
+exports.MobileKeyboardInputView = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _useViews = require("../../hooks/useViews");
+
+var _ClockPicker = require("../../../ClockPicker/ClockPicker");
+
+var _CalendarPicker = require("../../../CalendarPicker/CalendarPicker");
+
+var _KeyboardDateInput = require("../KeyboardDateInput");
+
+var _useIsLandscape = require("../../hooks/useIsLandscape");
+
+var _WrapperVariantContext = require("../wrappers/WrapperVariantContext");
+
+var _PickerViewRoot = require("../PickerViewRoot");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["autoFocus", "className", "date", "DateInputProps", "isMobileKeyboardViewOpen", "onDateChange", "onViewChange", "openTo", "orientation", "showToolbar", "toggleMobileKeyboardView", "ToolbarComponent", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const MobileKeyboardInputView = (0, _styles.styled)('div')({
+  padding: '16px 24px'
+});
+exports.MobileKeyboardInputView = MobileKeyboardInputView;
+const PickerRoot = (0, _styles.styled)('div')(({
+  ownerState
+}) => (0, _extends2.default)({
+  display: 'flex',
+  flexDirection: 'column'
+}, ownerState.isLandscape && {
+  flexDirection: 'row'
+}));
+const MobileKeyboardTextFieldProps = {
+  fullWidth: true
+};
+
+const isDatePickerView = view => view === 'year' || view === 'month' || view === 'day';
+
+const isTimePickerView = view => view === 'hours' || view === 'minutes' || view === 'seconds';
+
+function CalendarOrClockPicker(props) {
+  const {
+    autoFocus,
+    date,
+    DateInputProps,
+    isMobileKeyboardViewOpen,
+    onDateChange,
+    onViewChange,
+    openTo,
+    orientation,
+    showToolbar,
+    toggleMobileKeyboardView,
+    ToolbarComponent = () => null,
+    toolbarFormat,
+    toolbarPlaceholder,
+    toolbarTitle,
+    views
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const isLandscape = (0, _useIsLandscape.useIsLandscape)(views, orientation);
+  const wrapperVariant = React.useContext(_WrapperVariantContext.WrapperVariantContext);
+  const toShowToolbar = typeof showToolbar === 'undefined' ? wrapperVariant !== 'desktop' : showToolbar;
+  const handleDateChange = React.useCallback((newDate, selectionState) => {
+    onDateChange(newDate, wrapperVariant, selectionState);
+  }, [onDateChange, wrapperVariant]);
+  const handleViewChange = React.useCallback(newView => {
+    if (isMobileKeyboardViewOpen) {
+      toggleMobileKeyboardView();
+    }
+
+    if (onViewChange) {
+      onViewChange(newView);
+    }
+  }, [isMobileKeyboardViewOpen, onViewChange, toggleMobileKeyboardView]);
+  const {
+    openView,
+    setOpenView,
+    handleChangeAndOpenNext
+  } = (0, _useViews.useViews)({
+    view: undefined,
+    views,
+    openTo,
+    onChange: handleDateChange,
+    onViewChange: handleViewChange
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickerRoot, {
+    ownerState: {
+      isLandscape
+    },
+    children: [toShowToolbar && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarComponent, (0, _extends2.default)({}, other, {
+      views: views,
+      isLandscape: isLandscape,
+      date: date,
+      onChange: handleDateChange,
+      setOpenView: setOpenView,
+      openView: openView,
+      toolbarTitle: toolbarTitle,
+      toolbarFormat: toolbarFormat,
+      toolbarPlaceholder: toolbarPlaceholder,
+      isMobileKeyboardViewOpen: isMobileKeyboardViewOpen,
+      toggleMobileKeyboardView: toggleMobileKeyboardView
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerViewRoot.PickerViewRoot, {
+      children: isMobileKeyboardViewOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileKeyboardInputView, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardDateInput.KeyboardDateInput, (0, _extends2.default)({}, DateInputProps, {
+          ignoreInvalidInputs: true,
+          disableOpenPicker: true,
+          TextFieldProps: MobileKeyboardTextFieldProps
+        }))
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [isDatePickerView(openView) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarPicker.CalendarPicker, (0, _extends2.default)({
+          autoFocus: autoFocus,
+          date: date,
+          onViewChange: setOpenView,
+          onChange: handleChangeAndOpenNext,
+          view: openView // Unclear why the predicate `isDatePickerView` does not imply the casted type
+          ,
+          views: views.filter(isDatePickerView)
+        }, other)), isTimePickerView(openView) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockPicker.ClockPicker, (0, _extends2.default)({}, other, {
+          autoFocus: autoFocus,
+          date: date,
+          view: openView // Unclear why the predicate `isDatePickerView` does not imply the casted type
+          ,
+          views: views.filter(isTimePickerView),
+          onChange: handleChangeAndOpenNext,
+          onViewChange: setOpenView,
+          showViewSwitcher: wrapperVariant === 'desktop'
+        }))]
+      })
+    })]
+  });
+}

package/node/internals/components/CalendarOrClockPicker/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CalendarOrClockPicker", {
+  enumerable: true,
+  get: function () {
+    return _CalendarOrClockPicker.CalendarOrClockPicker;
+  }
+});
+
+var _CalendarOrClockPicker = require("./CalendarOrClockPicker");

package/node/internals/components/KeyboardDateInput.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyboardDateInput = 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 _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+
+var _useUtils = require("../hooks/useUtils");
+
+var _icons = require("./icons");
+
+var _useMaskedInput = require("../hooks/useMaskedInput");
+
+var _textFieldHelper = require("../utils/text-field-helper");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["components", "disableOpenPicker", "getOpenDialogAriaText", "InputAdornmentProps", "InputProps", "inputRef", "openPicker", "OpenPickerButtonProps", "renderInput"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const KeyboardDateInput = /*#__PURE__*/React.forwardRef(function KeyboardDateInput(props, ref) {
+  const {
+    components = {},
+    disableOpenPicker,
+    getOpenDialogAriaText = _textFieldHelper.getTextFieldAriaText,
+    InputAdornmentProps,
+    InputProps,
+    inputRef,
+    openPicker,
+    OpenPickerButtonProps,
+    renderInput
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const utils = (0, _useUtils.useUtils)();
+  const textFieldProps = (0, _useMaskedInput.useMaskedInput)(other);
+  const adornmentPosition = (InputAdornmentProps == null ? void 0 : InputAdornmentProps.position) || 'end';
+  const OpenPickerIcon = components.OpenPickerIcon || _icons.Calendar;
+  return renderInput((0, _extends2.default)({
+    ref,
+    inputRef
+  }, textFieldProps, {
+    InputProps: (0, _extends2.default)({}, InputProps, {
+      [`${adornmentPosition}Adornment`]: disableOpenPicker ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, (0, _extends2.default)({
+        position: adornmentPosition
+      }, InputAdornmentProps, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
+          edge: adornmentPosition,
+          disabled: other.disabled || other.readOnly,
+          "aria-label": getOpenDialogAriaText(other.rawValue, utils)
+        }, OpenPickerButtonProps, {
+          onClick: openPicker,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OpenPickerIcon, {})
+        }))
+      }))
+    })
+  }));
+});
+exports.KeyboardDateInput = KeyboardDateInput;
+process.env.NODE_ENV !== "production" ? KeyboardDateInput.propTypes = {
+  acceptRegex: _propTypes.default.instanceOf(RegExp),
+  getOpenDialogAriaText: _propTypes.default.func,
+  mask: _propTypes.default.string,
+  OpenPickerButtonProps: _propTypes.default.object,
+  renderInput: _propTypes.default.func.isRequired,
+  rifmFormatter: _propTypes.default.func
+} : void 0;

package/node/internals/components/PickerStaticWrapper/PickerStaticWrapper.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickerStaticWrapper = PickerStaticWrapper;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _material = require("@mui/material");
+
+var _dimensions = require("../../constants/dimensions");
+
+var _WrapperVariantContext = require("../wrappers/WrapperVariantContext");
+
+var _pickerStaticWrapperClasses = require("./pickerStaticWrapperClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["displayStaticWrapperAs"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return (0, _material.unstable_composeClasses)(slots, _pickerStaticWrapperClasses.getStaticWrapperUtilityClass, classes);
+};
+
+const PickerStaticWrapperRoot = (0, _styles.styled)('div', {
+  name: 'MuiPickerStaticWrapper',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  overflow: 'hidden',
+  minWidth: _dimensions.DIALOG_WIDTH,
+  display: 'flex',
+  flexDirection: 'column',
+  backgroundColor: theme.palette.background.paper
+}));
+
+function PickerStaticWrapper(inProps) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiPickerStaticWrapper'
+  });
+  const {
+    displayStaticWrapperAs
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const classes = useUtilityClasses(props);
+  const isStatic = true;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WrapperVariantContext.IsStaticVariantContext.Provider, {
+    value: isStatic,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WrapperVariantContext.WrapperVariantContext.Provider, {
+      value: displayStaticWrapperAs,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickerStaticWrapperRoot, (0, _extends2.default)({
+        className: classes.root
+      }, other))
+    })
+  });
+}

package/node/internals/components/PickerStaticWrapper/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickerStaticWrapper", {
+  enumerable: true,
+  get: function () {
+    return _PickerStaticWrapper.PickerStaticWrapper;
+  }
+});
+Object.defineProperty(exports, "getStaticWrapperUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _pickerStaticWrapperClasses.getStaticWrapperUtilityClass;
+  }
+});
+Object.defineProperty(exports, "pickerStaticWrapperClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickerStaticWrapperClasses.pickerStaticWrapperClasses;
+  }
+});
+
+var _PickerStaticWrapper = require("./PickerStaticWrapper");
+
+var _pickerStaticWrapperClasses = require("./pickerStaticWrapperClasses");

package/node/internals/components/PickerStaticWrapper/pickerStaticWrapperClasses.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStaticWrapperUtilityClass = getStaticWrapperUtilityClass;
+exports.pickerStaticWrapperClasses = void 0;
+
+var _material = require("@mui/material");
+
+function getStaticWrapperUtilityClass(slot) {
+  return (0, _material.generateUtilityClass)('MuiPickerStaticWrapper', slot);
+}
+
+const pickerStaticWrapperClasses = (0, _material.generateUtilityClasses)('MuiPickerStaticWrapper', ['root']);
+exports.pickerStaticWrapperClasses = pickerStaticWrapperClasses;

package/node/internals/components/PickerViewRoot/PickerViewRoot.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickerViewRoot = void 0;
+
+var _styles = require("@mui/material/styles");
+
+var _dimensions = require("../../constants/dimensions");
+
+const PickerViewRoot = (0, _styles.styled)('div')({
+  overflowX: 'hidden',
+  width: _dimensions.DIALOG_WIDTH,
+  maxHeight: _dimensions.VIEW_HEIGHT,
+  display: 'flex',
+  flexDirection: 'column',
+  margin: '0 auto'
+});
+exports.PickerViewRoot = PickerViewRoot;

package/node/internals/components/PickerViewRoot/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickerViewRoot", {
+  enumerable: true,
+  get: function () {
+    return _PickerViewRoot.PickerViewRoot;
+  }
+});
+
+var _PickerViewRoot = require("./PickerViewRoot");

package/node/internals/components/PickersArrowSwitcher.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersArrowSwitcher = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+
+var _styles = require("@mui/material/styles");
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _icons = require("./icons");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["children", "className", "components", "componentsProps", "isLeftDisabled", "isLeftHidden", "isRightDisabled", "isRightHidden", "leftArrowButtonText", "onLeftClick", "onRightClick", "rightArrowButtonText"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const PickersArrowSwitcherRoot = (0, _styles.styled)('div')({
+  display: 'flex'
+});
+const PickersArrowSwitcherSpacer = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  width: theme.spacing(3)
+}));
+const PickersArrowSwitcherButton = (0, _styles.styled)(_IconButton.default)(({
+  ownerState
+}) => (0, _extends2.default)({}, ownerState.hidden && {
+  visibility: 'hidden'
+}));
+const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(props, ref) {
+  const {
+    children,
+    className,
+    components = {},
+    componentsProps = {},
+    isLeftDisabled,
+    isLeftHidden,
+    isRightDisabled,
+    isRightHidden,
+    leftArrowButtonText,
+    onLeftClick,
+    onRightClick,
+    rightArrowButtonText
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const theme = (0, _styles.useTheme)();
+  const isRtl = theme.direction === 'rtl';
+  const leftArrowButtonProps = componentsProps.leftArrowButton || {};
+  const LeftArrowIcon = components.LeftArrowIcon || _icons.ArrowLeft;
+  const rightArrowButtonProps = componentsProps.rightArrowButton || {};
+  const RightArrowIcon = components.RightArrowIcon || _icons.ArrowRight;
+  const ownerState = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersArrowSwitcherRoot, (0, _extends2.default)({
+    ref: ref,
+    className: className,
+    ownerState: ownerState
+  }, other, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PickersArrowSwitcherButton, (0, _extends2.default)({
+      as: components.LeftArrowButton,
+      size: "small",
+      "aria-label": leftArrowButtonText,
+      title: leftArrowButtonText,
+      disabled: isLeftDisabled,
+      edge: "end",
+      onClick: onLeftClick
+    }, leftArrowButtonProps, {
+      className: leftArrowButtonProps.className,
+      ownerState: (0, _extends2.default)({}, ownerState, leftArrowButtonProps, {
+        hidden: isLeftHidden
+      }),
+      children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RightArrowIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(LeftArrowIcon, {})
+    })), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      variant: "subtitle1",
+      component: "span",
+      children: children
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersArrowSwitcherSpacer, {
+      ownerState: ownerState
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersArrowSwitcherButton, (0, _extends2.default)({
+      as: components.RightArrowButton,
+      size: "small",
+      "aria-label": rightArrowButtonText,
+      title: rightArrowButtonText,
+      edge: "start",
+      disabled: isRightDisabled,
+      onClick: onRightClick
+    }, rightArrowButtonProps, {
+      className: rightArrowButtonProps.className,
+      ownerState: (0, _extends2.default)({}, ownerState, rightArrowButtonProps, {
+        hidden: isRightHidden
+      }),
+      children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LeftArrowIcon, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(RightArrowIcon, {})
+    }))]
+  }));
+});
+exports.PickersArrowSwitcher = PickersArrowSwitcher;

package/node/internals/components/PickersModalDialog.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PickersModalDialog = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+
+var _Dialog = _interopRequireWildcard(require("@mui/material/Dialog"));
+
+var _styles = require("@mui/material/styles");
+
+var _dimensions = require("../constants/dimensions");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default)({
+  [`& .${_Dialog.dialogClasses.container}`]: {
+    outline: 0
+  },
+  [`& .${_Dialog.dialogClasses.paper}`]: {
+    outline: 0,
+    minWidth: _dimensions.DIALOG_WIDTH
+  }
+});
+const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default)({
+  '&:first-of-type': {
+    padding: 0
+  }
+});
+const PickersModalDialogActions = (0, _styles.styled)(_DialogActions.default)(({
+  ownerState
+}) => (0, _extends2.default)({}, (ownerState.clearable || ownerState.showTodayButton) && {
+  // set justifyContent to default value to fix IE11 layout bug
+  // see https://github.com/mui-org/material-ui-pickers/pull/267
+  justifyContent: 'flex-start',
+  '& > *:first-of-type': {
+    marginRight: 'auto'
+  }
+}));
+
+const PickersModalDialog = props => {
+  const {
+    cancelText = 'Cancel',
+    children,
+    clearable = false,
+    clearText = 'Clear',
+    DialogProps = {},
+    okText = 'OK',
+    onAccept,
+    onClear,
+    onDismiss,
+    onSetToday,
+    open,
+    showTodayButton = false,
+    todayText = 'Today'
+  } = props;
+  const ownerState = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersModalDialogRoot, (0, _extends2.default)({
+    open: open,
+    onClose: onDismiss
+  }, DialogProps, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PickersModalDialogContent, {
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersModalDialogActions, {
+      ownerState: ownerState,
+      children: [clearable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: onClear,
+        children: clearText
+      }), showTodayButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: onSetToday,
+        children: todayText
+      }), cancelText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: onDismiss,
+        children: cancelText
+      }), okText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: onAccept,
+        children: okText
+      })]
+    })]
+  }));
+};
+
+exports.PickersModalDialog = PickersModalDialog;