@superdispatch/dates 0.20.4 → 0.21.5-alpha.0

package/dist-node/index.js

@@ -6,17 +6,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var _objectSpread = _interopDefault(require('@babel/runtime/helpers/objectSpread2'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
-var core = require('@material-ui/core');
-var styles = require('@material-ui/styles');
+var material = require('@mui/material');
+var styles = require('@mui/styles');
 var ui = require('@superdispatch/ui');
 var luxon = require('luxon');
 var react = require('react');
 var DayPicker = _interopDefault(require('react-day-picker'));
 var jsxRuntime = require('react/jsx-runtime');
-var icons = require('@material-ui/icons');
+var iconsMaterial = require('@mui/icons-material');
 var js = require('@mdi/js');
 var hooks = require('@superdispatch/hooks');
-var lab = require('@material-ui/lab');
 
 function setDefaultTimeZone(offset) {
   if (offset === 'local') {
@@ -324,7 +323,7 @@ function CalendarCaption(_ref) {
     classNames,
     onClick
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(core.Typography, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
     variant: "h4",
     onClick: onClick,
     className: classNames.caption,
@@ -341,7 +340,7 @@ function CalendarNavbar(_ref2) {
     showPreviousButton
   } = _ref2;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(core.IconButton, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
       size: "small",
       color: "primary",
       disabled: !showPreviousButton,
@@ -350,10 +349,10 @@ function CalendarNavbar(_ref2) {
       },
       "aria-label": labels.previousMonth,
       className: classNames.navButtonPrev,
-      children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {
+      children: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.ChevronLeft, {
         color: "action"
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(core.IconButton, {
+    }), /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
       size: "small",
       color: "primary",
       disabled: !showNextButton,
@@ -362,7 +361,7 @@ function CalendarNavbar(_ref2) {
       },
       "aria-label": labels.nextMonth,
       className: classNames.navButtonNext,
-      children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronRight, {
+      children: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.ChevronRight, {
         color: "action"
       })
     })]
@@ -375,7 +374,7 @@ function CalendarWeekDay(_ref3) {
     className,
     localeUtils
   } = _ref3;
-  return /*#__PURE__*/jsxRuntime.jsx(core.Typography, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
     variant: "h5",
     component: "abbr",
     className: className,
@@ -401,12 +400,12 @@ var useStyles = /*#__PURE__*/styles.makeStyles(theme => ({
   interactionDisabled: {},
   navBar: {},
   navButtonPrev: {
-    position: 'absolute',
+    position: 'absolute !important',
     top: theme.spacing(1.5),
     left: theme.spacing(1.5)
   },
   navButtonNext: {
-    position: 'absolute',
+    position: 'absolute !important',
     top: theme.spacing(1.5),
     right: theme.spacing(1.5)
   },
@@ -711,36 +710,36 @@ var Calendar = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     }
   }
 
-  return /*#__PURE__*/jsxRuntime.jsxs(core.Grid, {
+  return /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
     ref: ref,
     container: true,
     direction: direction,
     children: [!!quickSelection && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(core.Grid, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(material.Grid, {
         item: true,
         xs: 12,
         sm: "auto",
         children: quickSelection
-      }), /*#__PURE__*/jsxRuntime.jsx(core.Hidden, {
+      }), /*#__PURE__*/jsxRuntime.jsx(material.Hidden, {
         xsDown: true,
-        children: /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
+        children: /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
           item: true,
           sm: "auto",
-          children: /*#__PURE__*/jsxRuntime.jsx(core.Divider, {
+          children: /*#__PURE__*/jsxRuntime.jsx(material.Divider, {
             orientation: "vertical"
           })
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(core.Hidden, {
+      }), /*#__PURE__*/jsxRuntime.jsx(material.Hidden, {
         smUp: true,
-        children: /*#__PURE__*/jsxRuntime.jsx(core.Grid, {
+        children: /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
           item: true,
           xs: 12,
-          children: /*#__PURE__*/jsxRuntime.jsx(core.Divider, {
+          children: /*#__PURE__*/jsxRuntime.jsx(material.Divider, {
             orientation: "horizontal"
           })
         })
       })]
-    }), /*#__PURE__*/jsxRuntime.jsxs(core.Grid, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
       item: true,
       xs: 12,
       sm: "auto",
@@ -776,7 +775,7 @@ var CalendarQuickSelectionItem = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     selected,
     children
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(core.ListItem, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.ListItem, {
     ref: ref,
     button: true,
     selected: selected,
@@ -789,10 +788,10 @@ var CalendarQuickSelection = /*#__PURE__*/react.forwardRef((_ref2, ref) => {
   var {
     children
   } = _ref2;
-  return /*#__PURE__*/jsxRuntime.jsxs(core.List, {
+  return /*#__PURE__*/jsxRuntime.jsxs(material.List, {
     ref: ref,
-    children: [/*#__PURE__*/jsxRuntime.jsx(core.ListItem, {
-      children: /*#__PURE__*/jsxRuntime.jsx(core.Typography, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(material.ListItem, {
+      children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
         variant: "h4",
         children: "Quick Selection"
       })
@@ -845,7 +844,7 @@ var BaseDatePicker = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     }
   });
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(core.Popover, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(material.Popover, {
       open: !!popoverAnchor,
       onClose: handleClose,
       anchorEl: popoverAnchor,
@@ -858,7 +857,7 @@ var BaseDatePicker = /*#__PURE__*/react.forwardRef((_ref, ref) => {
         horizontal: 'left'
       },
       children: children
-    }), /*#__PURE__*/jsxRuntime.jsx(core.TextField, _objectSpread(_objectSpread({}, textFieldProps), {}, {
+    }), /*#__PURE__*/jsxRuntime.jsx(material.TextField, _objectSpread(_objectSpread({}, textFieldProps), {}, {
       id: uid,
       ref: ui.mergeRefs(ref, textFieldRef),
       disabled: disabled,
@@ -881,9 +880,9 @@ var BaseDatePicker = /*#__PURE__*/react.forwardRef((_ref, ref) => {
         readOnly: true
       },
       InputProps: _objectSpread(_objectSpread({}, inputProps), {}, {
-        endAdornment: /*#__PURE__*/jsxRuntime.jsx(core.InputAdornment, {
+        endAdornment: /*#__PURE__*/jsxRuntime.jsx(material.InputAdornment, {
           position: "end",
-          children: enableClearable ? /*#__PURE__*/jsxRuntime.jsx(core.IconButton, {
+          children: enableClearable ? /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
             disabled: disabled,
             "aria-labelledby": "".concat(clearIconID, " ").concat(labelID),
             onClick: event => {
@@ -891,13 +890,13 @@ var BaseDatePicker = /*#__PURE__*/react.forwardRef((_ref, ref) => {
               event.stopPropagation();
               onClear === null || onClear === void 0 ? void 0 : onClear();
             },
-            children: /*#__PURE__*/jsxRuntime.jsx(icons.Clear, {
+            children: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Clear, {
               id: clearIconID,
               "aria-label": "clear"
             })
-          }) : /*#__PURE__*/jsxRuntime.jsx(core.IconButton, {
+          }) : /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
             disabled: disabled,
-            children: /*#__PURE__*/jsxRuntime.jsx(core.SvgIcon, {
+            children: /*#__PURE__*/jsxRuntime.jsx(material.SvgIcon, {
               children: /*#__PURE__*/jsxRuntime.jsx("path", {
                 d: js.mdiCalendarMonth
               })
@@ -1648,7 +1647,7 @@ var TimeField = /*#__PURE__*/react.forwardRef((_ref2, ref) => {
       }, config));
     }
   }, [date, config]);
-  return /*#__PURE__*/jsxRuntime.jsx(lab.Autocomplete, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Autocomplete, {
     ref: ref,
     disabled: disabled,
     freeSolo: true,
@@ -1672,7 +1671,7 @@ var TimeField = /*#__PURE__*/react.forwardRef((_ref2, ref) => {
     onInputChange: (_, nextInputValue) => {
       setInputValue(nextInputValue);
     },
-    renderInput: params => /*#__PURE__*/jsxRuntime.jsx(core.TextField, _objectSpread(_objectSpread(_objectSpread({
+    renderInput: params => /*#__PURE__*/jsxRuntime.jsx(material.TextField, _objectSpread(_objectSpread(_objectSpread({
       variant: "outlined"
     }, props), params), {}, {
       InputProps: params.InputProps