@spothero/ui 17.1.0-beta.0 → 17.1.0-beta.3

package/dist/components/{DatepickerRange/utils/dateRowArithmentic.js → Datepicker/common/utils/dateRowCalculations.js}

@@ -10,15 +10,19 @@ exports.isAfterStart = isAfterStart;
 exports.isBeforeDisabledDate = isBeforeDisabledDate;
 exports.isBeforeStart = isBeforeStart;
 exports.isDateBeforeToday = isDateBeforeToday;
-exports.isEqualToStart = isEqualToStart;
 exports.isToday = isToday;
 exports.outOfMonth = outOfMonth;
-exports.selected = selected;
+exports.selectedRange = selectedRange;
+exports.selectedSingle = selectedSingle;
 exports.withinRange = withinRange;
 exports.withinRangeAfterStart = withinRangeAfterStart;
 exports.withinRangeBeforeStart = withinRangeBeforeStart;
 
-function selected(calendarDate, selectedStartDate, selectedEndDate) {
+function selectedSingle(calendarDate, selectedDate) {
+  return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getTime());
+}
+
+function selectedRange(calendarDate, selectedStartDate, selectedEndDate) {
   return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedEndDate === null || selectedEndDate === void 0 ? void 0 : selectedEndDate.getTime());
 }
 
@@ -31,14 +35,9 @@ function getButtonText(calendarDate) {
   return calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate();
 }
 
-function isEqualToStart(calendarDate, selectedStartDate) {
-  var equalToStart = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedStartDate === null || selectedStartDate === void 0 ? void 0 : selectedStartDate.getTime());
-  return equalToStart;
-}
-
 function areEqual(dateOne, dateTwo) {
-  var equal = (dateOne === null || dateOne === void 0 ? void 0 : dateOne.getTime()) === (dateTwo === null || dateTwo === void 0 ? void 0 : dateTwo.getTime());
-  return equal;
+  var areDatesEqual = (dateOne === null || dateOne === void 0 ? void 0 : dateOne.getTime()) === (dateTwo === null || dateTwo === void 0 ? void 0 : dateTwo.getTime());
+  return areDatesEqual;
 }
 
 function isBeforeStart(calendarDate, selectedStartDate) {
@@ -65,11 +64,6 @@ function withinRange(calendarDate, dateToCompare, selectedStartDate) {
   return withinRangeBeforeStart(calendarDate, dateToCompare, selectedStartDate) || withinRangeAfterStart(calendarDate, dateToCompare, selectedStartDate);
 }
 
-function isDateBeforeToday(calendarDate, today) {
-  var isBeforeToday = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) <= (today === null || today === void 0 ? void 0 : today.getFullYear()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) < (today === null || today === void 0 ? void 0 : today.getMonth()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) < (today === null || today === void 0 ? void 0 : today.getDate());
-  return isBeforeToday;
-}
-
 function isBeforeDisabledDate(calendarDate, disableBeforeDate) {
   var beforeDisabledDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) < (disableBeforeDate === null || disableBeforeDate === void 0 ? void 0 : disableBeforeDate.getTime());
   return beforeDisabledDate;
@@ -80,6 +74,11 @@ function isAfterDisabledDate(calendarDate, disableAfterDate) {
   return afterDisabledDate;
 }
 
+function isDateBeforeToday(calendarDate, today) {
+  var isBeforeToday = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) <= (today === null || today === void 0 ? void 0 : today.getFullYear()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) < (today === null || today === void 0 ? void 0 : today.getMonth()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) < (today === null || today === void 0 ? void 0 : today.getDate());
+  return isBeforeToday;
+}
+
 function isToday(calendarDate, today) {
   var isSameDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) === (today === null || today === void 0 ? void 0 : today.getDate());
   var isSameMonth = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth());

package/dist/components/Datepicker/{utils/propTypes.js → common/utils/sharedPropTypes.js}

@@ -5,11 +5,17 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inputComponentOverridesProps = exports.default = exports.datepickerOverridesProps = exports.datepickerHeaderOverridesProps = exports.datepickerDaysOverridesProps = exports.datepickerBodyOverridesProps = exports.dateRowOverridesProps = void 0;
+exports.inputComponentOverridesProps = exports.datepickerHeaderOverridesProps = exports.datepickerDaysOverridesProps = exports.datepickerBodyOverridesProps = exports.dateRowOverridesProps = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var inputComponentOverridesProps = _propTypes.default.shape({
+  /**
+   * Overrides for the parent Box component that wraps the Inputs and Form control,
+   * see https://chakra-ui.com/docs/components/box/usage for more
+   */
+  inputGroupContainer: _propTypes.default.object,
+
   /**
    * Overrides for the parent FormControl component,
    * see https://chakra-ui.com/docs/components/form-control/props for more
@@ -138,64 +144,4 @@ var datepickerBodyOverridesProps = _propTypes.default.shape({
   datepickerDaysOverrides: datepickerDaysOverridesProps
 });
 
-exports.datepickerBodyOverridesProps = datepickerBodyOverridesProps;
-
-var datepickerOverridesProps = _propTypes.default.shape({
-  /**
-   * Overrides for the parent Popover component,
-   * see https://chakra-ui.com/docs/components/popover/props for more
-   */
-  popover: _propTypes.default.object,
-
-  /**
-   * Overrides for the Portal component that wraps the Datepicker calendar Popover, see https://chakra-ui.com/docs/components/portal/props for more
-   */
-  portal: _propTypes.default.object,
-
-  /**
-   * Overrides for the PopoverContent component,
-   * see https://chakra-ui.com/docs/components/popover/props#other-props for more
-   */
-  popoverContent: _propTypes.default.object,
-
-  /** An optional Object containing style and prop overrides to be applied to the Form and Control components */
-  inputComponentOverrides: inputComponentOverridesProps,
-
-  /** An optional Object containing style and prop overrides to be applied to the Popover body, Calendar, and Header componets */
-  datepickerBodyOverrides: datepickerBodyOverridesProps
-});
-
-exports.datepickerOverridesProps = datepickerOverridesProps;
-var props = {
-  /** An optional (pre-selected) Selected Date to populate the Datepicker with  */
-  initialValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.instanceOf(Date)]),
-
-  /** A string in the format 'MM/DD/YYYY' representing the date where days before it should be disabled in the calendar */
-  disableBefore: _propTypes.default.string,
-
-  /** A string in the format 'MM/DD/YYYY' representing the date where days after it should be disabled in the calendar. */
-  disableAfter: _propTypes.default.string,
-
-  /** A callback function to execute on changes */
-  onChange: _propTypes.default.func,
-
-  /** Whether to display the Selected Date Input as invalid or not */
-  isInvalid: _propTypes.default.bool,
-
-  /** Whether to show the Calendar Icon in the Input field. */
-  useInputIcons: _propTypes.default.bool,
-
-  /** A string to use as the Input form label */
-  dateInputLabelText: _propTypes.default.string,
-
-  /** A string to use as the Input placeholder text */
-  dateInputPlaceholderText: _propTypes.default.string,
-
-  /** A string to use as the Input form Error Text */
-  dateInputErrorText: _propTypes.default.string,
-
-  /** An optional Object containing style and prop overrides to be applied to the component and child components */
-  datepickerOverrides: datepickerOverridesProps
-};
-var _default = props;
-exports.default = _default;
+exports.datepickerBodyOverridesProps = datepickerBodyOverridesProps;

package/dist/components/Datepicker/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DatepickerRange", {
+  enumerable: true,
+  get: function get() {
+    return _DatepickerRange.default;
+  }
+});
+Object.defineProperty(exports, "DatepickerSingle", {
+  enumerable: true,
+  get: function get() {
+    return _DatepickerSingle.default;
+  }
+});
+
+var _DatepickerRange = _interopRequireDefault(require("./Range/DatepickerRange"));
+
+var _DatepickerSingle = _interopRequireDefault(require("./Single/DatepickerSingle"));

package/dist/components/index.js

@@ -182,13 +182,13 @@ Object.defineProperty(exports, "Container", {
 Object.defineProperty(exports, "DatepickerRange", {
   enumerable: true,
   get: function get() {
-    return _DatepickerRange.default;
+    return _Datepicker.DatepickerRange;
   }
 });
 Object.defineProperty(exports, "DatepickerSingle", {
   enumerable: true,
   get: function get() {
-    return _DatepickerSingle.default;
+    return _Datepicker.DatepickerSingle;
   }
 });
 Object.defineProperty(exports, "Divider", {
@@ -584,9 +584,7 @@ var _AutoSuggestSelect = require("./AutoSuggestSelect");
 
 var _Badge = _interopRequireDefault(require("./Badge/Badge"));
 
-var _DatepickerSingle = _interopRequireDefault(require("./Datepicker/DatepickerSingle"));
-
-var _DatepickerRange = _interopRequireDefault(require("./DatepickerRange/DatepickerRange"));
+var _Datepicker = require("./Datepicker");
 
 var _react = require("@chakra-ui/react");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "17.1.0-beta.0",
+  "version": "17.1.0-beta.3",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",

package/dist/components/Datepicker/components/DatepickerControl.js

@@ -1,83 +0,0 @@
-"use strict";
-
-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 _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-var _calendar = _interopRequireDefault(require("@spothero/icons/calendar"));
-
-var _DatepickerContext = require("../DatepickerContext");
-
-var _propTypes = require("../utils/propTypes");
-
-var _generalCalculations = require("../utils/generalCalculations");
-
-var formLabelStyleProps = {
-  as: 'label',
-  fontSize: 'sm',
-  fontWeight: 'semibold',
-  color: 'text.secondary.light',
-  marginBottom: 1
-};
-var formErrorMessageStyleProps = {
-  color: 'error',
-  fontSize: 'xs',
-  marginTop: 1
-};
-
-var DatepickerControl = function DatepickerControl(_ref) {
-  var value = _ref.value,
-      useInputIcons = _ref.useInputIcons,
-      isInputInvalid = _ref.isInputInvalid,
-      inputLabelText = _ref.inputLabelText,
-      inputPlaceholderText = _ref.inputPlaceholderText,
-      errorText = _ref.errorText,
-      inputComponentOverrides = _ref.inputComponentOverrides;
-
-  var _useDatepicker = (0, _DatepickerContext.useDatepicker)(),
-      _useDatepicker$disclo = _useDatepicker.disclosure,
-      onOpen = _useDatepicker$disclo.onOpen,
-      onClose = _useDatepicker$disclo.onClose;
-
-  var handleKeyboardControls = function handleKeyboardControls(evt) {
-    var keyCode = evt.code;
-
-    if (keyCode === 'Enter' || keyCode === 'Space') {
-      onOpen();
-    } else if (keyCode === 'Escape') {
-      onClose();
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({
-    isInvalid: isInputInvalid
-  }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formControl), inputLabelText && /*#__PURE__*/_react.default.createElement(_react2.FormLabel, (0, _extends2.default)({}, formLabelStyleProps, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formLabel), inputLabelText), /*#__PURE__*/_react.default.createElement(_react2.PopoverTrigger, {
-    "data-testid": "PopoverTrigger"
-  }, /*#__PURE__*/_react.default.createElement(_react2.InputGroup, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputGroup, /*#__PURE__*/_react.default.createElement(_react2.Input, (0, _extends2.default)({
-    name: "DatepickerInput",
-    value: (0, _generalCalculations.formatValueForInputDisplay)(value),
-    placeholder: inputPlaceholderText,
-    onClick: onOpen,
-    onKeyDown: handleKeyboardControls,
-    isReadOnly: true
-  }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.input)), useInputIcons && /*#__PURE__*/_react.default.createElement(_react2.InputRightElement, (0, _extends2.default)({
-    color: isInputInvalid ? 'error' : 'gray.dark'
-  }, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.inputRightElement), /*#__PURE__*/_react.default.createElement(_react2.Icon, {
-    as: _calendar.default,
-    color: "inherit",
-    height: 5,
-    width: 5
-  })))), /*#__PURE__*/_react.default.createElement(_react2.FormErrorMessage, (0, _extends2.default)({}, formErrorMessageStyleProps, inputComponentOverrides === null || inputComponentOverrides === void 0 ? void 0 : inputComponentOverrides.formErrorMessage), errorText));
-};
-
-var _default = DatepickerControl;
-exports.default = _default;

package/dist/components/Datepicker/constants.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FULL_MONTH_NAMES = exports.DAY_NAMES = void 0;
-var DAY_NAMES = [{
-  abbv: 'Su',
-  full: 'Sunday'
-}, {
-  abbv: 'Mo',
-  full: 'Monday'
-}, {
-  abbv: 'Tu',
-  full: 'Tuesday'
-}, {
-  abbv: 'We',
-  full: 'Wednesday'
-}, {
-  abbv: 'Th',
-  full: 'Thursday'
-}, {
-  abbv: 'Fr',
-  full: 'Friday'
-}, {
-  abbv: 'Sa',
-  full: 'Saturday'
-}];
-exports.DAY_NAMES = DAY_NAMES;
-var FULL_MONTH_NAMES = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
-exports.FULL_MONTH_NAMES = FULL_MONTH_NAMES;

package/dist/components/Datepicker/utils/dateRowArithmentic.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.areEqual = areEqual;
-exports.getButtonText = getButtonText;
-exports.isAfterDisabledDate = isAfterDisabledDate;
-exports.isBeforeDisabledDate = isBeforeDisabledDate;
-exports.isDateBeforeToday = isDateBeforeToday;
-exports.isToday = isToday;
-exports.outOfMonth = outOfMonth;
-exports.selected = selected;
-
-function selected(calendarDate, selectedDate) {
-  return (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) === (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getTime());
-}
-
-function outOfMonth(calendarDate, date) {
-  var isOutOfMonth = (date === null || date === void 0 ? void 0 : date.getMonth()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth());
-  return isOutOfMonth;
-}
-
-function getButtonText(calendarDate) {
-  return calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate();
-}
-
-function isDateBeforeToday(calendarDate, today) {
-  var isBeforeToday = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) <= (today === null || today === void 0 ? void 0 : today.getFullYear()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) < (today === null || today === void 0 ? void 0 : today.getMonth()) || (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth()) && (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) < (today === null || today === void 0 ? void 0 : today.getDate());
-  return isBeforeToday;
-}
-
-function isBeforeDisabledDate(calendarDate, disableBeforeDate) {
-  var isBefore = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) < (disableBeforeDate === null || disableBeforeDate === void 0 ? void 0 : disableBeforeDate.getTime());
-  return isBefore;
-}
-
-function isAfterDisabledDate(calendarDate, disableAfterDate) {
-  var isAfter = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getTime()) > (disableAfterDate === null || disableAfterDate === void 0 ? void 0 : disableAfterDate.getTime());
-  return isAfter;
-}
-
-function areEqual(dateOne, dateTwo) {
-  var areDatesEqual = (dateOne === null || dateOne === void 0 ? void 0 : dateOne.getTime()) === (dateTwo === null || dateTwo === void 0 ? void 0 : dateTwo.getTime());
-  return areDatesEqual;
-}
-
-function isToday(calendarDate, today) {
-  var isSameDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getDate()) === (today === null || today === void 0 ? void 0 : today.getDate());
-  var isSameMonth = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getMonth()) === (today === null || today === void 0 ? void 0 : today.getMonth());
-  var isSameYear = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.getFullYear()) === (today === null || today === void 0 ? void 0 : today.getFullYear());
-
-  if (isSameDate && isSameMonth && isSameYear) {
-    return true;
-  } else {
-    return false;
-  }
-}

package/dist/components/DatepickerRange/components/DatepickerDays.js

@@ -1,108 +0,0 @@
-"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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-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 _constants = require("../constants");
-
-var _getWeeksOfMonth = require("../utils/getWeeksOfMonth");
-
-var _DatepickerRangeContext = require("../DatepickerRangeContext");
-
-var _propTypes = require("../utils/propTypes");
-
-var _generalCalculations = require("../utils/generalCalculations");
-
-var _DateRow = _interopRequireDefault(require("./DateRow"));
-
-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 datepickerCalendarTableStyleProps = {
-  border: 'none',
-  boxShadow: 'none',
-  padding: 0,
-  margin: 0,
-  width: {
-    base: '17.5rem',
-    tablet: '21rem'
-  }
-};
-var datepickerTheadStyleProps = {
-  height: {
-    base: 10,
-    tablet: 12
-  },
-  border: 'none'
-};
-
-var getDatepickerCalendarThStyleProps = function getDatepickerCalendarThStyleProps(today, weeks, index) {
-  return {
-    width: {
-      base: 10,
-      tablet: 12
-    },
-    padding: 0,
-    fontSize: 'base',
-    textAlign: 'center',
-    color: 'text.secondary.light',
-    fontWeight: (0, _generalCalculations.isCurrentMonthAndYearInView)(today, weeks) && today.getDay() === index ? 'bold' : 'normal'
-  };
-};
-
-var DatepickerDays = function DatepickerDays(_ref) {
-  var datepickerRangeDaysOverrides = _ref.datepickerRangeDaysOverrides;
-
-  var _useDatepickerRange = (0, _DatepickerRangeContext.useDatepickerRange)(),
-      _useDatepickerRange$t = (0, _slicedToArray2.default)(_useDatepickerRange.today, 1),
-      today = _useDatepickerRange$t[0],
-      _useDatepickerRange$d = (0, _slicedToArray2.default)(_useDatepickerRange.date, 1),
-      date = _useDatepickerRange$d[0];
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      weeks = _useState2[0],
-      setWeeks = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setWeeks((0, _getWeeksOfMonth.getWeeksOfMonth)(date || new Date()));
-  }, [date]);
-  return /*#__PURE__*/_react.default.createElement(_react2.Table, (0, _extends2.default)({
-    role: "grid",
-    "aria-labelledby": "id-grid-label"
-  }, datepickerCalendarTableStyleProps, datepickerRangeDaysOverrides === null || datepickerRangeDaysOverrides === void 0 ? void 0 : datepickerRangeDaysOverrides.table), /*#__PURE__*/_react.default.createElement(_react2.Thead, (0, _extends2.default)({}, datepickerTheadStyleProps, datepickerRangeDaysOverrides === null || datepickerRangeDaysOverrides === void 0 ? void 0 : datepickerRangeDaysOverrides.thead), /*#__PURE__*/_react.default.createElement(_react2.Tr, null, (0, _map.default)(_constants.DAY_NAMES).call(_constants.DAY_NAMES, function (day, index) {
-    return /*#__PURE__*/_react.default.createElement(_react2.Th, (0, _extends2.default)({
-      key: index,
-      scope: "col",
-      abbr: day.full,
-      "data-testid": "daysOfWeek-title"
-    }, getDatepickerCalendarThStyleProps(today, weeks, index), datepickerRangeDaysOverrides === null || datepickerRangeDaysOverrides === void 0 ? void 0 : datepickerRangeDaysOverrides.th), day.abbv);
-  }))), /*#__PURE__*/_react.default.createElement(_DateRow.default, {
-    dates: weeks !== null && weeks !== void 0 ? weeks : [],
-    dateRowOverrides: datepickerRangeDaysOverrides === null || datepickerRangeDaysOverrides === void 0 ? void 0 : datepickerRangeDaysOverrides.dateRowOverrides
-  }));
-};
-
-var _default = DatepickerDays;
-exports.default = _default;

package/dist/components/DatepickerRange/components/DatepickerHeader.js

@@ -1,116 +0,0 @@
-"use strict";
-
-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 _freeze = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/freeze"));
-
-var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@chakra-ui/react");
-
-var _chevronLeft = _interopRequireDefault(require("@spothero/icons/chevron-left"));
-
-var _chevronRight = _interopRequireDefault(require("@spothero/icons/chevron-right"));
-
-var _constants = require("../constants");
-
-var _DatepickerRangeContext = require("../DatepickerRangeContext");
-
-var _propTypes = require("../utils/propTypes");
-
-var Directions = (0, _freeze.default)({
-  Forward: (0, _symbol.default)('forward'),
-  Backward: (0, _symbol.default)('backward')
-});
-var monthSelectionButtonStyleProps = {
-  size: 'sm',
-  variant: 'ghost',
-  borderColor: 'transparent',
-  _hover: {
-    backgroundColor: 'gray.200'
-  }
-};
-var monthTitleStyleProps = {
-  flex: '1',
-  justifyContent: 'center',
-  fontWeight: 'semibold',
-  fontSize: 'xl'
-};
-
-var DatepickerHeader = function DatepickerHeader(_ref) {
-  var _context;
-
-  var datepickerRangeHeaderOverrides = _ref.datepickerRangeHeaderOverrides;
-
-  /* eslint-disable no-unused-vars */
-  var context = (0, _DatepickerRangeContext.useDatepickerRange)();
-
-  var _context$date = (0, _slicedToArray2.default)(context.date, 2),
-      date = _context$date[0],
-      setDate = _context$date[1];
-
-  var month = date.getMonth();
-  var year = date.getFullYear();
-  /* eslint-enable no-unused-vars */
-
-  var onChange = function onChange(dir) {
-    return function () {
-      var terminator = dir === Directions.Backward ? 0 : 11;
-      var adder = dir === Directions.Backward ? -1 : 1;
-
-      if (month === terminator) {
-        date.setFullYear(year + adder, Math.abs(11 - month));
-      } else {
-        date.setMonth(month + adder);
-      }
-
-      setDate(new Date(date));
-    };
-  };
-
-  var monthName = _constants.FULL_MONTH_NAMES[date.getMonth()];
-  /* eslint-disable react/jsx-curly-brace-presence */
-
-
-  return /*#__PURE__*/_react.default.createElement(_react2.Flex, (0, _extends2.default)({
-    alignItems: "center",
-    marginBottom: 2,
-    width: "100%"
-  }, datepickerRangeHeaderOverrides === null || datepickerRangeHeaderOverrides === void 0 ? void 0 : datepickerRangeHeaderOverrides.headerContainer), /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
-    icon: /*#__PURE__*/_react.default.createElement(_chevronLeft.default, {
-      height: 16,
-      width: 16,
-      fill: "black"
-    }),
-    onClick: onChange(Directions.Backward),
-    "aria-label": "previous month"
-  }, monthSelectionButtonStyleProps, datepickerRangeHeaderOverrides === null || datepickerRangeHeaderOverrides === void 0 ? void 0 : datepickerRangeHeaderOverrides.iconButton)), /*#__PURE__*/_react.default.createElement(_react2.Flex, (0, _extends2.default)({
-    "aria-live": "polite",
-    id: "id-grid-label"
-  }, monthTitleStyleProps, datepickerRangeHeaderOverrides === null || datepickerRangeHeaderOverrides === void 0 ? void 0 : datepickerRangeHeaderOverrides.title), (0, _concat.default)(_context = "".concat(monthName, " ")).call(_context, year)), /*#__PURE__*/_react.default.createElement(_react2.IconButton, (0, _extends2.default)({
-    icon: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
-      height: 16,
-      width: 16,
-      fill: "black"
-    }),
-    onClick: onChange(Directions.Forward),
-    "aria-label": "next month"
-  }, monthSelectionButtonStyleProps, datepickerRangeHeaderOverrides === null || datepickerRangeHeaderOverrides === void 0 ? void 0 : datepickerRangeHeaderOverrides.iconButton)));
-  /* eslint-enable react/jsx-curly-brace-presence */
-};
-
-var _default = DatepickerHeader;
-exports.default = _default;