@elliemae/ds-date-picker 1.61.0 → 2.0.0-alpha.12

package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,64 +1,47 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var PropTypes = require('prop-types');
 var moment = require('moment');
 var dsForm = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var blockname = 'date-range-picker';
-var DATE_FORMAT = 'MMDDYYYY'; // When year is greater than 999 it means the user finished writing
+const blockname = 'date-range-picker';
+const DATE_FORMAT = 'MMDDYYYY'; // When year is greater than 999 it means the user finished writing
 // the year for the range, because they must type 4 numbers for the year
 // to be higher than 999
 
-var MAGIC_NUMBER = 999;
-var Header = dsClassnames.aggregatedClasses('div')(blockname, 'header', function (_ref) {
-  var invalidDate = _ref.invalidDate;
+const MAGIC_NUMBER = 999;
+const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header', _ref => {
+  let {
+    invalidDate
+  } = _ref;
   return {
-    invalidDate: invalidDate
+    invalidDate
   };
 });
 
-var DatePickerRangeHeader = function DatePickerRangeHeader(_ref2) {
-  var _ref2$onStartInputCha = _ref2.onStartInputChange,
-      onStartInputChange = _ref2$onStartInputCha === void 0 ? function () {
-    return null;
-  } : _ref2$onStartInputCha,
-      _ref2$onEndInputChang = _ref2.onEndInputChange,
-      onEndInputChange = _ref2$onEndInputChang === void 0 ? function () {
-    return null;
-  } : _ref2$onEndInputChang,
-      _ref2$onFocusChange = _ref2.onFocusChange,
-      onFocusChange = _ref2$onFocusChange === void 0 ? function () {
-    return null;
-  } : _ref2$onFocusChange,
-      selectedStartDate = _ref2.selectedStartDate,
-      selectedEndDate = _ref2.selectedEndDate,
-      handleDatesChange = _ref2.handleDatesChange,
-      _ref2$autoJumpOnEdit = _ref2.autoJumpOnEdit,
-      autoJumpOnEdit = _ref2$autoJumpOnEdit === void 0 ? true : _ref2$autoJumpOnEdit;
-
-  var _useState = React.useState(selectedStartDate),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      startValue = _useState2[0],
-      setStartValue = _useState2[1];
-
-  var _useState3 = React.useState(selectedEndDate),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      endValue = _useState4[0],
-      setEndValue = _useState4[1];
-
-  var startInputRef = React.useRef();
-  var endInputRef = React.useRef();
-  React.useEffect(function () {
+const DatePickerRangeHeader = _ref2 => {
+  let {
+    onStartInputChange = () => null,
+    onEndInputChange = () => null,
+    onFocusChange = () => null,
+    selectedStartDate,
+    selectedEndDate,
+    handleDatesChange,
+    autoJumpOnEdit = true
+  } = _ref2;
+  const [startValue, setStartValue] = React.useState(selectedStartDate);
+  const [endValue, setEndValue] = React.useState(selectedEndDate);
+  const startInputRef = React.useRef();
+  const endInputRef = React.useRef();
+  React.useEffect(() => {
     if (selectedStartDate) {
       setStartValue(selectedStartDate.format(DATE_FORMAT));
     }
@@ -68,27 +51,25 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref2) {
     }
   }, [selectedStartDate, selectedEndDate]);
 
-  var isValidRangeDate = function isValidRangeDate(start, end) {
-    var isValidRange = false;
+  const isValidRangeDate = (start, end) => {
+    let isValidRange = false;
 
     if (start && end) {
-      var momentStart = moment__default['default'](start, DATE_FORMAT);
-      var momentEnd = moment__default['default'](end, DATE_FORMAT);
+      const momentStart = moment__default["default"](start, DATE_FORMAT);
+      const momentEnd = moment__default["default"](end, DATE_FORMAT);
       isValidRange = momentStart.isBefore(momentEnd);
     }
 
     return isValidRange;
   };
 
-  var handleOnFocus = function handleOnFocus(inputType) {
-    return onFocusChange(inputType);
-  };
+  const handleOnFocus = inputType => onFocusChange(inputType);
 
-  var handleOnChangeStart = function handleOnChangeStart(newStartValue) {
+  const handleOnChangeStart = newStartValue => {
     var _endInputRef$current, _endInputRef$current$;
 
-    var y = newStartValue.substring(4);
-    var momentValue = moment__default['default'](newStartValue, DATE_FORMAT);
+    const y = newStartValue.substring(4);
+    const momentValue = moment__default["default"](newStartValue, DATE_FORMAT);
 
     if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
       onStartInputChange(momentValue);
@@ -101,8 +82,8 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref2) {
     }
   };
 
-  var handleOnChangeEnd = function handleOnChangeEnd(newEndValue) {
-    var momentValue = moment__default['default'](newEndValue, DATE_FORMAT);
+  const handleOnChangeEnd = newEndValue => {
+    const momentValue = moment__default["default"](newEndValue, DATE_FORMAT);
 
     if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
       onEndInputChange(momentValue);
@@ -111,10 +92,10 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref2) {
     setEndValue(newEndValue);
   };
 
-  var handleOnKeyDownStart = function handleOnKeyDownStart(e) {
-    var isValid = isValidRangeDate(startValue, endValue);
-    var momentStart = moment__default['default'](startValue, DATE_FORMAT);
-    var momentEnd = moment__default['default'](endValue, DATE_FORMAT);
+  const handleOnKeyDownStart = e => {
+    const isValid = isValidRangeDate(startValue, endValue);
+    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
+    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
 
     if (e.key === 'Enter' && startValue) {
       onStartInputChange(momentStart);
@@ -125,10 +106,10 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref2) {
     }
   };
 
-  var handleOnKeyDownEnd = function handleOnKeyDownEnd(e) {
-    var isValid = isValidRangeDate(startValue, endValue);
-    var momentStart = moment__default['default'](startValue, DATE_FORMAT);
-    var momentEnd = moment__default['default'](endValue, DATE_FORMAT);
+  const handleOnKeyDownEnd = e => {
+    const isValid = isValidRangeDate(startValue, endValue);
+    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
+    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
 
     if (e.key === 'Enter' && isValid) {
       handleDatesChange({
@@ -139,40 +120,25 @@ var DatePickerRangeHeader = function DatePickerRangeHeader(_ref2) {
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(Header, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSInputGroup, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSDateInputV2, {
+  return /*#__PURE__*/_jsx__default["default"](Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
     containerProps: {
       'data-testid': 'start-date'
     },
     innerRef: startInputRef,
     onChange: handleOnChangeStart,
-    onFocus: function onFocus() {
-      return handleOnFocus('startDate');
-    },
+    onFocus: () => handleOnFocus('startDate'),
     onKeyDown: handleOnKeyDownStart,
     value: startValue
-  }), /*#__PURE__*/React__default['default'].createElement(dsForm.DSDateInputV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
     containerProps: {
       'data-testid': 'end-date'
     },
     innerRef: endInputRef,
     onChange: handleOnChangeEnd,
-    onFocus: function onFocus() {
-      return handleOnFocus('endDate');
-    },
+    onFocus: () => handleOnFocus('endDate'),
     onKeyDown: handleOnKeyDownEnd,
     value: endValue
   })));
 };
 
-DatePickerRangeHeader.propTypes = {
-  onStartInputChange: PropTypes__default['default'].func,
-  onEndInputChange: PropTypes__default['default'].func,
-  onFocusChange: PropTypes__default['default'].func,
-  selectedStartDate: PropTypes__default['default'].any,
-  selectedEndDate: PropTypes__default['default'].any,
-  handleDatesChange: PropTypes__default['default'].func,
-  autoJumpOnEdit: PropTypes__default['default'].bool
-};
-
 module.exports = DatePickerRangeHeader;
-//# sourceMappingURL=DatePickerRangeHeader.js.map

package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -2,47 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-var renderMonthElement = function renderMonthElement(_ref) {
-  var month = _ref.month,
-      onYearSelect = _ref.onYearSelect;
-  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+var _ChevronDoubleLeft, _ChevronDoubleRight;
+const renderMonthElement = _ref => {
+  let {
+    month,
+    onYearSelect
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "20px",
     cols: ['auto', 1, 'auto'],
     alignItems: "flex-end",
     mr: "10px"
-  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     role: "button",
     tabIndex: "0",
     "data-testid": "date-picker-prev-year-arrow",
-    onClick: function onClick() {
-      return onYearSelect(month, month.year() - 1);
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDoubleLeft, {
+    onClick: () => onYearSelect(month, month.year() - 1)
+  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleLeft, {
     width: 13.6,
     height: 13.6
-  }))), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  })))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     "data-testid": "date-picker-header"
-  }, /*#__PURE__*/React__default['default'].createElement("strong", null, month.format('MMMM YYYY'))), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("strong", {}, void 0, month.format('MMMM YYYY'))), /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     role: "button",
     tabIndex: "0",
     "data-testid": "date-picker-next-year-arrow",
-    onClick: function onClick() {
-      return onYearSelect(month, month.year() + 1);
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDoubleRight, {
+    onClick: () => onYearSelect(month, month.year() + 1)
+  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleRight, {
     width: 13.6,
     height: 13.6
-  }))));
+  })))));
 };
 
 exports.renderMonthElement = renderMonthElement;
-//# sourceMappingURL=DatePickerRenderMonth.js.map

package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -1,108 +1,85 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDates = require('react-dates');
 var moment = require('moment');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsIcons = require('@elliemae/ds-icons');
-var components_DatePickerDay_DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
-var components_DatePickerNavigation_DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
-var components_DatePickerHeader_DatePickerHeader = require('../DatePickerHeader/DatePickerHeader.js');
-require('prop-types');
-require('@elliemae/ds-icon');
-require('../../prop-types-fcbbf657.js');
-require('@elliemae/ds-form');
+var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
+var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerHeader = require('../DatePickerHeader/DatePickerHeader.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-var _excluded = ["date", "displayFormatDay", "isDayHighlighted", "enableOutsideDays", "showHeader", "onChange"];
-var blockname = 'single-date';
-var Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
+const _excluded = ["date", "displayFormatDay", "isDayHighlighted", "enableOutsideDays", "showHeader", "onChange"];
+const blockname = 'single-date';
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
+const {
+  classNameElement,
+  classNameBlock
+} = dsClassnames.convertPropToCssClassName('datepicker');
 
-var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('datepicker'),
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
+const DatePickerSingleDate = _ref => {
+  let {
+    date,
+    displayFormatDay = 'D',
+    isDayHighlighted = () => false,
+    enableOutsideDays = true,
+    showHeader = true,
+    onChange = () => null
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-var DatePickerSingleDate = function DatePickerSingleDate(_ref) {
-  var date = _ref.date,
-      _ref$displayFormatDay = _ref.displayFormatDay,
-      displayFormatDay = _ref$displayFormatDay === void 0 ? 'D' : _ref$displayFormatDay,
-      _ref$isDayHighlighted = _ref.isDayHighlighted,
-      isDayHighlighted = _ref$isDayHighlighted === void 0 ? function () {
-    return false;
-  } : _ref$isDayHighlighted,
-      _ref$enableOutsideDay = _ref.enableOutsideDays,
-      enableOutsideDays = _ref$enableOutsideDay === void 0 ? true : _ref$enableOutsideDay,
-      _ref$showHeader = _ref.showHeader,
-      showHeader = _ref$showHeader === void 0 ? true : _ref$showHeader,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+  const [selectedDate, setSelectedDate] = React.useState(date);
+  const [key, setKey] = React.useState(moment__default["default"]());
+  const datePickerRef = React.useRef();
 
-  var _useState = React.useState(date),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      selectedDate = _useState2[0],
-      setSelectedDate = _useState2[1];
-
-  var _useState3 = React.useState(moment__default['default']()),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      key = _useState4[0],
-      setKey = _useState4[1];
-
-  var datePickerRef = React.useRef();
-
-  var updateKeyDate = function updateKeyDate(newDate) {
+  const updateKeyDate = newDate => {
     setKey(newDate);
   };
 
-  var handleDateChange = function handleDateChange(newDate) {
+  const handleDateChange = newDate => {
     setSelectedDate(newDate);
-    setTimeout(function () {
-      return onChange(newDate);
-    }, 500);
+    setTimeout(() => onChange(newDate), 500);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, null, showHeader && /*#__PURE__*/React__default['default'].createElement(components_DatePickerHeader_DatePickerHeader, {
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerHeader, {
     onInputChange: handleDateChange,
     selectedDate: selectedDate,
     updateKeyDate: updateKeyDate
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }), /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: datePickerRef,
     className: classNameBlock('wrapper-day-picker-single-date-controller'),
-    "data-testid": rest['data-testid'] || 'date-picker-single-date'
-  }, /*#__PURE__*/React__default['default'].createElement(reactDates.DayPickerSingleDateController, {
-    key: key,
-    date: selectedDate,
-    enableOutsideDays: enableOutsideDays,
-    focused: true,
-    hideKeyboardShortcutsPanel: true,
-    isDayHighlighted: isDayHighlighted,
-    keepOpenOnDateSelect: true,
-    navNext: /*#__PURE__*/React__default['default'].createElement(components_DatePickerNavigation_DatePickerNavigation, {
-      className: classNameElement('navigation-next')
-    }),
-    navPrev: /*#__PURE__*/React__default['default'].createElement(components_DatePickerNavigation_DatePickerNavigation, {
-      className: classNameElement('navigation-prev'),
-      icon: dsIcons.ChevronLeft
-    }),
-    onDateChange: handleDateChange,
-    renderDayContents: function renderDayContents(givenDate) {
-      return /*#__PURE__*/React__default['default'].createElement(components_DatePickerDay_DatePickerDay, {
+    "data-testid": rest['data-testid'] || 'date-picker-single-date',
+    children: /*#__PURE__*/_jsx__default["default"](reactDates.DayPickerSingleDateController, {
+      date: selectedDate,
+      enableOutsideDays: enableOutsideDays,
+      focused: true,
+      hideKeyboardShortcutsPanel: true,
+      isDayHighlighted: isDayHighlighted,
+      keepOpenOnDateSelect: true,
+      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+        className: classNameElement('navigation-next')
+      }),
+      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
+        className: classNameElement('navigation-prev'),
+        icon: dsIcons.ChevronLeft
+      }),
+      onDateChange: handleDateChange,
+      renderDayContents: givenDate => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
         className: classNameElement('day-contents'),
         date: givenDate.format(displayFormatDay)
-      });
-    }
-  })));
+      })
+    }, key)
+  }));
 };
 
 module.exports = DatePickerSingleDate;
-//# sourceMappingURL=DatePickerSingleDate.js.map

package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js

@@ -1,41 +1,42 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsForm = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
-var components_DatePickerRangeHeader_DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
-var components_DatePickerHeader_DatePickerHeader = require('../DatePickerHeader/DatePickerHeader.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('moment');
+var DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
+var DatePickerHeader = require('../DatePickerHeader/DatePickerHeader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/* eslint-disable react/prop-types */
-var blockname = 'date-switcher';
-var Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
-
-var SingleRangeDateSwitcher = function SingleRangeDateSwitcher(_ref) {
-  var onStartInputChange = _ref.onStartInputChange,
-      onEndInputChange = _ref.onEndInputChange,
-      onSingleInputChange = _ref.onSingleInputChange,
-      onFocusChange = _ref.onFocusChange,
-      selectedStartDate = _ref.selectedStartDate,
-      selectedEndDate = _ref.selectedEndDate,
-      selectedSingleDate = _ref.selectedSingleDate,
-      isDateRange = _ref.isDateRange,
-      setIsDateRange = _ref.setIsDateRange,
-      handleDatesChange = _ref.handleDatesChange,
-      updateKeyDate = _ref.updateKeyDate,
-      focusedInput = _ref.focusedInput;
-  var SingleDateInput = /*#__PURE__*/React__default['default'].createElement(components_DatePickerHeader_DatePickerHeader, {
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const blockname = 'date-switcher';
+const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
+
+const SingleRangeDateSwitcher = _ref => {
+  let {
+    onStartInputChange,
+    onEndInputChange,
+    onSingleInputChange,
+    onFocusChange,
+    selectedStartDate,
+    selectedEndDate,
+    selectedSingleDate,
+    isDateRange,
+    setIsDateRange,
+    handleDatesChange,
+    updateKeyDate,
+    focusedInput
+  } = _ref;
+
+  const SingleDateInput = /*#__PURE__*/_jsx__default["default"](DatePickerHeader, {
     onInputChange: onSingleInputChange,
     selectedDate: selectedSingleDate,
     updateKeyDate: updateKeyDate
   });
-  var DateRangeInput = /*#__PURE__*/React__default['default'].createElement(components_DatePickerRangeHeader_DatePickerRangeHeader, {
+
+  const DateRangeInput = /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
     focusedInput: focusedInput,
     onFocusChange: onFocusChange,
     onEndInputChange: onEndInputChange,
@@ -44,9 +45,10 @@ var SingleRangeDateSwitcher = function SingleRangeDateSwitcher(_ref) {
     selectedStartDate: selectedStartDate,
     handleDatesChange: handleDatesChange
   });
-  return /*#__PURE__*/React__default['default'].createElement(Header, {
+
+  return /*#__PURE__*/_jsx__default["default"](Header, {
     "data-testid": "date-switch-header"
-  }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSCheckbox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
     checked: isDateRange,
     className: "switch-header__checkbox",
     labelText: "Range",
@@ -55,4 +57,3 @@ var SingleRangeDateSwitcher = function SingleRangeDateSwitcher(_ref) {
 };
 
 module.exports = SingleRangeDateSwitcher;
-//# sourceMappingURL=SingleRangeDateSwitcher.js.map

package/cjs/components/index.js

@@ -2,42 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_DatePickerNavigation_DatePickerNavigation = require('./DatePickerNavigation/DatePickerNavigation.js');
-var components_DatePickerDay_DatePickerDay = require('./DatePickerDay/DatePickerDay.js');
-var components_DatePickerPicker_DatePickerPicker = require('./DatePickerPicker/DatePickerPicker.js');
-var components_DatePickerDropdown = require('./DatePickerDropdown.js');
-var components_DatePickerSingleDate_DatePickerSingleDate = require('./DatePickerSingleDate/DatePickerSingleDate.js');
-var components_DatePickerHeader_DatePickerHeader = require('./DatePickerHeader/DatePickerHeader.js');
-var components_DatePickerRange_DatePickerRange = require('./DatePickerRange/DatePickerRange.js');
-var components_DatePickerRangeHeader_DatePickerRangeHeader = require('./DatePickerRangeHeader/DatePickerRangeHeader.js');
-var components_SingleRangeDateSwitcher_SingleRangeDateSwitcher = require('./SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
-var components_DatePickerRenderMonth_DatePickerRenderMonth = require('./DatePickerRenderMonth/DatePickerRenderMonth.js');
-require('react');
-require('prop-types');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-icon');
-require('../prop-types-fcbbf657.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-popper');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-dates');
-require('moment');
-require('@elliemae/ds-form');
-require('@elliemae/ds-grid');
+var DatePickerNavigation = require('./DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerDay = require('./DatePickerDay/DatePickerDay.js');
+var DatePickerPicker = require('./DatePickerPicker/DatePickerPicker.js');
+var DatePickerDropdown = require('./DatePickerDropdown.js');
+var DatePickerSingleDate = require('./DatePickerSingleDate/DatePickerSingleDate.js');
+var DatePickerHeader = require('./DatePickerHeader/DatePickerHeader.js');
+var DatePickerRange = require('./DatePickerRange/DatePickerRange.js');
+var DatePickerRangeHeader = require('./DatePickerRangeHeader/DatePickerRangeHeader.js');
+var SingleRangeDateSwitcher = require('./SingleRangeDateSwitcher/SingleRangeDateSwitcher.js');
+var DatePickerRenderMonth = require('./DatePickerRenderMonth/DatePickerRenderMonth.js');
 
 
 
-exports.DatePickerNavigation = components_DatePickerNavigation_DatePickerNavigation;
-exports.DatePickerDay = components_DatePickerDay_DatePickerDay;
-exports.DatePickerPicker = components_DatePickerPicker_DatePickerPicker.Picker;
-exports.DatePickerDropdown = components_DatePickerDropdown;
-exports.DatePickerSingleDate = components_DatePickerSingleDate_DatePickerSingleDate;
-exports.DatePickerHeader = components_DatePickerHeader_DatePickerHeader;
-exports.DatePickerRange = components_DatePickerRange_DatePickerRange;
-exports.DatePickerRangeHeader = components_DatePickerRangeHeader_DatePickerRangeHeader;
-exports.SingleRangeDateSwitcher = components_SingleRangeDateSwitcher_SingleRangeDateSwitcher;
-exports.renderMonthElement = components_DatePickerRenderMonth_DatePickerRenderMonth.renderMonthElement;
-//# sourceMappingURL=index.js.map
+exports.DatePickerNavigation = DatePickerNavigation;
+exports.DatePickerDay = DatePickerDay;
+exports.DatePickerPicker = DatePickerPicker.Picker;
+exports.DatePickerDropdown = DatePickerDropdown;
+exports.DatePickerSingleDate = DatePickerSingleDate;
+exports.DatePickerHeader = DatePickerHeader;
+exports.DatePickerRange = DatePickerRange;
+exports.DatePickerRangeHeader = DatePickerRangeHeader;
+exports.SingleRangeDateSwitcher = SingleRangeDateSwitcher;
+exports.renderMonthElement = DatePickerRenderMonth.renderMonthElement;