@spothero/ui 17.0.3 → 17.1.0-beta.0

package/dist/components/Datepicker/components/DatepickerHeader.js

@@ -0,0 +1,113 @@
+"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 _DatepickerContext = require("../DatepickerContext");
+
+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 datepickerHeaderOverrides = _ref.datepickerHeaderOverrides;
+  var context = (0, _DatepickerContext.useDatepicker)();
+
+  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();
+
+  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%"
+  }, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.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, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.iconButton)), /*#__PURE__*/_react.default.createElement(_react2.Flex, (0, _extends2.default)({
+    "aria-live": "polite",
+    id: "id-grid-label"
+  }, monthTitleStyleProps, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.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, datepickerHeaderOverrides === null || datepickerHeaderOverrides === void 0 ? void 0 : datepickerHeaderOverrides.iconButton)));
+  /* eslint-enable react/jsx-curly-brace-presence */
+};
+
+var _default = DatepickerHeader;
+exports.default = _default;

package/dist/components/Datepicker/constants.js

@@ -0,0 +1,31 @@
+"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

@@ -0,0 +1,58 @@
+"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/Datepicker/utils/generalCalculations.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatForDataDate = formatForDataDate;
+exports.formatValueForInputDisplay = formatValueForInputDisplay;
+exports.isCurrentMonthAndYearInView = isCurrentMonthAndYearInView;
+
+var _flat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/flat"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+function isCurrentMonthAndYearInView(currentDate, arrayOfCalendarDates) {
+  /* eslint-disable func-names */
+
+  /* eslint-disable no-multi-assign */
+  function mode(arr) {
+    return arr === null || arr === void 0 ? void 0 : arr.reduce(function (current, item) {
+      var val = current.numMapping[item] = (current.numMapping[item] || 0) + 1;
+
+      if (val > current.greatestFreq) {
+        current.greatestFreq = val;
+        current.mode = item;
+      }
+
+      return current;
+    }, {
+      mode: null,
+      greatestFreq: -Infinity,
+      numMapping: {}
+    }).mode;
+  }
+  /* eslint-enable no-multi-assign */
+
+  /* eslint-enable func-names */
+
+
+  var flattendCalendarArray = arrayOfCalendarDates === null || arrayOfCalendarDates === void 0 ? void 0 : (0, _flat.default)(arrayOfCalendarDates).call(arrayOfCalendarDates);
+  var yearInView = mode(flattendCalendarArray === null || flattendCalendarArray === void 0 ? void 0 : (0, _map.default)(flattendCalendarArray).call(flattendCalendarArray, function (calendarDate) {
+    return calendarDate.getFullYear();
+  }));
+  var monthInView = mode(flattendCalendarArray === null || flattendCalendarArray === void 0 ? void 0 : (0, _map.default)(flattendCalendarArray).call(flattendCalendarArray, function (calendarDate) {
+    return calendarDate.getMonth();
+  }));
+  var currentYear = currentDate.getFullYear();
+  var currentMonth = currentDate.getMonth();
+  return currentYear === yearInView && currentMonth === monthInView;
+}
+
+function formatForDataDate(dateToFormat) {
+  var _context, _context2;
+
+  var year = dateToFormat.getFullYear();
+  var month = dateToFormat.getMonth() + 1;
+  var dateNumber = dateToFormat.getDate();
+  var formattedDate = (0, _concat.default)(_context = (0, _concat.default)(_context2 = "".concat(year, "-")).call(_context2, month, "-")).call(_context, dateNumber);
+  return formattedDate;
+}
+
+function formatValueForInputDisplay(selectedDate) {
+  return (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getTime()) === 0 || !selectedDate ? '' : new Intl.DateTimeFormat('en-US', {
+    weekday: 'long',
+    month: 'short',
+    day: 'numeric'
+  }).format(selectedDate);
+}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWeeksOfMonth = getWeeksOfMonth;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+
+function getWeeksOfMonth(input) {
+  var date = new Date(input);
+  var year = date.getFullYear();
+  var month = date.getMonth();
+  var firstDayOfMonth = new Date(year, month, 1).getDay();
+  var lastDateOfMonth = new Date(year, month + 1, 0).getDate();
+  var lastDayOfMonth = new Date(year, month + 1, 0).getDay();
+  var lastDayOfLastMonth = new Date(year, month, 0).getDate();
+  var weeks = [];
+  var firstWeekDiff = lastDayOfLastMonth - firstDayOfMonth;
+  var daysInMonth = lastDateOfMonth + firstDayOfMonth + (7 - lastDayOfMonth);
+  var numberOfWeeks = Math.round(daysInMonth / 7);
+  (0, _toConsumableArray2.default)(new Array(numberOfWeeks)).forEach(function (_, weekIndex) {
+    var _weeks$6$getDate, _weeks, _weeks$, _weeks$$getDate, _context;
+
+    var start = (_weeks$6$getDate = weeks === null || weeks === void 0 ? void 0 : (_weeks = weeks[weekIndex - 1]) === null || _weeks === void 0 ? void 0 : (_weeks$ = _weeks[6]) === null || _weeks$ === void 0 ? void 0 : (_weeks$$getDate = _weeks$.getDate) === null || _weeks$$getDate === void 0 ? void 0 : _weeks$$getDate.call(_weeks$)) !== null && _weeks$6$getDate !== void 0 ? _weeks$6$getDate : firstWeekDiff;
+    var week = (0, _map.default)(_context = (0, _toConsumableArray2.default)(new Array(7))).call(_context, function (__, dayIndex) {
+      // First week of month
+      if (weekIndex === 0) {
+        if (dayIndex >= firstDayOfMonth) {
+          return new Date(year, month, dayIndex - firstDayOfMonth + 1);
+        } else {
+          return new Date(year, month - 1, lastDayOfLastMonth - (firstDayOfMonth - dayIndex - 1));
+        }
+      } // Last week of month
+
+
+      if (start + 1 + dayIndex > lastDateOfMonth) {
+        return new Date(year, month + 1, start + 1 + dayIndex - lastDateOfMonth);
+      } // Any other day
+
+
+      return new Date(year, month, start + 1 + dayIndex);
+    });
+    weeks.push(week);
+  });
+  return weeks;
+}

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

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inputComponentOverridesProps = exports.default = exports.datepickerOverridesProps = 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 FormControl component,
+   * see https://chakra-ui.com/docs/components/form-control/props for more
+   */
+  formControl: _propTypes.default.object,
+
+  /**
+   * Overrides for the FormLabel component,
+   * see https://chakra-ui.com/docs/components/form-control/props and/or https://chakra-ui.com/docs/components/form-control/usage for more
+   */
+  formLabel: _propTypes.default.object,
+
+  /**
+   * Overrides for the InputGroup component,
+   * see https://chakra-ui.com/docs/components/input/usage#left-and-right-addons for more
+   */
+  inputGroup: _propTypes.default.object,
+
+  /**
+   * Overrides for the Input component,
+   * see https://chakra-ui.com/docs/components/input/props for more
+   */
+  input: _propTypes.default.object,
+
+  /**
+   * Overrides for the InputRightElement component,
+   * see https://chakra-ui.com/docs/components/input/usage#add-elements-inside-input for more
+   */
+  inputRightElement: _propTypes.default.object,
+
+  /**
+   * Overrides for the FormControl ErrorMessage component,
+   * see https://chakra-ui.com/docs/components/form-control/usage#error-message for more
+   */
+  formErrorMessage: _propTypes.default.object
+});
+
+exports.inputComponentOverridesProps = inputComponentOverridesProps;
+
+var datepickerHeaderOverridesProps = _propTypes.default.shape({
+  /**
+   * Overrides for the Flex component that wraps the Header Title and navigation Buttons,
+   * see https://chakra-ui.com/docs/components/flex/props for more
+   */
+  headerContainer: _propTypes.default.object,
+
+  /**
+   * Overrides for the IconButton component used as navigation for the Header,
+   * see https://chakra-ui.com/docs/components/icon-button, for more
+   */
+  iconButton: _propTypes.default.object,
+
+  /**
+   * Overrides for the Flex component that wraps the Header Title,
+   * see https://chakra-ui.com/docs/components/flex/props for more
+   */
+  title: _propTypes.default.object
+});
+
+exports.datepickerHeaderOverridesProps = datepickerHeaderOverridesProps;
+
+var dateRowOverridesProps = _propTypes.default.shape({
+  /**
+   * Overrides for the Tbody component that contains the Calendar display
+   * see https://chakra-ui.com/docs/components/table/props for more
+   */
+  tbody: _propTypes.default.object,
+
+  /**
+   * Overrides for the Tr component that contains the rows of the month within the Calendar display
+   * see https://chakra-ui.com/docs/components/table/props for more
+   */
+  tr: _propTypes.default.object,
+
+  /**
+   * Overrides for the Td component that contains the individual date within the Calendar display
+   * see https://chakra-ui.com/docs/components/table/props for more
+   */
+  td: _propTypes.default.object,
+
+  /**
+   * Overrides for the Button component that contains the individual date within the Calendar display
+   * see https://chakra-ui.com/docs/components/button/props for more
+   */
+  button: _propTypes.default.object
+});
+
+exports.dateRowOverridesProps = dateRowOverridesProps;
+
+var datepickerDaysOverridesProps = _propTypes.default.shape({
+  /**
+   * Overrides for the Table component containing the Calendar display,
+   * see https://chakra-ui.com/docs/components/table/props#table for more
+   */
+  table: _propTypes.default.object,
+
+  /**
+   * Overrides for the Thead component containing the names of the days of the week,
+   * see https://chakra-ui.com/docs/components/table/props for more
+   */
+  thead: _propTypes.default.object,
+
+  /**
+   * Overrides for the Th component containing the name of the single day names,
+   * see https://chakra-ui.com/docs/components/table/props for more
+   */
+  th: _propTypes.default.object,
+
+  /** An optional Object containing style and prop overrides for the DateRow component */
+  dateRowOverrides: dateRowOverridesProps
+});
+
+exports.datepickerDaysOverridesProps = datepickerDaysOverridesProps;
+
+var datepickerBodyOverridesProps = _propTypes.default.shape({
+  /**
+   * Overrides for the PopoverBody component,
+   * see https://chakra-ui.com/docs/components/popover/props#other-props for more
+   */
+  popoverBody: _propTypes.default.object,
+
+  /** An optional Object containing style and prop overrides to be applied to the components that compose the Header section */
+  datepickerHeaderOverrides: datepickerHeaderOverridesProps,
+
+  /** An optional Object containing style and prop overrides to be applied to the components that compose the Calendar section */
+  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;

package/dist/components/DatepickerRange/DatepickerRange.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("./utils/propTypes"));
+
+var _DatepickerRangeContext = require("./DatepickerRangeContext");
+
+var _DatepickerRangeContainer = _interopRequireDefault(require("./DatepickerRangeContainer"));
+
+var DatepickerRange = function DatepickerRange(_ref) {
+  var initialStartDate = _ref.initialStartDate,
+      initialEndDate = _ref.initialEndDate,
+      disableBefore = _ref.disableBefore,
+      disableAfter = _ref.disableAfter,
+      onChange = _ref.onChange,
+      useInputIcons = _ref.useInputIcons,
+      isStartInvalid = _ref.isStartInvalid,
+      startDateInputLabelText = _ref.startDateInputLabelText,
+      startDateInputPlaceholderText = _ref.startDateInputPlaceholderText,
+      startDateInputErrorText = _ref.startDateInputErrorText,
+      isEndInvalid = _ref.isEndInvalid,
+      endDateInputLabelText = _ref.endDateInputLabelText,
+      endDateInputPlaceholderText = _ref.endDateInputPlaceholderText,
+      endDateInputErrorText = _ref.endDateInputErrorText,
+      datepickerRangeOverrides = _ref.datepickerRangeOverrides;
+  return /*#__PURE__*/_react.default.createElement(_DatepickerRangeContext.DatepickerRangeProvider, {
+    initialStartDate: initialStartDate,
+    initialEndDate: initialEndDate,
+    disableBefore: disableBefore,
+    disableAfter: disableAfter,
+    isStartInvalid: isStartInvalid,
+    isEndInvalid: isEndInvalid
+  }, /*#__PURE__*/_react.default.createElement(_DatepickerRangeContainer.default, {
+    onChange: onChange,
+    useInputIcons: useInputIcons,
+    startDateInputLabelText: startDateInputLabelText,
+    startDateInputPlaceholderText: startDateInputPlaceholderText,
+    startDateInputErrorText: startDateInputErrorText,
+    endDateInputLabelText: endDateInputLabelText,
+    endDateInputPlaceholderText: endDateInputPlaceholderText,
+    endDateInputErrorText: endDateInputErrorText,
+    datepickerRangeOverrides: datepickerRangeOverrides
+  }));
+};
+
+DatepickerRange.defaultProps = {
+  useInputIcons: true,
+  isStartInvalid: false,
+  startDateInputLabelText: 'Enter After',
+  startDateInputPlaceholderText: 'Select Start Date',
+  isEndInvalid: false,
+  endDateInputLabelText: 'Exit Before',
+  endDateInputPlaceholderText: 'Select End Date'
+};
+var _default = DatepickerRange;
+exports.default = _default;