@elliemae/ds-date-picker 2.4.2-rc.3 → 2.4.3-rc.0

package/cjs/DSDatePicker.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var reactDesc = require('react-desc');
 require('react-dates/initialize');
@@ -160,7 +159,10 @@ const datePickerProps = {
   firstDayOfWeek: reactDesc.PropTypes.number.description('first day of week').defaultValue(0),
   keepOpenOnDateSelect: reactDesc.PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),
   hideKeyboardShortcutsPanel: reactDesc.PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),
-  onChange: reactDesc.PropTypes.func.description("\n      function executed when input changes. This could trigger with invalid dates. It returns a string and a moment\n      if the date is valid.\n    "),
+  onChange: reactDesc.PropTypes.func.description(`
+      function executed when input changes. This could trigger with invalid dates. It returns a string and a moment
+      if the date is valid.
+    `),
   onDateChange: reactDesc.PropTypes.func.description('function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object'),
   onPrevMonthClick: reactDesc.PropTypes.func.description('function executed when clicking on prev month button'),
   onNextMonthClick: reactDesc.PropTypes.func.description('function executed when clicking on next month button'),

package/cjs/components/DSDatePickerImpl.js

@@ -1,7 +1,6 @@
 '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 dsForm = require('@elliemae/ds-form');
@@ -222,7 +221,7 @@ class DSdatePickerImpl extends React__default["default"].Component {
     //  it's incomplete when length is not the full mmddyyyy (length === 8)
 
 
-    if ((prevValAsString === null || prevValAsString === void 0 ? void 0 : prevValAsString.length) < 8) {
+    if (prevValAsString?.length < 8) {
       return null;
     }
 

package/cjs/components/DatePickerController/DatePickerController.js

@@ -5,7 +5,6 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 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/web.dom-collections.iterator.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
@@ -39,18 +38,14 @@ const {
 } = dsClassnames.convertPropToCssClassName('datepicker-range');
 const focusElementOnOpen = lodash.debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
   if (datePickerDom) {
-    const currentDay = Array.from(datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__today')).filter(el => !el.className.includes('CalendarDay__outside'))[0];
-    const [calendarDaySelected] = datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__selected');
+    const currentDay = Array.from(datePickerDom?.getElementsByClassName('CalendarDay__today')).filter(el => !el.className.includes('CalendarDay__outside'))[0];
+    const [calendarDaySelected] = datePickerDom?.getElementsByClassName('CalendarDay__selected');
 
     if (calendarDaySelected) {
-      var _calendarDaySelected$;
-
-      calendarDaySelected === null || calendarDaySelected === void 0 ? void 0 : (_calendarDaySelected$ = calendarDaySelected.focus) === null || _calendarDaySelected$ === void 0 ? void 0 : _calendarDaySelected$.call(calendarDaySelected);
+      calendarDaySelected?.focus?.();
     } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();else {
-      var _navButton$focus;
-
-      const navButton = firstFocusableItemDom === null || firstFocusableItemDom === void 0 ? void 0 : firstFocusableItemDom.closest('.DayPickerNavigation_button>div');
-      navButton === null || navButton === void 0 ? void 0 : (_navButton$focus = navButton.focus) === null || _navButton$focus === void 0 ? void 0 : _navButton$focus.call(navButton);
+      const navButton = firstFocusableItemDom?.closest('.DayPickerNavigation_button>div');
+      navButton?.focus?.();
     }
   }
 }, 100);
@@ -60,10 +55,8 @@ class DSDatePickerController extends React__default["default"].Component {
     super(props);
 
     this.handleMouseUp = () => {
-      var _focusedElement$blur;
-
       const focusedElement = document.activeElement;
-      focusedElement === null || focusedElement === void 0 ? void 0 : (_focusedElement$blur = focusedElement.blur) === null || _focusedElement$blur === void 0 ? void 0 : _focusedElement$blur.call(focusedElement);
+      focusedElement?.blur?.();
     };
 
     this.handleKeyDown = event => {
@@ -152,14 +145,10 @@ class DSDatePickerController extends React__default["default"].Component {
       } = this.props;
 
       if (nav === 'prev') {
-        var _prev$focus;
-
-        prev === null || prev === void 0 ? void 0 : (_prev$focus = prev.focus) === null || _prev$focus === void 0 ? void 0 : _prev$focus.call(prev);
+        prev?.focus?.();
         onPrevMonthClick(date);
       } else {
-        var _next$focus;
-
-        next === null || next === void 0 ? void 0 : (_next$focus = next.focus) === null || _next$focus === void 0 ? void 0 : _next$focus.call(next);
+        next?.focus?.();
         onNextMonthClick(date);
       }
     };
@@ -189,7 +178,7 @@ class DSDatePickerController extends React__default["default"].Component {
     datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);
     document.addEventListener('keydown', this.handleKeyDown, false);
     setTimeout(() => {
-      focusElementOnOpen(datePicker === null || datePicker === void 0 ? void 0 : datePicker.current, firstFocusableItem === null || firstFocusableItem === void 0 ? void 0 : firstFocusableItem.current, this.props.focusCurrentDate);
+      focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);
     }, 400);
   }
 

package/cjs/components/DatePickerDay/DatePickerDay.js

@@ -14,9 +14,9 @@ const Day = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx__default["default"]("div", {
     className: className,
-    "data-testid": "datepicker-day-".concat(date)
+    "data-testid": `datepicker-day-${date}`
   }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "".concat(className, "-half"),
+    className: `${className}-half`,
     "data-testid": "datepicker-day"
   }, void 0, date));
 };

package/cjs/components/DatePickerHeader/DatePickerHeader.js

@@ -1,7 +1,6 @@
 '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 dsForm = require('@elliemae/ds-form');
@@ -24,10 +23,10 @@ const DatePickerHeader = _ref => {
     selectedDate,
     updateKeyDate
   } = _ref;
-  const [value, setValue] = React.useState(isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format) ? selectedDate.format(DATE_FORMAT) : '');
+  const [value, setValue] = React.useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : '');
   React.useEffect(() => {
-    if (isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format)) {
-      setValue(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format(DATE_FORMAT));
+    if (isFn(selectedDate?.format)) {
+      setValue(selectedDate?.format(DATE_FORMAT));
     }
   }, [selectedDate]);
 

package/cjs/components/DatePickerRange/DatePickerRange.js

@@ -1,13 +1,12 @@
 'use strict';
 
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDates = require('react-dates');
 var moment = require('moment');

package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,7 +1,6 @@
 '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 dsForm = require('@elliemae/ds-form');
@@ -66,8 +65,6 @@ const DatePickerRangeHeader = _ref2 => {
   const handleOnFocus = inputType => onFocusChange(inputType);
 
   const handleOnChangeStart = newStartValue => {
-    var _endInputRef$current, _endInputRef$current$;
-
     const y = newStartValue.substring(4);
     const momentValue = moment__default["default"](newStartValue, DATE_FORMAT);
 
@@ -77,7 +74,7 @@ const DatePickerRangeHeader = _ref2 => {
 
     setStartValue(newStartValue);
 
-    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef !== null && endInputRef !== void 0 && (_endInputRef$current = endInputRef.current) !== null && _endInputRef$current !== void 0 && (_endInputRef$current$ = _endInputRef$current.firstChild) !== null && _endInputRef$current$ !== void 0 && _endInputRef$current$.focus) {
+    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {
       endInputRef.current.firstChild.focus();
     }
   };

package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -2,7 +2,6 @@
 
 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');

package/cjs/defaultPhrases.js

@@ -34,14 +34,14 @@ const chooseAvailableStartDate = _ref => {
   let {
     date
   } = _ref;
-  return "Choose ".concat(date, " as your check-in date. It\u2019s available.");
+  return `Choose ${date} as your check-in date. It’s available.`;
 };
 
 const chooseAvailableEndDate = _ref2 => {
   let {
     date
   } = _ref2;
-  return "Choose ".concat(date, " as your check-out date. It\u2019s available.");
+  return `Choose ${date} as your check-out date. It’s available.`;
 };
 
 const chooseAvailableDate = _ref3 => {
@@ -55,28 +55,28 @@ const dateIsUnavailable = _ref4 => {
   let {
     date
   } = _ref4;
-  return "Not available. ".concat(date);
+  return `Not available. ${date}`;
 };
 
 const dateIsSelected = _ref5 => {
   let {
     date
   } = _ref5;
-  return "Selected. ".concat(date);
+  return `Selected. ${date}`;
 };
 
 const dateIsSelectedAsStartDate = _ref6 => {
   let {
     date
   } = _ref6;
-  return "Selected as start date. ".concat(date);
+  return `Selected as start date. ${date}`;
 };
 
 const dateIsSelectedAsEndDate = _ref7 => {
   let {
     date
   } = _ref7;
-  return "Selected as end date. ".concat(date);
+  return `Selected as end date. ${date}`;
 };
 
 var defaultPhrases = {

package/esm/DSDatePicker.js

@@ -1,11 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
 import 'react-dates/initialize';
@@ -151,7 +150,10 @@ const datePickerProps = {
   firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),
   keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),
   hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),
-  onChange: PropTypes.func.description("\n      function executed when input changes. This could trigger with invalid dates. It returns a string and a moment\n      if the date is valid.\n    "),
+  onChange: PropTypes.func.description(`
+      function executed when input changes. This could trigger with invalid dates. It returns a string and a moment
+      if the date is valid.
+    `),
   onDateChange: PropTypes.func.description('function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object'),
   onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),
   onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),

package/esm/components/DSDatePickerImpl.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
 import moment from 'moment';
 import { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';
@@ -214,7 +213,7 @@ class DSdatePickerImpl extends React.Component {
     //  it's incomplete when length is not the full mmddyyyy (length === 8)
 
 
-    if ((prevValAsString === null || prevValAsString === void 0 ? void 0 : prevValAsString.length) < 8) {
+    if (prevValAsString?.length < 8) {
       return null;
     }
 

package/esm/components/DatePickerController/DatePickerController.js

@@ -3,7 +3,6 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
@@ -29,18 +28,14 @@ const {
 } = convertPropToCssClassName('datepicker-range');
 const focusElementOnOpen = debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
   if (datePickerDom) {
-    const currentDay = Array.from(datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__today')).filter(el => !el.className.includes('CalendarDay__outside'))[0];
-    const [calendarDaySelected] = datePickerDom === null || datePickerDom === void 0 ? void 0 : datePickerDom.getElementsByClassName('CalendarDay__selected');
+    const currentDay = Array.from(datePickerDom?.getElementsByClassName('CalendarDay__today')).filter(el => !el.className.includes('CalendarDay__outside'))[0];
+    const [calendarDaySelected] = datePickerDom?.getElementsByClassName('CalendarDay__selected');
 
     if (calendarDaySelected) {
-      var _calendarDaySelected$;
-
-      calendarDaySelected === null || calendarDaySelected === void 0 ? void 0 : (_calendarDaySelected$ = calendarDaySelected.focus) === null || _calendarDaySelected$ === void 0 ? void 0 : _calendarDaySelected$.call(calendarDaySelected);
+      calendarDaySelected?.focus?.();
     } else if (focusCurrentDate && !calendarDaySelected) currentDay.focus();else {
-      var _navButton$focus;
-
-      const navButton = firstFocusableItemDom === null || firstFocusableItemDom === void 0 ? void 0 : firstFocusableItemDom.closest('.DayPickerNavigation_button>div');
-      navButton === null || navButton === void 0 ? void 0 : (_navButton$focus = navButton.focus) === null || _navButton$focus === void 0 ? void 0 : _navButton$focus.call(navButton);
+      const navButton = firstFocusableItemDom?.closest('.DayPickerNavigation_button>div');
+      navButton?.focus?.();
     }
   }
 }, 100);
@@ -50,10 +45,8 @@ class DSDatePickerController extends React.Component {
     super(props);
 
     this.handleMouseUp = () => {
-      var _focusedElement$blur;
-
       const focusedElement = document.activeElement;
-      focusedElement === null || focusedElement === void 0 ? void 0 : (_focusedElement$blur = focusedElement.blur) === null || _focusedElement$blur === void 0 ? void 0 : _focusedElement$blur.call(focusedElement);
+      focusedElement?.blur?.();
     };
 
     this.handleKeyDown = event => {
@@ -142,14 +135,10 @@ class DSDatePickerController extends React.Component {
       } = this.props;
 
       if (nav === 'prev') {
-        var _prev$focus;
-
-        prev === null || prev === void 0 ? void 0 : (_prev$focus = prev.focus) === null || _prev$focus === void 0 ? void 0 : _prev$focus.call(prev);
+        prev?.focus?.();
         onPrevMonthClick(date);
       } else {
-        var _next$focus;
-
-        next === null || next === void 0 ? void 0 : (_next$focus = next.focus) === null || _next$focus === void 0 ? void 0 : _next$focus.call(next);
+        next?.focus?.();
         onNextMonthClick(date);
       }
     };
@@ -179,7 +168,7 @@ class DSDatePickerController extends React.Component {
     datePicker.current.addEventListener('mouseup', this.handleMouseUp, false);
     document.addEventListener('keydown', this.handleKeyDown, false);
     setTimeout(() => {
-      focusElementOnOpen(datePicker === null || datePicker === void 0 ? void 0 : datePicker.current, firstFocusableItem === null || firstFocusableItem === void 0 ? void 0 : firstFocusableItem.current, this.props.focusCurrentDate);
+      focusElementOnOpen(datePicker?.current, firstFocusableItem?.current, this.props.focusCurrentDate);
     }, 400);
   }
 

package/esm/components/DatePickerDay/DatePickerDay.js

@@ -8,9 +8,9 @@ const Day = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsx("div", {
     className: className,
-    "data-testid": "datepicker-day-".concat(date)
+    "data-testid": `datepicker-day-${date}`
   }, void 0, /*#__PURE__*/_jsx("div", {
-    className: "".concat(className, "-half"),
+    className: `${className}-half`,
     "data-testid": "datepicker-day"
   }, void 0, date));
 };

package/esm/components/DatePickerHeader/DatePickerHeader.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import moment from 'moment';
 import { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';
@@ -17,10 +16,10 @@ const DatePickerHeader = _ref => {
     selectedDate,
     updateKeyDate
   } = _ref;
-  const [value, setValue] = useState(isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format) ? selectedDate.format(DATE_FORMAT) : '');
+  const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : '');
   useEffect(() => {
-    if (isFn(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format)) {
-      setValue(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format(DATE_FORMAT));
+    if (isFn(selectedDate?.format)) {
+      setValue(selectedDate?.format(DATE_FORMAT));
     }
   }, [selectedDate]);
 

package/esm/components/DatePickerRange/DatePickerRange.js

@@ -1,11 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useState, useRef } from 'react';
 import { DayPickerRangeController } from 'react-dates';
 import moment from 'moment';

package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useEffect } from 'react';
 import moment from 'moment';
 import { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';
@@ -59,8 +58,6 @@ const DatePickerRangeHeader = _ref2 => {
   const handleOnFocus = inputType => onFocusChange(inputType);
 
   const handleOnChangeStart = newStartValue => {
-    var _endInputRef$current, _endInputRef$current$;
-
     const y = newStartValue.substring(4);
     const momentValue = moment(newStartValue, DATE_FORMAT);
 
@@ -70,7 +67,7 @@ const DatePickerRangeHeader = _ref2 => {
 
     setStartValue(newStartValue);
 
-    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef !== null && endInputRef !== void 0 && (_endInputRef$current = endInputRef.current) !== null && _endInputRef$current !== void 0 && (_endInputRef$current$ = _endInputRef$current.firstChild) !== null && _endInputRef$current$ !== void 0 && _endInputRef$current$.focus) {
+    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {
       endInputRef.current.firstChild.focus();
     }
   };

package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -1,6 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef } from 'react';
 import { DayPickerSingleDateController } from 'react-dates';
 import moment from 'moment';

package/esm/defaultPhrases.js

@@ -30,14 +30,14 @@ const chooseAvailableStartDate = _ref => {
   let {
     date
   } = _ref;
-  return "Choose ".concat(date, " as your check-in date. It\u2019s available.");
+  return `Choose ${date} as your check-in date. It’s available.`;
 };
 
 const chooseAvailableEndDate = _ref2 => {
   let {
     date
   } = _ref2;
-  return "Choose ".concat(date, " as your check-out date. It\u2019s available.");
+  return `Choose ${date} as your check-out date. It’s available.`;
 };
 
 const chooseAvailableDate = _ref3 => {
@@ -51,28 +51,28 @@ const dateIsUnavailable = _ref4 => {
   let {
     date
   } = _ref4;
-  return "Not available. ".concat(date);
+  return `Not available. ${date}`;
 };
 
 const dateIsSelected = _ref5 => {
   let {
     date
   } = _ref5;
-  return "Selected. ".concat(date);
+  return `Selected. ${date}`;
 };
 
 const dateIsSelectedAsStartDate = _ref6 => {
   let {
     date
   } = _ref6;
-  return "Selected as start date. ".concat(date);
+  return `Selected as start date. ${date}`;
 };
 
 const dateIsSelectedAsEndDate = _ref7 => {
   let {
     date
   } = _ref7;
-  return "Selected as end date. ".concat(date);
+  return `Selected as end date. ${date}`;
 };
 
 var defaultPhrases = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-picker",
-  "version": "2.4.2-rc.3",
+  "version": "2.4.3-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Picker",
   "module": "./esm/index.js",
@@ -92,15 +92,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.4.2-rc.3",
-    "@elliemae/ds-button": "2.4.2-rc.3",
-    "@elliemae/ds-classnames": "2.4.2-rc.3",
-    "@elliemae/ds-form": "2.4.2-rc.3",
-    "@elliemae/ds-grid": "2.4.2-rc.3",
-    "@elliemae/ds-icons": "2.4.2-rc.3",
-    "@elliemae/ds-popper": "2.4.2-rc.3",
-    "@elliemae/ds-shared": "2.4.2-rc.3",
-    "@elliemae/ds-system": "2.4.2-rc.3",
+    "@elliemae/ds-basic": "2.4.3-rc.0",
+    "@elliemae/ds-button": "2.4.3-rc.0",
+    "@elliemae/ds-classnames": "2.4.3-rc.0",
+    "@elliemae/ds-form": "2.4.3-rc.0",
+    "@elliemae/ds-grid": "2.4.3-rc.0",
+    "@elliemae/ds-icons": "2.4.3-rc.0",
+    "@elliemae/ds-popper": "2.4.3-rc.0",
+    "@elliemae/ds-shared": "2.4.3-rc.0",
+    "@elliemae/ds-system": "2.4.3-rc.0",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",