@elliemae/ds-date-picker 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/components/DatePickerRange/DatePickerRange.js

@@ -2,12 +2,20 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDates = require('react-dates');
 var moment = require('moment');
-var dsDatePicker = require('@elliemae/ds-date-picker');
-var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');
 var dsClassnames = require('@elliemae/ds-classnames');
+var dsIcons = require('@elliemae/ds-icons');
+var DatePickerDay = require('../DatePickerDay/DatePickerDay.js');
+var DatePickerNavigation = require('../DatePickerNavigation/DatePickerNavigation.js');
+var DatePickerRangeHeader = require('../DatePickerRangeHeader/DatePickerRangeHeader.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,11 +23,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockname = 'date-range';
 const Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper');
 const {
@@ -29,13 +36,14 @@ const {
 const START_DATE = 'startDate';
 const END_DATE = 'endDate';
 
-const DatePickerRangeDate = ({
-  dateStart,
-  dateEnd,
-  displayFormatDay = 'D',
-  showHeader = true,
-  otherProps
-}) => {
+const DatePickerRangeDate = _ref => {
+  let {
+    dateStart,
+    dateEnd,
+    displayFormatDay = 'D',
+    showHeader = true,
+    otherProps
+  } = _ref;
   const [selectedDateStart, setSelectedDateStart] = React.useState(dateStart);
   const [selectedDateEnd, setSelectedDateEnd] = React.useState(dateEnd);
   const [focusedInput, setFocusedInput] = React.useState(START_DATE);
@@ -45,10 +53,11 @@ const DatePickerRangeDate = ({
     setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
   };
 
-  const handleDatesChange = ({
-    startDate,
-    endDate
-  }) => {
+  const handleDatesChange = _ref2 => {
+    let {
+      startDate,
+      endDate
+    } = _ref2;
     setSelectedDateStart(startDate);
     setSelectedDateEnd(endDate);
   };
@@ -63,19 +72,19 @@ const DatePickerRangeDate = ({
 
   const getSafeDateStartValue = () => {
     if (selectedDateStart) {
-      return moment__default['default'](selectedDateStart);
+      return moment__default["default"](selectedDateStart);
     }
   };
 
   const getSafeDateEndValue = () => {
     if (selectedDateEnd) {
-      return moment__default['default'](selectedDateEnd);
+      return moment__default["default"](selectedDateEnd);
     }
   };
 
   const safeStartDate = getSafeDateStartValue();
   const safeEndDate = getSafeDateEndValue();
-  return /*#__PURE__*/_jsx__default['default'](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerRangeHeader, {
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
     onEndInputChange: handleEndInputChange,
     onStartInputChange: handleStartInputChange,
     selectedEndDate: safeEndDate,
@@ -89,16 +98,16 @@ const DatePickerRangeDate = ({
       focused: true,
       focusedInput: focusedInput,
       hideKeyboardShortcutsPanel: true,
-      navNext: /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerNavigation, {
+      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
         className: classNameElement('navigation-next')
       }),
-      navPrev: /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerNavigation, {
+      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
         className: classNameElement('navigation-prev'),
-        icon: ChevronLeft__default['default']
+        icon: dsIcons.ChevronLeft
       }),
       onDatesChange: handleDatesChange,
       onFocusChange: handleFocusChange,
-      renderDayContents: date => /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerDay, {
+      renderDayContents: date => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
         className: classNameElement('day-contents'),
         date: date.format(displayFormatDay)
       }),

package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,18 +1,16 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var moment = require('moment');
-var DSDateInput = require('@elliemae/ds-basic/form/DateInputV2');
-var DSInputGroup = require('@elliemae/ds-basic/form/InputGroup');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-var DSDateInput__default = /*#__PURE__*/_interopDefaultLegacy(DSDateInput);
-var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
 
 const blockname = 'date-range-picker';
 const DATE_FORMAT = 'MMDDYYYY'; // When year is greater than 999 it means the user finished writing
@@ -20,21 +18,25 @@ const DATE_FORMAT = 'MMDDYYYY'; // When year is greater than 999 it means the us
 // to be higher than 999
 
 const MAGIC_NUMBER = 999;
-const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header', ({
-  invalidDate
-}) => ({
-  invalidDate
-}));
-
-const DatePickerRangeHeader = ({
-  onStartInputChange = () => null,
-  onEndInputChange = () => null,
-  onFocusChange = () => null,
-  selectedStartDate,
-  selectedEndDate,
-  handleDatesChange,
-  autoJumpOnEdit = true
-}) => {
+const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header', _ref => {
+  let {
+    invalidDate
+  } = _ref;
+  return {
+    invalidDate
+  };
+});
+
+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();
@@ -53,8 +55,8 @@ const DatePickerRangeHeader = ({
     let isValidRange = false;
 
     if (start && end) {
-      const momentStart = moment__default['default'](start, DATE_FORMAT);
-      const 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);
     }
 
@@ -67,7 +69,7 @@ const DatePickerRangeHeader = ({
     var _endInputRef$current, _endInputRef$current$;
 
     const y = newStartValue.substring(4);
-    const momentValue = moment__default['default'](newStartValue, DATE_FORMAT);
+    const momentValue = moment__default["default"](newStartValue, DATE_FORMAT);
 
     if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
       onStartInputChange(momentValue);
@@ -81,7 +83,7 @@ const DatePickerRangeHeader = ({
   };
 
   const handleOnChangeEnd = newEndValue => {
-    const momentValue = moment__default['default'](newEndValue, DATE_FORMAT);
+    const momentValue = moment__default["default"](newEndValue, DATE_FORMAT);
 
     if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
       onEndInputChange(momentValue);
@@ -92,8 +94,8 @@ const DatePickerRangeHeader = ({
 
   const handleOnKeyDownStart = e => {
     const isValid = isValidRangeDate(startValue, endValue);
-    const momentStart = moment__default['default'](startValue, DATE_FORMAT);
-    const momentEnd = moment__default['default'](endValue, DATE_FORMAT);
+    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
+    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
 
     if (e.key === 'Enter' && startValue) {
       onStartInputChange(momentStart);
@@ -106,8 +108,8 @@ const DatePickerRangeHeader = ({
 
   const handleOnKeyDownEnd = e => {
     const isValid = isValidRangeDate(startValue, endValue);
-    const momentStart = moment__default['default'](startValue, DATE_FORMAT);
-    const momentEnd = moment__default['default'](endValue, DATE_FORMAT);
+    const momentStart = moment__default["default"](startValue, DATE_FORMAT);
+    const momentEnd = moment__default["default"](endValue, DATE_FORMAT);
 
     if (e.key === 'Enter' && isValid) {
       handleDatesChange({
@@ -118,7 +120,7 @@ const DatePickerRangeHeader = ({
     }
   };
 
-  return /*#__PURE__*/_jsx__default['default'](Header, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSInputGroup__default['default'], {}, void 0, /*#__PURE__*/_jsx__default['default'](DSDateInput__default['default'], {
+  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'
     },
@@ -127,7 +129,7 @@ const DatePickerRangeHeader = ({
     onFocus: () => handleOnFocus('startDate'),
     onKeyDown: handleOnKeyDownStart,
     value: startValue
-  }), /*#__PURE__*/_jsx__default['default'](DSDateInput__default['default'], {
+  }), /*#__PURE__*/_jsx__default["default"](dsForm.DSDateInputV2, {
     containerProps: {
       'data-testid': 'end-date'
     },

package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -4,43 +4,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var ChevronDoubleLeft = require('@elliemae/ds-icons/ChevronDoubleLeft');
-var ChevronDoubleRight = require('@elliemae/ds-icons/ChevronDoubleRight');
-var Grid = require('@elliemae/ds-basic/Grid');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ChevronDoubleLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDoubleLeft);
-var ChevronDoubleRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDoubleRight);
 
 var _ChevronDoubleLeft, _ChevronDoubleRight;
-const renderMonthElement = ({
-  month,
-  onYearSelect
-}) => /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
-  height: "20px",
-  cols: ['auto', 1, 'auto'],
-  alignItems: "flex-end",
-  mr: "10px"
-}, 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: () => onYearSelect(month, month.year() - 1)
-}, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx__default['default'](ChevronDoubleLeft__default['default'], {
-  width: 13.6,
-  height: 13.6
-})))), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
-  "data-testid": "date-picker-header"
-}, 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: () => onYearSelect(month, month.year() + 1)
-}, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx__default['default'](ChevronDoubleRight__default['default'], {
-  width: 13.6,
-  height: 13.6
-})))));
+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"
+  }, 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: () => onYearSelect(month, month.year() - 1)
+  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleLeft, {
+    width: 13.6,
+    height: 13.6
+  })))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    "data-testid": "date-picker-header"
+  }, 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: () => onYearSelect(month, month.year() + 1)
+  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDoubleRight, {
+    width: 13.6,
+    height: 13.6
+  })))));
+};
 
 exports.renderMonthElement = renderMonthElement;

package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -2,12 +2,15 @@
 
 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 dsDatePicker = require('@elliemae/ds-date-picker');
-var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');
 var dsClassnames = require('@elliemae/ds-classnames');
+var dsIcons = require('@elliemae/ds-icons');
+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 }; }
@@ -15,7 +18,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-var ChevronLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeft);
 
 const _excluded = ["date", "displayFormatDay", "isDayHighlighted", "enableOutsideDays", "showHeader", "onChange"];
 const blockname = 'single-date';
@@ -34,10 +36,10 @@ const DatePickerSingleDate = _ref => {
     showHeader = true,
     onChange = () => null
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const [selectedDate, setSelectedDate] = React.useState(date);
-  const [key, setKey] = React.useState(moment__default['default']());
+  const [key, setKey] = React.useState(moment__default["default"]());
   const datePickerRef = React.useRef();
 
   const updateKeyDate = newDate => {
@@ -49,7 +51,7 @@ const DatePickerSingleDate = _ref => {
     setTimeout(() => onChange(newDate), 500);
   };
 
-  return /*#__PURE__*/_jsx__default['default'](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerHeader, {
+  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](DatePickerHeader, {
     onInputChange: handleDateChange,
     selectedDate: selectedDate,
     updateKeyDate: updateKeyDate
@@ -57,22 +59,22 @@ const DatePickerSingleDate = _ref => {
     ref: datePickerRef,
     className: classNameBlock('wrapper-day-picker-single-date-controller'),
     "data-testid": rest['data-testid'] || 'date-picker-single-date',
-    children: /*#__PURE__*/_jsx__default['default'](reactDates.DayPickerSingleDateController, {
+    children: /*#__PURE__*/_jsx__default["default"](reactDates.DayPickerSingleDateController, {
       date: selectedDate,
       enableOutsideDays: enableOutsideDays,
       focused: true,
       hideKeyboardShortcutsPanel: true,
       isDayHighlighted: isDayHighlighted,
       keepOpenOnDateSelect: true,
-      navNext: /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerNavigation, {
+      navNext: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
         className: classNameElement('navigation-next')
       }),
-      navPrev: /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerNavigation, {
+      navPrev: /*#__PURE__*/_jsx__default["default"](DatePickerNavigation, {
         className: classNameElement('navigation-prev'),
-        icon: ChevronLeft__default['default']
+        icon: dsIcons.ChevronLeft
       }),
       onDateChange: handleDateChange,
-      renderDayContents: givenDate => /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerDay, {
+      renderDayContents: givenDate => /*#__PURE__*/_jsx__default["default"](DatePickerDay, {
         className: classNameElement('day-contents'),
         date: givenDate.format(displayFormatDay)
       })

package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js

@@ -2,39 +2,41 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSCheckbox = require('@elliemae/ds-form/Checkbox');
-var dsDatePicker = require('@elliemae/ds-date-picker');
+var dsForm = require('@elliemae/ds-form');
 var dsClassnames = require('@elliemae/ds-classnames');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 
 const blockname = 'date-switcher';
 const Header = dsClassnames.aggregatedClasses('div')(blockname, 'header');
 
-const SingleRangeDateSwitcher = ({
-  onStartInputChange,
-  onEndInputChange,
-  onSingleInputChange,
-  onFocusChange,
-  selectedStartDate,
-  selectedEndDate,
-  selectedSingleDate,
-  isDateRange,
-  setIsDateRange,
-  handleDatesChange,
-  updateKeyDate,
-  focusedInput
-}) => {
-  const SingleDateInput = /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerHeader, {
+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
   });
 
-  const DateRangeInput = /*#__PURE__*/_jsx__default['default'](dsDatePicker.DatePickerRangeHeader, {
+  const DateRangeInput = /*#__PURE__*/_jsx__default["default"](DatePickerRangeHeader, {
     focusedInput: focusedInput,
     onFocusChange: onFocusChange,
     onEndInputChange: onEndInputChange,
@@ -44,9 +46,9 @@ const SingleRangeDateSwitcher = ({
     handleDatesChange: handleDatesChange
   });
 
-  return /*#__PURE__*/_jsx__default['default'](Header, {
+  return /*#__PURE__*/_jsx__default["default"](Header, {
     "data-testid": "date-switch-header"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
     checked: isDateRange,
     className: "switch-header__checkbox",
     labelText: "Range",

package/cjs/defaultPhrases.js

@@ -30,33 +30,54 @@ const returnFocusToInput = 'Return to the date input field.';
 const keyboardForwardNavigationInstructions = 'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';
 const keyboardBackwardNavigationInstructions = 'Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';
 
-const chooseAvailableStartDate = ({
-  date
-}) => `Choose ${date} as your check-in date. It’s available.`;
+const chooseAvailableStartDate = _ref => {
+  let {
+    date
+  } = _ref;
+  return "Choose ".concat(date, " as your check-in date. It\u2019s available.");
+};
 
-const chooseAvailableEndDate = ({
-  date
-}) => `Choose ${date} as your check-out date. It’s available.`;
+const chooseAvailableEndDate = _ref2 => {
+  let {
+    date
+  } = _ref2;
+  return "Choose ".concat(date, " as your check-out date. It\u2019s available.");
+};
 
-const chooseAvailableDate = ({
-  date
-}) => date;
+const chooseAvailableDate = _ref3 => {
+  let {
+    date
+  } = _ref3;
+  return date;
+};
 
-const dateIsUnavailable = ({
-  date
-}) => `Not available. ${date}`;
+const dateIsUnavailable = _ref4 => {
+  let {
+    date
+  } = _ref4;
+  return "Not available. ".concat(date);
+};
 
-const dateIsSelected = ({
-  date
-}) => `Selected. ${date}`;
+const dateIsSelected = _ref5 => {
+  let {
+    date
+  } = _ref5;
+  return "Selected. ".concat(date);
+};
 
-const dateIsSelectedAsStartDate = ({
-  date
-}) => `Selected as start date. ${date}`;
+const dateIsSelectedAsStartDate = _ref6 => {
+  let {
+    date
+  } = _ref6;
+  return "Selected as start date. ".concat(date);
+};
 
-const dateIsSelectedAsEndDate = ({
-  date
-}) => `Selected as end date. ${date}`;
+const dateIsSelectedAsEndDate = _ref7 => {
+  let {
+    date
+  } = _ref7;
+  return "Selected as end date. ".concat(date);
+};
 
 var defaultPhrases = {
   calendarLabel,
@@ -237,4 +258,4 @@ exports.DayPickerNavigationPhrases = DayPickerNavigationPhrases;
 exports.DayPickerPhrases = DayPickerPhrases;
 exports.SingleDatePickerInputPhrases = SingleDatePickerInputPhrases;
 exports.SingleDatePickerPhrases = SingleDatePickerPhrases;
-exports['default'] = defaultPhrases;
+exports["default"] = defaultPhrases;

package/cjs/index.js

@@ -19,7 +19,7 @@ var DatePickerRenderMonth = require('./components/DatePickerRenderMonth/DatePick
 
 
 exports.DatePickerWithSchema = DSDatePicker.DatePickerWithSchema;
-exports.default = DSDatePicker['default'];
+exports["default"] = DSDatePicker["default"];
 exports.SingleDatePickerPhrases = defaultPhrases.SingleDatePickerPhrases;
 exports.DatePickerNavigation = DatePickerNavigation;
 exports.DatePickerDay = DatePickerDay;