@spothero/ui 17.0.3 → 17.1.0-beta.0

package/dist/components/DatepickerRange/DatepickerRange.stories.js

@@ -0,0 +1,411 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithOverrides = exports.WithInitialStartDate = exports.WithInitialStartAndEndDate = exports.WithFormControl = exports.WithCustomPlaceholder = exports.UseInputIcons = exports.DisableBeforeAfter = exports.Default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
+
+var _DatepickerRange = _interopRequireDefault(require("./DatepickerRange"));
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/* eslint-disable no-console */
+var _default = {
+  title: 'v2/Datepicker/DatepickerRange',
+  component: {
+    DatepickerRange: _DatepickerRange.default
+  },
+  parameters: {
+    importBy: 'DatepickerRange',
+    removeBaseHtmlClass: true
+  },
+  argTypes: {
+    initialStartDate: {
+      description: 'An optional (pre-selected) Start Date to populate the Datepicker Range with',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    initialEndDate: {
+      description: 'An optional (pre-selected) End Date to populate the Datepicker Range with',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    useInputIcons: {
+      description: 'Whether to show the Calendar Icon in the Input field',
+      control: {
+        type: 'boolean'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'boolean'
+        },
+        defaultValue: {
+          summary: true
+        }
+      },
+      defaultValue: true
+    },
+    startDateInputLabelText: {
+      description: 'A string to use as the Start Input form label',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        },
+        defaultValue: {
+          summary: 'Enter After'
+        }
+      },
+      defaultValue: 'Enter After'
+    },
+    startDateInputPlaceholderText: {
+      description: 'A string to use as the Start Input placeholder text',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        },
+        defaultValue: {
+          summary: 'Select Start Date'
+        }
+      },
+      defaultValue: 'Select Start Date'
+    },
+    startDateInputErrorText: {
+      description: 'A string to use as the Start Input form Error Text',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    endDateInputLabelText: {
+      description: 'A string to use as the End Input form label',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        },
+        defaultValue: {
+          summary: 'Exit Before'
+        }
+      },
+      defaultValue: 'Exit Before'
+    },
+    endDateInputPlaceholderText: {
+      description: 'A string to use as the End Input placeholder text',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        },
+        defaultValue: {
+          summary: 'Select End Date'
+        }
+      },
+      defaultValue: 'Select End Date'
+    },
+    endDateInputErrorText: {
+      description: 'A string to use as the End Input form Error Text',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'display',
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    disableBefore: {
+      description: 'A string in the format "MM/DD/YYYY" representing the date where days before it should be disabled in the calendar',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'interaction',
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    disableAfter: {
+      description: 'A string in the format "MM/DD/YYYY" representing the date where days after it should be disabled in the calendar',
+      control: {
+        type: 'text'
+      },
+      table: {
+        category: 'interaction',
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    isStartInvalid: {
+      description: 'Whether to display the Start Date Input as invalid or not',
+      control: {
+        type: 'boolean'
+      },
+      table: {
+        category: 'interaction',
+        type: {
+          summary: 'boolean'
+        },
+        defaultValue: {
+          summary: false
+        }
+      },
+      defaultValue: false
+    },
+    isEndInvalid: {
+      description: 'Whether to display the End Date Input as invalid or not',
+      control: {
+        type: 'boolean'
+      },
+      table: {
+        category: 'interaction',
+        type: {
+          summary: 'boolean'
+        },
+        defaultValue: {
+          summary: false
+        }
+      },
+      defaultValue: false
+    },
+    onChange: {
+      description: 'A callback function to execute on changes',
+      table: {
+        category: 'events',
+        type: {
+          summary: 'function'
+        }
+      }
+    },
+    datepickerRangeOverrides: {
+      description: 'An optional Object containing style and prop overrides to be applied to the component and child components',
+      control: {
+        type: 'object'
+      },
+      table: {
+        category: 'customization',
+        type: {
+          summary: 'object'
+        }
+      }
+    }
+  }
+};
+/* eslint-enable no-console */
+
+exports.default = _default;
+
+var DatepickerRangeTemplate = function DatepickerRangeTemplate(props) {
+  return /*#__PURE__*/_react.default.createElement(_DatepickerRange.default, props);
+};
+
+var Default = DatepickerRangeTemplate.bind({});
+exports.Default = Default;
+var WithInitialStartDate = DatepickerRangeTemplate.bind({});
+exports.WithInitialStartDate = WithInitialStartDate;
+WithInitialStartDate.args = {
+  initialStartDate: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() + 1)),
+  initialEndDate: ''
+};
+WithInitialStartDate.argTypes = _objectSpread({}, (0, _disableArgs.default)(['disableBefore', 'disableAfter', 'onChange', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
+var WithInitialStartAndEndDate = DatepickerRangeTemplate.bind({});
+exports.WithInitialStartAndEndDate = WithInitialStartAndEndDate;
+WithInitialStartAndEndDate.args = {
+  initialStartDate: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() - 3)),
+  initialEndDate: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() + 5))
+};
+WithInitialStartAndEndDate.argTypes = _objectSpread({}, (0, _disableArgs.default)(['disableBefore', 'disableAfter', 'onChange', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
+var DisableBeforeAfter = DatepickerRangeTemplate.bind({});
+exports.DisableBeforeAfter = DisableBeforeAfter;
+DisableBeforeAfter.args = {
+  disableBefore: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() - 5)),
+  disableAfter: new Intl.DateTimeFormat('en-US').format(new Date().setDate(new Date().getDate() + 25))
+};
+DisableBeforeAfter.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onChange', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
+var UseInputIcons = DatepickerRangeTemplate.bind({});
+exports.UseInputIcons = UseInputIcons;
+UseInputIcons.args = {
+  useInputIcons: true
+};
+UseInputIcons.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onChange', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'isStartInvalid', 'isEndInvalid', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
+var WithCustomPlaceholder = DatepickerRangeTemplate.bind({});
+exports.WithCustomPlaceholder = WithCustomPlaceholder;
+WithCustomPlaceholder.args = {
+  startDateInputPlaceholderText: 'Hey a Placeholder!',
+  endDateInputPlaceholderText: 'Oh, look another one'
+};
+WithCustomPlaceholder.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onChange', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText', 'datepickerRangeOverrides']));
+var WithFormControl = DatepickerRangeTemplate.bind({});
+exports.WithFormControl = WithFormControl;
+WithFormControl.args = {
+  isStartInvalid: false,
+  isEndInvalid: false,
+  useInputIcons: true,
+  startDateInputLabelText: 'Custom Start Label',
+  startDateInputErrorText: 'Start Date Error Message',
+  endDateInputLabelText: 'Custom End Label',
+  endDateInputErrorText: 'End Date Error Message'
+};
+WithFormControl.argTypes = _objectSpread({}, (0, _disableArgs.default)(['onChange', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'datepickerRangeOverrides']));
+var WithOverrides = DatepickerRangeTemplate.bind({});
+exports.WithOverrides = WithOverrides;
+WithOverrides.argTypes = _objectSpread(_objectSpread({}, (0, _disableArgs.default)(['onChange', 'startDateInputPlaceholderText', 'endDateInputPlaceholderText', 'initialStartDate', 'initialEndDate', 'disableBefore', 'disableAfter', 'isStartInvalid', 'isEndInvalid', 'useInputIcons', 'startDateInputLabelText', 'endDateInputLabelText', 'startDateInputErrorText', 'endDateInputErrorText'])), {}, {
+  datepickerRangeOverrides: {
+    control: 'object'
+  }
+});
+WithOverrides.args = {
+  datepickerRangeOverrides: {
+    datepickerRangeControlsOverrides: {
+      controlsContainer: {},
+      startDateInputComponentOverrides: {
+        formControl: {
+          backgroundColor: 'blue.100'
+        },
+        formLabel: {
+          color: 'pink',
+          fontWeight: 'bold',
+          fontSize: '1.5rem'
+        },
+        inputGroup: {
+          size: 'lg'
+        },
+        input: {
+          borderColor: 'yellow.800',
+          _hover: {
+            borderColor: 'yellow.400'
+          }
+        },
+        inputRightElement: {
+          backgroundColor: 'red.200'
+        },
+        formErrorMessage: {
+          color: 'red.900'
+        }
+      },
+      endDateInputComponentOverrides: {
+        formControl: {
+          backgroundColor: 'red.100'
+        },
+        formLabel: {
+          color: 'blue',
+          fontWeight: 'light',
+          fontSize: '1.5rem'
+        },
+        inputGroup: {
+          size: 'lg'
+        },
+        input: {
+          borderColor: 'green.800',
+          _hover: {
+            borderColor: 'secondary.400'
+          }
+        },
+        inputRightElement: {
+          backgroundColor: 'primary.default'
+        },
+        formErrorMessage: {
+          color: 'secondary.900'
+        }
+      }
+    },
+    popover: {
+      offset: [150, 150]
+    },
+    portal: {},
+    popoverContent: {
+      width: 460,
+      borderRadius: 'sm',
+      boxShadow: 'sm',
+      borderColor: 'gray.700'
+    },
+    datepickerRangeBodyOverrides: {
+      popoverBody: {
+        width: 425,
+        backgroundColor: 'blue.200'
+      },
+      datepickerRangeHeaderOverrides: {
+        headerContainer: {
+          margin: 0
+        },
+        iconButton: {
+          size: 'lg',
+          variant: 'outline',
+          _hover: {
+            backgroundColor: 'red.200'
+          }
+        },
+        title: {
+          fontSize: 'sm'
+        }
+      },
+      datepickerRangeDaysOverrides: {
+        table: {},
+        thead: {},
+        th: {},
+        dateRowOverrides: {
+          tbody: {},
+          tr: {},
+          td: {},
+          button: {}
+        }
+      }
+    }
+  }
+};

package/dist/components/DatepickerRange/DatepickerRangeContainer.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _DatepickerRangeContext = require("./DatepickerRangeContext");
+
+var _propTypes = require("./utils/propTypes");
+
+var _DatepickerDays = _interopRequireDefault(require("./components/DatepickerDays"));
+
+var _DatepickerHeader = _interopRequireDefault(require("./components/DatepickerHeader"));
+
+var _DatepickerRangeControls = _interopRequireDefault(require("./components/DatepickerRangeControls"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var popoverContentStyleProps = {
+  width: {
+    base: 304,
+    tablet: 384
+  },
+  padding: {
+    base: 3,
+    tablet: 4
+  },
+  maxWidth: 'none',
+  borderRadius: 'lg',
+  boxShadow: 'lg'
+};
+var popoverBodyStyleProps = {
+  width: {
+    base: 280,
+    tablet: 352
+  },
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center'
+};
+
+var DatepickerRangeContainer = function DatepickerRangeContainer(_ref) {
+  var _datepickerRangeOverr, _datepickerRangeOverr2, _datepickerRangeOverr3;
+
+  var onChange = _ref.onChange,
+      useInputIcons = _ref.useInputIcons,
+      startDateInputLabelText = _ref.startDateInputLabelText,
+      startDateInputPlaceholderText = _ref.startDateInputPlaceholderText,
+      startDateInputErrorText = _ref.startDateInputErrorText,
+      endDateInputLabelText = _ref.endDateInputLabelText,
+      endDateInputPlaceholderText = _ref.endDateInputPlaceholderText,
+      endDateInputErrorText = _ref.endDateInputErrorText,
+      datepickerRangeOverrides = _ref.datepickerRangeOverrides;
+
+  var _useDatepickerRange = (0, _DatepickerRangeContext.useDatepickerRange)(),
+      _useDatepickerRange$s = (0, _slicedToArray2.default)(_useDatepickerRange.selectedStartDate, 1),
+      selectedStartDate = _useDatepickerRange$s[0],
+      _useDatepickerRange$s2 = (0, _slicedToArray2.default)(_useDatepickerRange.selectedEndDate, 1),
+      selectedEndDate = _useDatepickerRange$s2[0],
+      _useDatepickerRange$s3 = (0, _slicedToArray2.default)(_useDatepickerRange.startIsSelected, 2),
+      startIsSelected = _useDatepickerRange$s3[0],
+      setStartIsSelected = _useDatepickerRange$s3[1],
+      _useDatepickerRange$e = (0, _slicedToArray2.default)(_useDatepickerRange.endIsSelected, 2),
+      endIsSelected = _useDatepickerRange$e[0],
+      setEndIsSelected = _useDatepickerRange$e[1],
+      _useDatepickerRange$d = _useDatepickerRange.disclosure,
+      isOpen = _useDatepickerRange$d.isOpen,
+      onOpen = _useDatepickerRange$d.onOpen,
+      onClose = _useDatepickerRange$d.onClose;
+
+  var isMobile = (0, _react2.useBreakpointValue)({
+    base: true,
+    mobileXL: false
+  });
+
+  var onClickStart = function onClickStart() {
+    onOpen();
+    setStartIsSelected(true);
+    setEndIsSelected(false);
+  };
+
+  var onClickEnd = function onClickEnd() {
+    onOpen();
+    setStartIsSelected(false);
+    setEndIsSelected(true);
+  };
+
+  var handlePopoverClose = function handlePopoverClose() {
+    setStartIsSelected(false);
+    setEndIsSelected(false);
+    onClose();
+  };
+
+  (0, _react.useEffect)(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      startDate: selectedStartDate,
+      endDate: selectedEndDate,
+      startIsSelected: startIsSelected,
+      endIsSelected: endIsSelected
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedStartDate, selectedEndDate, startIsSelected, endIsSelected]);
+  return /*#__PURE__*/_react.default.createElement(_react2.Popover, (0, _extends2.default)({
+    isOpen: isOpen,
+    onClose: handlePopoverClose,
+    closeOnBlur: true,
+    returnFocusOnClose: false,
+    isLazy: true,
+    placement: startIsSelected && !endIsSelected && !isMobile ? 'bottom-start' : !startIsSelected && endIsSelected && !isMobile ? 'bottom-end' : 'bottom'
+  }, datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.popover), /*#__PURE__*/_react.default.createElement(_DatepickerRangeControls.default, {
+    selectedStartDate: selectedStartDate,
+    startIsSelected: startIsSelected,
+    onClickStart: onClickStart,
+    selectedEndDate: selectedEndDate,
+    endIsSelected: endIsSelected,
+    onClickEnd: onClickEnd,
+    useInputIcons: useInputIcons,
+    startDateInputLabelText: startDateInputLabelText,
+    startDateInputPlaceholderText: startDateInputPlaceholderText,
+    startDateInputErrorText: startDateInputErrorText,
+    endDateInputLabelText: endDateInputLabelText,
+    endDateInputPlaceholderText: endDateInputPlaceholderText,
+    endDateInputErrorText: endDateInputErrorText,
+    datepickerRangeControlsOverrides: datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.datepickerRangeControlsOverrides
+  }), /*#__PURE__*/_react.default.createElement(_react2.Portal, datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.portal, /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": "Choose Date",
+    "data-testid": "PopoverContent"
+  }, popoverContentStyleProps, datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : datepickerRangeOverrides.popoverContent), /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, (0, _extends2.default)({
+    "data-testid": "PopoverBody"
+  }, popoverBodyStyleProps, datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : (_datepickerRangeOverr = datepickerRangeOverrides.datepickerRangeBodyOverrides) === null || _datepickerRangeOverr === void 0 ? void 0 : _datepickerRangeOverr.popoverBody), /*#__PURE__*/_react.default.createElement(_DatepickerHeader.default, {
+    datepickerRangeHeaderOverrides: datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : (_datepickerRangeOverr2 = datepickerRangeOverrides.datepickerRangeBodyOverrides) === null || _datepickerRangeOverr2 === void 0 ? void 0 : _datepickerRangeOverr2.datepickerRangeHeaderOverrides
+  }), /*#__PURE__*/_react.default.createElement(_DatepickerDays.default, {
+    datepickerRangeDaysOverrides: datepickerRangeOverrides === null || datepickerRangeOverrides === void 0 ? void 0 : (_datepickerRangeOverr3 = datepickerRangeOverrides.datepickerRangeBodyOverrides) === null || _datepickerRangeOverr3 === void 0 ? void 0 : _datepickerRangeOverr3.datepickerRangeDaysOverrides
+  })))));
+};
+
+var _default = DatepickerRangeContainer;
+exports.default = _default;

package/dist/components/DatepickerRange/DatepickerRangeContext.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDatepickerRange = exports.DatepickerRangeProvider = exports.DatepickerRangeContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var DatepickerRangeContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.DatepickerRangeContext = DatepickerRangeContext;
+
+var useDatepickerRange = function useDatepickerRange() {
+  return (0, _react.useContext)(DatepickerRangeContext);
+};
+
+exports.useDatepickerRange = useDatepickerRange;
+
+var DatepickerRangeProvider = function DatepickerRangeProvider(_ref) {
+  var _ref$initialStartDate = _ref.initialStartDate,
+      initialStartDate = _ref$initialStartDate === void 0 ? null : _ref$initialStartDate,
+      _ref$initialEndDate = _ref.initialEndDate,
+      initialEndDate = _ref$initialEndDate === void 0 ? null : _ref$initialEndDate,
+      _ref$disableBefore = _ref.disableBefore,
+      disableBefore = _ref$disableBefore === void 0 ? null : _ref$disableBefore,
+      _ref$disableAfter = _ref.disableAfter,
+      disableAfter = _ref$disableAfter === void 0 ? null : _ref$disableAfter,
+      isStartInvalid = _ref.isStartInvalid,
+      isEndInvalid = _ref.isEndInvalid,
+      children = _ref.children;
+  // Now
+  var now = new Date(); // Today
+
+  var today = (0, _react.useState)(now); // Stored as the JS date object
+
+  var date = (0, _react.useState)(new Date(initialStartDate || now)); // Currently selected start date
+
+  var selectedStartDate = (0, _react.useState)(initialStartDate ? new Date(initialStartDate) : null); // Currently selected end date
+
+  var selectedEndDate = (0, _react.useState)(initialStartDate && initialEndDate ? new Date(initialEndDate) : null); // Boolean for if start input is selected
+
+  var startIsSelected = (0, _react.useState)(false); // Boolean for if end input is selected
+
+  var endIsSelected = (0, _react.useState)(false); // The date where days in the past should be disabled
+
+  var disableBeforeDate = (0, _react.useState)(disableBefore ? new Date(disableBefore) : null); // The date where days in the future should be disabled
+
+  var disableAfterDate = (0, _react.useState)(disableAfter ? new Date(disableAfter) : null); // Chakra's Disclosure values
+
+  var disclosure = (0, _react2.useDisclosure)();
+  return /*#__PURE__*/_react.default.createElement(DatepickerRangeContext.Provider, {
+    value: {
+      today: today,
+      date: date,
+      selectedStartDate: selectedStartDate,
+      selectedEndDate: selectedEndDate,
+      startIsSelected: startIsSelected,
+      endIsSelected: endIsSelected,
+      disableBeforeDate: disableBeforeDate,
+      disableAfterDate: disableAfterDate,
+      isStartInvalid: isStartInvalid,
+      isEndInvalid: isEndInvalid,
+      disclosure: disclosure
+    }
+  }, children);
+};
+
+exports.DatepickerRangeProvider = DatepickerRangeProvider;