@elliemae/ds-date-picker 3.16.0-rc.4 → 3.16.0-rc.6

package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable consistent-return */\n/* eslint-disable no-unused-expressions */\nimport React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DSDateInputV2, DSInputGroup } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockname = 'date-range-picker';\n\nconst DATE_FORMAT = 'MMDDYYYY';\n\n// When year is greater than 999 it means the user finished writing\n// the year for the range, because they must type 4 numbers for the year\n// to be higher than 999\nconst MAGIC_NUMBER = 999;\n\nconst Header = aggregatedClasses('div')(blockname, 'header', ({ invalidDate }) => ({ invalidDate }));\n\nconst DatePickerRangeHeader = ({\n  onStartInputChange = () => null,\n  onEndInputChange = () => null,\n  onFocusChange = () => null,\n  selectedStartDate,\n  selectedEndDate,\n  handleDatesChange,\n  autoJumpOnEdit = true,\n}) => {\n  const [startValue, setStartValue] = useState(selectedStartDate);\n  const [endValue, setEndValue] = useState(selectedEndDate);\n  const startInputRef = useRef();\n  const endInputRef = useRef();\n\n  useEffect(() => {\n    if (selectedStartDate) {\n      setStartValue(selectedStartDate.format(DATE_FORMAT));\n    }\n    if (selectedEndDate) {\n      setEndValue(selectedEndDate.format(DATE_FORMAT));\n    }\n  }, [selectedStartDate, selectedEndDate]);\n\n  const isValidRangeDate = (start, end) => {\n    let isValidRange = false;\n    if (start && end) {\n      const momentStart = moment(start, DATE_FORMAT);\n      const momentEnd = moment(end, DATE_FORMAT);\n      isValidRange = momentStart.isBefore(momentEnd);\n    }\n    return isValidRange;\n  };\n\n  const handleOnFocus = (inputType) => onFocusChange(inputType);\n\n  const handleOnChangeStart = (newStartValue) => {\n    const y = newStartValue.substring(4);\n    const momentValue = moment(newStartValue, DATE_FORMAT);\n    if (newStartValue && newStartValue.length === DATE_FORMAT.length) {\n      onStartInputChange(momentValue);\n    }\n\n    setStartValue(newStartValue);\n    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {\n      endInputRef.current.firstChild.focus();\n    }\n  };\n\n  const handleOnChangeEnd = (newEndValue) => {\n    const momentValue = moment(newEndValue, DATE_FORMAT);\n    if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {\n      onEndInputChange(momentValue);\n    }\n    setEndValue(newEndValue);\n  };\n\n  const handleOnKeyDownStart = (e) => {\n    const isValid = isValidRangeDate(startValue, endValue);\n    const momentStart = moment(startValue, DATE_FORMAT);\n    const momentEnd = moment(endValue, DATE_FORMAT);\n    if (e.key === 'Enter' && startValue) {\n      onStartInputChange(momentStart);\n      if (isValid) handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n    }\n  };\n\n  const handleOnKeyDownEnd = (e) => {\n    const isValid = isValidRangeDate(startValue, endValue);\n    const momentStart = moment(startValue, DATE_FORMAT);\n    const momentEnd = moment(endValue, DATE_FORMAT);\n    if (e.key === 'Enter' && isValid) {\n      handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n      onEndInputChange(momentEnd);\n    }\n  };\n\n  return (\n    <Header>\n      <DSInputGroup>\n        <DSDateInputV2\n          containerProps={{ 'data-testid': 'start-date' }}\n          innerRef={startInputRef}\n          onChange={handleOnChangeStart}\n          onFocus={() => handleOnFocus('startDate')}\n          onKeyDown={handleOnKeyDownStart}\n          value={startValue}\n        />\n        <DSDateInputV2\n          containerProps={{ 'data-testid': 'end-date' }}\n          innerRef={endInputRef}\n          onChange={handleOnChangeEnd}\n          onFocus={() => handleOnFocus('endDate')}\n          onKeyDown={handleOnKeyDownEnd}\n          value={endValue}\n        />\n      </DSInputGroup>\n    </Header>\n  );\n};\n\nDatePickerRangeHeader.propTypes = {\n  onStartInputChange: PropTypes.func,\n  onEndInputChange: PropTypes.func,\n  onFocusChange: PropTypes.func,\n  selectedStartDate: PropTypes.any,\n  selectedEndDate: PropTypes.any,\n  handleDatesChange: PropTypes.func,\n  autoJumpOnEdit: PropTypes.bool,\n};\n\nexport { DatePickerRangeHeader };\nexport default DatePickerRangeHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["moment", "PropTypes"]
 }

package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DatePickerRenderMonth/DatePickerRenderMonth.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react';\nimport { ChevronDoubleLeft, ChevronDoubleRight } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const renderMonthElement = ({ month, onYearSelect }) => (\n  <Grid height=\"20px\" cols={['auto', 1, 'auto']} alignItems=\"flex-end\" mr=\"10px\">\n    <div>\n      <div\n        role=\"button\"\n        tabIndex=\"0\"\n        data-testid=\"date-picker-prev-year-arrow\"\n        onClick={() => onYearSelect(month, month.year() - 1)}\n      >\n        <ChevronDoubleLeft width={13.6} height={13.6} />\n      </div>\n    </div>\n    <Grid data-testid=\"date-picker-header\">\n      <strong>{month.format('MMMM YYYY')}</strong>\n    </Grid>\n    <div>\n      <div\n        role=\"button\"\n        tabIndex=\"0\"\n        data-testid=\"date-picker-next-year-arrow\"\n        onClick={() => onYearSelect(month, month.year() + 1)}\n      >\n        <ChevronDoubleRight width={13.6} height={13.6} />\n      </div>\n    </div>\n  </Grid>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMrB;AAJF,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,aAAa,MACvD,6CAAC,uBAAK,QAAO,QAAO,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,YAAW,YAAW,IAAG,QACtE;AAAA,8CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,qCAAkB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EAChD,GACF;AAAA,EACA,4CAAC,uBAAK,eAAY,sBAChB,sDAAC,YAAQ,gBAAM,OAAO,WAAW,GAAE,GACrC;AAAA,EACA,4CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,sCAAmB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EACjD,GACF;AAAA,GACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMrB;AAJF,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,aAAa,MACvD,6CAAC,uBAAK,QAAO,QAAO,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,YAAW,YAAW,IAAG,QACtE;AAAA,8CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,qCAAkB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EAChD,GACF;AAAA,EACA,4CAAC,uBAAK,eAAY,sBAChB,sDAAC,YAAQ,gBAAM,OAAO,WAAW,GAAE,GACrC;AAAA,EACA,4CAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,eAAY;AAAA,MACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,MAEnD,sDAAC,sCAAmB,OAAO,MAAM,QAAQ,MAAM;AAAA;AAAA,EACjD,GACF;AAAA,GACF;",
   "names": []
 }

package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,9 +39,9 @@ var import_react_dates = require("react-dates");
 var import_moment = __toESM(require("moment"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
-var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
-var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader");
+var import_DatePickerDay = require("../DatePickerDay/DatePickerDay.js");
+var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation.js");
+var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader.js");
 const blockname = "single-date";
 const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
 const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");

package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/DatePickerSingleDate/DatePickerSingleDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/prop-types */\n/* eslint-disable no-console */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerSingleDateController } from 'react-dates';\nimport moment from 'moment';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader';\n\nconst blockname = 'single-date';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst DatePickerSingleDate = ({\n  date,\n  displayFormatDay = 'D',\n  isDayHighlighted = () => false,\n  enableOutsideDays = true,\n  showHeader = true,\n  onChange = () => null,\n  ...rest\n}) => {\n  const [selectedDate, setSelectedDate] = useState(date);\n  const [key, setKey] = useState(moment());\n  const datePickerRef = useRef();\n\n  const updateKeyDate = (newDate) => {\n    setKey(newDate);\n  };\n\n  const handleDateChange = (newDate) => {\n    setSelectedDate(newDate);\n    setTimeout(() => onChange(newDate), 500);\n  };\n\n  return (\n    <Wrapper>\n      {showHeader && (\n        <DatePickerHeader onInputChange={handleDateChange} selectedDate={selectedDate} updateKeyDate={updateKeyDate} />\n      )}\n      <div\n        ref={datePickerRef}\n        className={classNameBlock('wrapper-day-picker-single-date-controller')}\n        data-testid={rest['data-testid'] || 'date-picker-single-date'}\n      >\n        <DayPickerSingleDateController\n          key={key}\n          date={selectedDate}\n          enableOutsideDays={enableOutsideDays}\n          focused\n          hideKeyboardShortcutsPanel\n          isDayHighlighted={isDayHighlighted}\n          keepOpenOnDateSelect\n          navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n          navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n          onDateChange={handleDateChange}\n          renderDayContents={(givenDate) => (\n            <DatePickerDay className={classNameElement('day-contents')} date={givenDate.format(displayFormatDay)} />\n          )}\n        />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport { DatePickerSingleDate };\nexport default DatePickerSingleDate;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AArCJ,mBAAwC;AACxC,yBAA8C;AAC9C,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,YAAY;AAEnF,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,WAAW,MAAM;AAAA,KACd;AACL,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,IAAI;AACrD,QAAM,CAAC,KAAK,MAAM,QAAI,2BAAS,cAAAA,SAAO,CAAC;AACvC,QAAM,oBAAgB,qBAAO;AAE7B,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO,OAAO;AAAA,EAChB;AAEA,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB,OAAO;AACvB,eAAW,MAAM,SAAS,OAAO,GAAG,GAAG;AAAA,EACzC;AAEA,SACE,6CAAC,WACE;AAAA,kBACC,4CAAC,4CAAiB,eAAe,kBAAkB,cAA4B,eAA8B;AAAA,IAE/G;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,eAAe,2CAA2C;AAAA,QACrE,eAAa,KAAK,kBAAkB;AAAA,QAEpC;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,SAAO;AAAA,YACP,4BAA0B;AAAA,YAC1B;AAAA,YACA,sBAAoB;AAAA,YACpB,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG;AAAA,YAC/E,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG,MAAM,6BAAa;AAAA,YAClG,cAAc;AAAA,YACd,mBAAmB,CAAC,cAClB,4CAAC,sCAAc,WAAW,iBAAiB,cAAc,GAAG,MAAM,UAAU,OAAO,gBAAgB,GAAG;AAAA;AAAA,UAXnG;AAAA,QAaP;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/prop-types */\n/* eslint-disable no-console */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerSingleDateController } from 'react-dates';\nimport moment from 'moment';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay.js';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation.js';\nimport { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader.js';\n\nconst blockname = 'single-date';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst DatePickerSingleDate = ({\n  date,\n  displayFormatDay = 'D',\n  isDayHighlighted = () => false,\n  enableOutsideDays = true,\n  showHeader = true,\n  onChange = () => null,\n  ...rest\n}) => {\n  const [selectedDate, setSelectedDate] = useState(date);\n  const [key, setKey] = useState(moment());\n  const datePickerRef = useRef();\n\n  const updateKeyDate = (newDate) => {\n    setKey(newDate);\n  };\n\n  const handleDateChange = (newDate) => {\n    setSelectedDate(newDate);\n    setTimeout(() => onChange(newDate), 500);\n  };\n\n  return (\n    <Wrapper>\n      {showHeader && (\n        <DatePickerHeader onInputChange={handleDateChange} selectedDate={selectedDate} updateKeyDate={updateKeyDate} />\n      )}\n      <div\n        ref={datePickerRef}\n        className={classNameBlock('wrapper-day-picker-single-date-controller')}\n        data-testid={rest['data-testid'] || 'date-picker-single-date'}\n      >\n        <DayPickerSingleDateController\n          key={key}\n          date={selectedDate}\n          enableOutsideDays={enableOutsideDays}\n          focused\n          hideKeyboardShortcutsPanel\n          isDayHighlighted={isDayHighlighted}\n          keepOpenOnDateSelect\n          navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n          navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n          onDateChange={handleDateChange}\n          renderDayContents={(givenDate) => (\n            <DatePickerDay className={classNameElement('day-contents')} date={givenDate.format(displayFormatDay)} />\n          )}\n        />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport { DatePickerSingleDate };\nexport default DatePickerSingleDate;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AArCJ,mBAAwC;AACxC,yBAA8C;AAC9C,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,YAAY;AAEnF,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,WAAW,MAAM;AAAA,EACjB,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,IAAI;AACrD,QAAM,CAAC,KAAK,MAAM,QAAI,2BAAS,cAAAA,SAAO,CAAC;AACvC,QAAM,oBAAgB,qBAAO;AAE7B,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO,OAAO;AAAA,EAChB;AAEA,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB,OAAO;AACvB,eAAW,MAAM,SAAS,OAAO,GAAG,GAAG;AAAA,EACzC;AAEA,SACE,6CAAC,WACE;AAAA,kBACC,4CAAC,4CAAiB,eAAe,kBAAkB,cAA4B,eAA8B;AAAA,IAE/G;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,eAAe,2CAA2C;AAAA,QACrE,eAAa,KAAK,aAAa,KAAK;AAAA,QAEpC;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,SAAO;AAAA,YACP,4BAA0B;AAAA,YAC1B;AAAA,YACA,sBAAoB;AAAA,YACpB,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG;AAAA,YAC/E,SAAS,4CAAC,oDAAqB,WAAW,iBAAiB,iBAAiB,GAAG,MAAM,6BAAa;AAAA,YAClG,cAAc;AAAA,YACd,mBAAmB,CAAC,cAClB,4CAAC,sCAAc,WAAW,iBAAiB,cAAc,GAAG,MAAM,UAAU,OAAO,gBAAgB,GAAG;AAAA;AAAA,UAXnG;AAAA,QAaP;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
   "names": ["moment"]
 }

package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,8 +36,8 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
-var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader");
+var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader.js");
+var import_DatePickerHeader = require("../DatePickerHeader/DatePickerHeader.js");
 const blockname = "date-switcher";
 const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
 const SingleRangeDateSwitcher = ({

package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader';\nimport { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader';\n\nconst blockname = 'date-switcher';\nconst Header = aggregatedClasses('div')(blockname, 'header');\n\nconst SingleRangeDateSwitcher = ({\n  onStartInputChange,\n  onEndInputChange,\n  onSingleInputChange,\n  onFocusChange,\n  selectedStartDate,\n  selectedEndDate,\n  selectedSingleDate,\n  isDateRange,\n  setIsDateRange,\n  handleDatesChange,\n  updateKeyDate,\n  focusedInput,\n}) => {\n  const SingleDateInput = (\n    <DatePickerHeader\n      onInputChange={onSingleInputChange}\n      selectedDate={selectedSingleDate}\n      updateKeyDate={updateKeyDate}\n    />\n  );\n  const DateRangeInput = (\n    <DatePickerRangeHeader\n      focusedInput={focusedInput}\n      onFocusChange={onFocusChange}\n      onEndInputChange={onEndInputChange}\n      onStartInputChange={onStartInputChange}\n      selectedEndDate={selectedEndDate}\n      selectedStartDate={selectedStartDate}\n      handleDatesChange={handleDatesChange}\n    />\n  );\n\n  return (\n    <Header data-testid=\"date-switch-header\">\n      <DSCheckbox\n        checked={isDateRange}\n        className=\"switch-header__checkbox\"\n        labelText=\"Range\"\n        onChange={setIsDateRange}\n      />\n      {isDateRange ? DateRangeInput : SingleDateInput}\n    </Header>\n  );\n};\n\nexport { SingleRangeDateSwitcher };\nexport default SingleRangeDateSwitcher;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,qBAA2B;AAC3B,2BAAkC;AAClC,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AAE3D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA;AAAA,EACF;AAEF,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAGF,SACE,6CAAC,UAAO,eAAY,sBAClB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ;AAAA,IACC,cAAc,iBAAiB;AAAA,KAClC;AAEJ;AAGA,IAAO,kCAAQ;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader.js';\nimport { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader.js';\n\nconst blockname = 'date-switcher';\nconst Header = aggregatedClasses('div')(blockname, 'header');\n\nconst SingleRangeDateSwitcher = ({\n  onStartInputChange,\n  onEndInputChange,\n  onSingleInputChange,\n  onFocusChange,\n  selectedStartDate,\n  selectedEndDate,\n  selectedSingleDate,\n  isDateRange,\n  setIsDateRange,\n  handleDatesChange,\n  updateKeyDate,\n  focusedInput,\n}) => {\n  const SingleDateInput = (\n    <DatePickerHeader\n      onInputChange={onSingleInputChange}\n      selectedDate={selectedSingleDate}\n      updateKeyDate={updateKeyDate}\n    />\n  );\n  const DateRangeInput = (\n    <DatePickerRangeHeader\n      focusedInput={focusedInput}\n      onFocusChange={onFocusChange}\n      onEndInputChange={onEndInputChange}\n      onStartInputChange={onStartInputChange}\n      selectedEndDate={selectedEndDate}\n      selectedStartDate={selectedStartDate}\n      handleDatesChange={handleDatesChange}\n    />\n  );\n\n  return (\n    <Header data-testid=\"date-switch-header\">\n      <DSCheckbox\n        checked={isDateRange}\n        className=\"switch-header__checkbox\"\n        labelText=\"Range\"\n        onChange={setIsDateRange}\n      />\n      {isDateRange ? DateRangeInput : SingleDateInput}\n    </Header>\n  );\n};\n\nexport { SingleRangeDateSwitcher };\nexport default SingleRangeDateSwitcher;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,qBAA2B;AAC3B,2BAAkC;AAClC,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,YAAY;AAClB,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AAE3D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf,cAAc;AAAA,MACd;AAAA;AAAA,EACF;AAEF,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAGF,SACE,6CAAC,UAAO,eAAY,sBAClB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAU;AAAA,QACV,UAAU;AAAA;AAAA,IACZ;AAAA,IACC,cAAc,iBAAiB;AAAA,KAClC;AAEJ;AAGA,IAAO,kCAAQ;",
   "names": []
 }

package/dist/cjs/components/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -37,14 +41,14 @@ __export(components_exports, {
 });
 module.exports = __toCommonJS(components_exports);
 var React = __toESM(require("react"));
-var import_DatePickerNavigation = __toESM(require("./DatePickerNavigation/DatePickerNavigation"));
-var import_DatePickerDay = __toESM(require("./DatePickerDay/DatePickerDay"));
-var import_DatePickerPicker = __toESM(require("./DatePickerPicker/DatePickerPicker"));
-var import_DatePickerDropdown = __toESM(require("./DatePickerDropdown"));
-var import_DatePickerSingleDate = __toESM(require("./DatePickerSingleDate/DatePickerSingleDate"));
-var import_DatePickerHeader = __toESM(require("./DatePickerHeader/DatePickerHeader"));
-var import_DatePickerRange = __toESM(require("./DatePickerRange/DatePickerRange"));
-var import_DatePickerRangeHeader = __toESM(require("./DatePickerRangeHeader/DatePickerRangeHeader"));
-var import_SingleRangeDateSwitcher = __toESM(require("./SingleRangeDateSwitcher/SingleRangeDateSwitcher"));
-var import_DatePickerRenderMonth = require("./DatePickerRenderMonth/DatePickerRenderMonth");
+var import_DatePickerNavigation = __toESM(require("./DatePickerNavigation/DatePickerNavigation.js"));
+var import_DatePickerDay = __toESM(require("./DatePickerDay/DatePickerDay.js"));
+var import_DatePickerPicker = __toESM(require("./DatePickerPicker/DatePickerPicker.js"));
+var import_DatePickerDropdown = __toESM(require("./DatePickerDropdown.js"));
+var import_DatePickerSingleDate = __toESM(require("./DatePickerSingleDate/DatePickerSingleDate.js"));
+var import_DatePickerHeader = __toESM(require("./DatePickerHeader/DatePickerHeader.js"));
+var import_DatePickerRange = __toESM(require("./DatePickerRange/DatePickerRange.js"));
+var import_DatePickerRangeHeader = __toESM(require("./DatePickerRangeHeader/DatePickerRangeHeader.js"));
+var import_SingleRangeDateSwitcher = __toESM(require("./SingleRangeDateSwitcher/SingleRangeDateSwitcher.js"));
+var import_DatePickerRenderMonth = require("./DatePickerRenderMonth/DatePickerRenderMonth.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as DatePickerNavigation } from './DatePickerNavigation/DatePickerNavigation';\nexport { default as DatePickerDay } from './DatePickerDay/DatePickerDay';\nexport { default as DatePickerPicker } from './DatePickerPicker/DatePickerPicker';\nexport { default as DatePickerDropdown } from './DatePickerDropdown';\nexport { default as DatePickerSingleDate } from './DatePickerSingleDate/DatePickerSingleDate';\nexport { default as DatePickerHeader } from './DatePickerHeader/DatePickerHeader';\nexport { default as DatePickerRange } from './DatePickerRange/DatePickerRange';\nexport { default as DatePickerRangeHeader } from './DatePickerRangeHeader/DatePickerRangeHeader';\nexport { default as SingleRangeDateSwitcher } from './SingleRangeDateSwitcher/SingleRangeDateSwitcher';\nexport { renderMonthElement } from './DatePickerRenderMonth/DatePickerRenderMonth';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAgD;AAChD,2BAAyC;AACzC,8BAA4C;AAC5C,gCAA8C;AAC9C,kCAAgD;AAChD,8BAA4C;AAC5C,6BAA2C;AAC3C,mCAAiD;AACjD,qCAAmD;AACnD,mCAAmC;",
+  "sourcesContent": ["export { default as DatePickerNavigation } from './DatePickerNavigation/DatePickerNavigation.js';\nexport { default as DatePickerDay } from './DatePickerDay/DatePickerDay.js';\nexport { default as DatePickerPicker } from './DatePickerPicker/DatePickerPicker.js';\nexport { default as DatePickerDropdown } from './DatePickerDropdown.js';\nexport { default as DatePickerSingleDate } from './DatePickerSingleDate/DatePickerSingleDate.js';\nexport { default as DatePickerHeader } from './DatePickerHeader/DatePickerHeader.js';\nexport { default as DatePickerRange } from './DatePickerRange/DatePickerRange.js';\nexport { default as DatePickerRangeHeader } from './DatePickerRangeHeader/DatePickerRangeHeader.js';\nexport { default as SingleRangeDateSwitcher } from './SingleRangeDateSwitcher/SingleRangeDateSwitcher.js';\nexport { renderMonthElement } from './DatePickerRenderMonth/DatePickerRenderMonth.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAgD;AAChD,2BAAyC;AACzC,8BAA4C;AAC5C,gCAA8C;AAC9C,kCAAgD;AAChD,8BAA4C;AAC5C,6BAA2C;AAC3C,mCAAiD;AACjD,qCAAmD;AACnD,mCAAmC;",
   "names": []
 }

package/dist/cjs/defaultPhrases.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/defaultPhrases.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/defaultPhrases.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["const calendarLabel = 'Calendar';\nconst roleDescription = 'datepicker';\nconst closeDatePicker = 'Close';\nconst focusStartDate = 'Interact with the calendar and add the check-in date for your trip.';\nconst clearDate = 'Clear Date';\nconst clearDates = 'Clear Dates';\nconst jumpToPrevMonth = 'Move backward to switch to the previous month.';\nconst jumpToNextMonth = 'Move forward to switch to the next month.';\nconst keyboardShortcuts = 'Keyboard Shortcuts';\nconst showKeyboardShortcutsPanel = 'Open the keyboard shortcuts panel.';\nconst hideKeyboardShortcutsPanel = 'Close the shortcuts panel.';\nconst openThisPanel = 'Open this panel.';\nconst enterKey = 'Enter key';\nconst leftArrowRightArrow = 'Right and left arrow keys';\nconst upArrowDownArrow = 'up and down arrow keys';\nconst pageUpPageDown = 'page up and page down keys';\nconst homeEnd = 'Home and end keys';\nconst escape = 'Escape key';\nconst questionMark = 'Question mark';\nconst selectFocusedDate = 'Select the date in focus.';\nconst moveFocusByOneDay = 'Move backward (left) and forward (right) by one day.';\nconst moveFocusByOneWeek = 'Move backward (up) and forward (down) by one week.';\nconst moveFocusByOneMonth = 'Switch months.';\nconst moveFocustoStartAndEndOfWeek = 'Go to the first or last day of a week.';\nconst returnFocusToInput = 'Return to the date input field.';\nconst keyboardForwardNavigationInstructions =\n  'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\nconst keyboardBackwardNavigationInstructions =\n  'Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\n\nconst chooseAvailableStartDate = ({ date }) => `Choose ${date} as your check-in date. It\u2019s available.`;\nconst chooseAvailableEndDate = ({ date }) => `Choose ${date} as your check-out date. It\u2019s available.`;\nconst chooseAvailableDate = ({ date }) => date;\nconst dateIsUnavailable = ({ date }) => `Not available. ${date}`;\nconst dateIsSelected = ({ date }) => `Selected. ${date}`;\nconst dateIsSelectedAsStartDate = ({ date }) => `Selected as start date. ${date}`;\nconst dateIsSelectedAsEndDate = ({ date }) => `Selected as end date. ${date}`;\n\nexport default {\n  calendarLabel,\n  roleDescription,\n  closeDatePicker,\n  focusStartDate,\n  clearDate,\n  clearDates,\n  jumpToPrevMonth,\n  jumpToNextMonth,\n  keyboardShortcuts,\n  showKeyboardShortcutsPanel,\n  hideKeyboardShortcutsPanel,\n  openThisPanel,\n  enterKey,\n  leftArrowRightArrow,\n  upArrowDownArrow,\n  pageUpPageDown,\n  homeEnd,\n  escape,\n  questionMark,\n  selectFocusedDate,\n  moveFocusByOneDay,\n  moveFocusByOneWeek,\n  moveFocusByOneMonth,\n  moveFocustoStartAndEndOfWeek,\n  returnFocusToInput,\n  keyboardForwardNavigationInstructions,\n  keyboardBackwardNavigationInstructions,\n\n  chooseAvailableStartDate,\n  chooseAvailableEndDate,\n  dateIsUnavailable,\n  dateIsSelected,\n  dateIsSelectedAsStartDate,\n  dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerPhrases = {\n  calendarLabel,\n  roleDescription,\n  closeDatePicker,\n  clearDates,\n  focusStartDate,\n  jumpToPrevMonth,\n  jumpToNextMonth,\n  keyboardShortcuts,\n  showKeyboardShortcutsPanel,\n  hideKeyboardShortcutsPanel,\n  openThisPanel,\n  enterKey,\n  leftArrowRightArrow,\n  upArrowDownArrow,\n  pageUpPageDown,\n  homeEnd,\n  escape,\n  questionMark,\n  selectFocusedDate,\n  moveFocusByOneDay,\n  moveFocusByOneWeek,\n  moveFocusByOneMonth,\n  moveFocustoStartAndEndOfWeek,\n  returnFocusToInput,\n  keyboardForwardNavigationInstructions,\n  keyboardBackwardNavigationInstructions,\n  chooseAvailableStartDate,\n  chooseAvailableEndDate,\n  dateIsUnavailable,\n  dateIsSelected,\n  dateIsSelectedAsStartDate,\n  dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerInputPhrases = {\n  focusStartDate,\n  clearDates,\n  keyboardForwardNavigationInstructions,\n  keyboardBackwardNavigationInstructions,\n};\n\nexport const SingleDatePickerPhrases = {\n  calendarLabel,\n  roleDescription,\n  closeDatePicker,\n  clearDate,\n  jumpToPrevMonth,\n  jumpToNextMonth,\n  keyboardShortcuts,\n  showKeyboardShortcutsPanel,\n  hideKeyboardShortcutsPanel,\n  openThisPanel,\n  enterKey,\n  leftArrowRightArrow,\n  upArrowDownArrow,\n  pageUpPageDown,\n  homeEnd,\n  escape,\n  questionMark,\n  selectFocusedDate,\n  moveFocusByOneDay,\n  moveFocusByOneWeek,\n  moveFocusByOneMonth,\n  moveFocustoStartAndEndOfWeek,\n  returnFocusToInput,\n  keyboardForwardNavigationInstructions,\n  keyboardBackwardNavigationInstructions,\n  chooseAvailableDate,\n  dateIsUnavailable,\n  dateIsSelected,\n};\n\nexport const SingleDatePickerInputPhrases = {\n  clearDate,\n  keyboardForwardNavigationInstructions,\n  keyboardBackwardNavigationInstructions,\n};\n\nexport const DayPickerPhrases = {\n  calendarLabel,\n  roleDescription,\n  jumpToPrevMonth,\n  jumpToNextMonth,\n  keyboardShortcuts,\n  showKeyboardShortcutsPanel,\n  hideKeyboardShortcutsPanel,\n  openThisPanel,\n  enterKey,\n  leftArrowRightArrow,\n  upArrowDownArrow,\n  pageUpPageDown,\n  homeEnd,\n  escape,\n  questionMark,\n  selectFocusedDate,\n  moveFocusByOneDay,\n  moveFocusByOneWeek,\n  moveFocusByOneMonth,\n  moveFocustoStartAndEndOfWeek,\n  returnFocusToInput,\n  chooseAvailableStartDate,\n  chooseAvailableEndDate,\n  chooseAvailableDate,\n  dateIsUnavailable,\n  dateIsSelected,\n  dateIsSelectedAsStartDate,\n  dateIsSelectedAsEndDate,\n};\n\nexport const DayPickerKeyboardShortcutsPhrases = {\n  keyboardShortcuts,\n  showKeyboardShortcutsPanel,\n  hideKeyboardShortcutsPanel,\n  openThisPanel,\n  enterKey,\n  leftArrowRightArrow,\n  upArrowDownArrow,\n  pageUpPageDown,\n  homeEnd,\n  escape,\n  questionMark,\n  selectFocusedDate,\n  moveFocusByOneDay,\n  moveFocusByOneWeek,\n  moveFocusByOneMonth,\n  moveFocustoStartAndEndOfWeek,\n  returnFocusToInput,\n};\n\nexport const DayPickerNavigationPhrases = {\n  jumpToPrevMonth,\n  jumpToNextMonth,\n};\n\nexport const CalendarDayPhrases = {\n  chooseAvailableDate,\n  dateIsUnavailable,\n  dateIsSelected,\n  dateIsSelectedAsStartDate,\n  dateIsSelectedAsEndDate,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,7 +34,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSDatePicker = __toESM(require("./DSDatePicker"));
-__reExport(src_exports, require("./DSDatePicker"), module.exports);
-var import_defaultPhrases = require("./defaultPhrases");
+var import_DSDatePicker = __toESM(require("./DSDatePicker.js"));
+__reExport(src_exports, require("./DSDatePicker.js"), module.exports);
+var import_defaultPhrases = require("./defaultPhrases.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default } from './DSDatePicker';\nexport * from './DSDatePicker';\nexport { SingleDatePickerPhrases } from './defaultPhrases';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwB;AACxB,wBAAc,2BADd;AAEA,4BAAwC;",
+  "sourcesContent": ["export { default } from './DSDatePicker.js';\nexport * from './DSDatePicker.js';\nexport { SingleDatePickerPhrases } from './defaultPhrases.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwB;AACxB,wBAAc,8BADd;AAEA,4BAAwC;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/DSDatePicker.js

@@ -2,10 +2,10 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useDeprecateComponent } from "@elliemae/ds-utilities";
 import { PropTypes, describe } from "@elliemae/ds-props-helpers";
-import "react-dates/initialize";
+import "react-dates/initialize.js";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import moment from "moment";
-import { SingleDatePickerPhrases } from "./defaultPhrases";
+import { SingleDatePickerPhrases } from "./defaultPhrases.js";
 import {
   DatePickerNavigation,
   DatePickerDay,
@@ -17,10 +17,10 @@ import {
   DatePickerRangeHeader,
   SingleRangeDateSwitcher,
   renderMonthElement
-} from "./components";
-import { DSDatePickerImpl } from "./components/DSDatePickerImpl";
-import { DSDatePickerController } from "./components/DatePickerController/DatePickerController";
-import { PickerPropsTypes, Picker } from "./components/DatePickerPicker/DatePickerPicker";
+} from "./components/index.js";
+import { DSDatePickerImpl } from "./components/DSDatePickerImpl.js";
+import { DSDatePickerController } from "./components/DatePickerController/DatePickerController.js";
+import { PickerPropsTypes, Picker } from "./components/DatePickerPicker/DatePickerPicker.js";
 const DSDatePicker = ({
   containerProps = {},
   id = "",

package/dist/esm/DSDatePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDatePicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport 'react-dates/initialize';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport { SingleDatePickerPhrases } from './defaultPhrases';\nimport {\n  DatePickerNavigation,\n  DatePickerDay,\n  DatePickerPicker,\n  DatePickerDropdown,\n  DatePickerSingleDate,\n  DatePickerHeader,\n  DatePickerRange,\n  DatePickerRangeHeader,\n  SingleRangeDateSwitcher,\n  renderMonthElement,\n} from './components';\nimport { DSDatePickerImpl } from './components/DSDatePickerImpl';\nimport { DSDatePickerController } from './components/DatePickerController/DatePickerController';\nimport { PickerPropsTypes, Picker } from './components/DatePickerPicker/DatePickerPicker';\n\ninterface DSDatePickerPropsType {\n  containerProps: {};\n  id: string;\n  appendToBody: boolean;\n  className: string;\n  date: any;\n  value: any;\n  placeholder: string;\n  disabled: boolean;\n  required: boolean;\n  readOnly: boolean;\n  hasError: boolean;\n  screenReaderInputMessage: boolean;\n  enableOutsideDays: boolean;\n  initialVisibleMonth: moment.Moment;\n  firstDayOfWeek: number;\n  keepOpenOnDateSelect: boolean;\n  hideKeyboardShortcutsPanel: boolean;\n  onChange: () => void;\n  onDateChange: undefined | (() => void);\n  onPrevMonthClick: () => void;\n  onNextMonthClick: () => void;\n  onClose: () => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  phrases: SingleDatePickerPhrases;\n  displayFormat: boolean;\n  displayFormatDay: boolean;\n  transitionDuration: number;\n  verticalSpacing: number;\n  isDayBlocked: () => boolean;\n  isOutsideRange: () => boolean;\n  isDayHighlighted: () => boolean;\n  numberOfMonths: number;\n  openDirection: boolean;\n  tabIndex: boolean;\n  zIndex: boolean;\n  pickerProps: {};\n  calendarProps: {};\n  autoClear: boolean;\n  focusCurrentDate: boolean;\n}\ntype DSDatePickerType = React.ComponentType<DSDatePickerPropsType>;\n\nconst DSDatePicker: DSDatePickerType = ({\n  containerProps = {},\n  id = '',\n  appendToBody = true,\n  className = '',\n  date,\n  value,\n  placeholder = '',\n  disabled = false,\n  required = false,\n  readOnly = false,\n  hasError = false,\n  screenReaderInputMessage = 'Select date',\n  enableOutsideDays = true,\n  initialVisibleMonth = moment(),\n  firstDayOfWeek = 0,\n  keepOpenOnDateSelect = false,\n  hideKeyboardShortcutsPanel = true,\n  onChange = () => null,\n  onDateChange = undefined,\n  onPrevMonthClick = () => null,\n  onNextMonthClick = () => null,\n  onClose = () => null,\n  onFocus = () => null,\n  onBlur = () => null,\n  phrases = SingleDatePickerPhrases,\n  displayFormat = 'L',\n  displayFormatDay = 'D',\n  transitionDuration = 0,\n  verticalSpacing = 0,\n  isDayBlocked = () => false,\n  isOutsideRange = () => false,\n  isDayHighlighted = () => false,\n  numberOfMonths = 1,\n  openDirection = 'down',\n  tabIndex = '',\n  zIndex = 1,\n  pickerProps = {},\n  calendarProps = {},\n  autoClear = false,\n  focusCurrentDate = false,\n}) => {\n  useDeprecateComponent({ componentName: 'ds-date-picker', version: '3.x Date: 2023 Q1' });\n\n  const { cssClassName } = convertPropToCssClassName('datepicker', className, {\n    hasError,\n    readOnly,\n    disabled,\n    id,\n  });\n  const safeDate = date || value;\n  return (\n    <div className={cssClassName} {...containerProps} style={{ minWidth: '140px' }}>\n      <DSDatePickerImpl\n        appendToBody={appendToBody}\n        autoClear={autoClear}\n        date={safeDate}\n        disabled={disabled}\n        displayFormat={displayFormat}\n        displayFormatDay={displayFormatDay}\n        enableOutsideDays={enableOutsideDays}\n        firstDayOfWeek={firstDayOfWeek}\n        hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n        initialVisibleMonth={() => (initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate))}\n        isDayBlocked={isDayBlocked}\n        isDayHighlighted={isDayHighlighted}\n        isOutsideRange={isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange}\n        keepOpenOnDateSelect={keepOpenOnDateSelect}\n        numberOfMonths={numberOfMonths}\n        onBlur={onBlur}\n        onClose={onClose}\n        onChange={onChange}\n        onDateChange={(...args) => {\n          if (onDateChange) onDateChange(...args);\n        }}\n        onFocus={onFocus}\n        onNextMonthClick={onNextMonthClick}\n        onPrevMonthClick={onPrevMonthClick}\n        openDirection={openDirection}\n        phrases={phrases}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        required={required}\n        screenReaderInputMessage={screenReaderInputMessage}\n        transitionDuration={transitionDuration}\n        value={safeDate}\n        verticalSpacing={verticalSpacing}\n        tabIndex={tabIndex}\n        zIndex={zIndex}\n        pickerProps={pickerProps}\n        calendarProps={calendarProps}\n        focusCurrentDate={focusCurrentDate}\n      />\n    </div>\n  );\n};\n\nconst datePickerProps = {\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  id: PropTypes.string.description('components id'),\n  appendToBody: PropTypes.bool.description('append component to body or not').defaultValue(true),\n  className: PropTypes.string.description('html class attribute'),\n  date: PropTypes.instanceOf(Date, moment).description('selected date').defaultValue(undefined),\n  value: PropTypes.instanceOf(Date, moment).description('value'),\n  placeholder: PropTypes.string.description('input placeholder value'),\n  autoClear: PropTypes.bool\n    .description('autoclears the input onblur if the date is not completely set')\n    .defaultValue(false),\n  disabled: PropTypes.bool.description('disable component or not').defaultValue(false),\n  required: PropTypes.bool.description('value is required or not').defaultValue(false),\n  readOnly: PropTypes.bool.description('is read only or not').defaultValue(false),\n  hasError: PropTypes.bool.description('set error state').defaultValue(false),\n  screenReaderInputMessage: PropTypes.string\n    .description('message to anounce by screen reader')\n    .defaultValue('select date'),\n  enableOutsideDays: PropTypes.bool.description('enable days oustide month or not').defaultValue(true),\n  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial month to display'),\n  firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),\n  keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),\n  hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),\n  onChange: PropTypes.func.description(\n    `\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    `,\n  ),\n  onDateChange: PropTypes.func.description(\n    'function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object',\n  ),\n  onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),\n  onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),\n  onBlur: PropTypes.func.description('function executed when component loses focus'),\n  onClose: PropTypes.func.description('function executed when component closes'),\n  onFocus: PropTypes.func.description('function executed when component gains focus'),\n  phrases: PropTypes.shape({\n    calendarLabel: PropTypes.string,\n    closeDatePicker: PropTypes.string,\n    clearDates: PropTypes.string,\n    focusStartDate: PropTypes.string,\n    jumpToPrevMonth: PropTypes.string,\n    jumpToNextMonth: PropTypes.string,\n    keyboardShortcuts: PropTypes.string,\n    showKeyboardShortcutsPanel: PropTypes.string,\n    hideKeyboardShortcutsPanel: PropTypes.string,\n    openThisPanel: PropTypes.string,\n    enterKey: PropTypes.string,\n    leftArrowRightArrow: PropTypes.string,\n    upArrowDownArrow: PropTypes.string,\n    pageUpPageDown: PropTypes.string,\n    homeEnd: PropTypes.string,\n    escape: PropTypes.string,\n    questionMark: PropTypes.string,\n    selectFocusedDate: PropTypes.string,\n    moveFocusByOneDay: PropTypes.string,\n    moveFocusByOneWeek: PropTypes.string,\n    moveFocusByOneMonth: PropTypes.string,\n    moveFocustoStartAndEndOfWeek: PropTypes.string,\n    returnFocusToInput: PropTypes.string,\n    keyboardNavigationInstructions: PropTypes.string,\n    chooseAvailableStartDate: PropTypes.func,\n    chooseAvailableEndDate: PropTypes.func,\n    dateIsUnavailable: PropTypes.func,\n    dateIsSelected: PropTypes.func,\n  })\n    .description('react-dates phrases')\n    .defaultValue(SingleDatePickerPhrases),\n  displayFormat: PropTypes.string.description('display format').defaultValue('L'),\n  displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),\n  transitionDuration: PropTypes.number.description('transition duration').defaultValue(0),\n  verticalSpacing: PropTypes.number.description('vertical spacing'),\n  isDayBlocked: PropTypes.func.description('function that returns each day and disables desired dates'),\n  isOutsideRange: PropTypes.func.description('function that returns each day and disables outisde range dates'),\n  isDayHighlighted: PropTypes.func.description('function that returns each day and higlights desired dates'),\n  numberOfMonths: PropTypes.number.description('amount of months'),\n  openDirection: PropTypes.string.description('open direction of the popup').defaultValue('down'),\n  tabIndex: PropTypes.number.description('overrides tab index of the element'),\n  zIndex: PropTypes.string.description('overrides z-index of the element'),\n  pickerProps: PropTypes.shape(PickerPropsTypes).description('props to be passed to the picker container'),\n  calendarProps: PropTypes.shape({ tabIndex: PropTypes.number }).description(\n    'props to be passes to the calendar container',\n  ),\n  focusCurrentDate: PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false),\n};\n\nDSDatePicker.propTypes = datePickerProps;\nDSDatePicker.displayName = 'DSDatePicker';\nconst DatePickerWithSchema = describe(DSDatePicker);\nDatePickerWithSchema.propTypes = datePickerProps;\n\nexport {\n  DatePickerNavigation,\n  DatePickerDay,\n  DatePickerPicker,\n  DSDatePickerController,\n  DatePickerDropdown,\n  DatePickerSingleDate,\n  DatePickerHeader,\n  DatePickerRange,\n  DatePickerRangeHeader,\n  SingleRangeDateSwitcher,\n  Picker,\n  renderMonthElement,\n  DatePickerWithSchema,\n};\n\nexport { DSDatePicker };\nexport default DSDatePicker;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport 'react-dates/initialize.js';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport { SingleDatePickerPhrases } from './defaultPhrases.js';\nimport {\n  DatePickerNavigation,\n  DatePickerDay,\n  DatePickerPicker,\n  DatePickerDropdown,\n  DatePickerSingleDate,\n  DatePickerHeader,\n  DatePickerRange,\n  DatePickerRangeHeader,\n  SingleRangeDateSwitcher,\n  renderMonthElement,\n} from './components/index.js';\nimport { DSDatePickerImpl } from './components/DSDatePickerImpl.js';\nimport { DSDatePickerController } from './components/DatePickerController/DatePickerController.js';\nimport { PickerPropsTypes, Picker } from './components/DatePickerPicker/DatePickerPicker.js';\n\ninterface DSDatePickerPropsType {\n  containerProps: {};\n  id: string;\n  appendToBody: boolean;\n  className: string;\n  date: any;\n  value: any;\n  placeholder: string;\n  disabled: boolean;\n  required: boolean;\n  readOnly: boolean;\n  hasError: boolean;\n  screenReaderInputMessage: boolean;\n  enableOutsideDays: boolean;\n  initialVisibleMonth: moment.Moment;\n  firstDayOfWeek: number;\n  keepOpenOnDateSelect: boolean;\n  hideKeyboardShortcutsPanel: boolean;\n  onChange: () => void;\n  onDateChange: undefined | (() => void);\n  onPrevMonthClick: () => void;\n  onNextMonthClick: () => void;\n  onClose: () => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  phrases: SingleDatePickerPhrases;\n  displayFormat: boolean;\n  displayFormatDay: boolean;\n  transitionDuration: number;\n  verticalSpacing: number;\n  isDayBlocked: () => boolean;\n  isOutsideRange: () => boolean;\n  isDayHighlighted: () => boolean;\n  numberOfMonths: number;\n  openDirection: boolean;\n  tabIndex: boolean;\n  zIndex: boolean;\n  pickerProps: {};\n  calendarProps: {};\n  autoClear: boolean;\n  focusCurrentDate: boolean;\n}\ntype DSDatePickerType = React.ComponentType<DSDatePickerPropsType>;\n\nconst DSDatePicker: DSDatePickerType = ({\n  containerProps = {},\n  id = '',\n  appendToBody = true,\n  className = '',\n  date,\n  value,\n  placeholder = '',\n  disabled = false,\n  required = false,\n  readOnly = false,\n  hasError = false,\n  screenReaderInputMessage = 'Select date',\n  enableOutsideDays = true,\n  initialVisibleMonth = moment(),\n  firstDayOfWeek = 0,\n  keepOpenOnDateSelect = false,\n  hideKeyboardShortcutsPanel = true,\n  onChange = () => null,\n  onDateChange = undefined,\n  onPrevMonthClick = () => null,\n  onNextMonthClick = () => null,\n  onClose = () => null,\n  onFocus = () => null,\n  onBlur = () => null,\n  phrases = SingleDatePickerPhrases,\n  displayFormat = 'L',\n  displayFormatDay = 'D',\n  transitionDuration = 0,\n  verticalSpacing = 0,\n  isDayBlocked = () => false,\n  isOutsideRange = () => false,\n  isDayHighlighted = () => false,\n  numberOfMonths = 1,\n  openDirection = 'down',\n  tabIndex = '',\n  zIndex = 1,\n  pickerProps = {},\n  calendarProps = {},\n  autoClear = false,\n  focusCurrentDate = false,\n}) => {\n  useDeprecateComponent({ componentName: 'ds-date-picker', version: '3.x Date: 2023 Q1' });\n\n  const { cssClassName } = convertPropToCssClassName('datepicker', className, {\n    hasError,\n    readOnly,\n    disabled,\n    id,\n  });\n  const safeDate = date || value;\n  return (\n    <div className={cssClassName} {...containerProps} style={{ minWidth: '140px' }}>\n      <DSDatePickerImpl\n        appendToBody={appendToBody}\n        autoClear={autoClear}\n        date={safeDate}\n        disabled={disabled}\n        displayFormat={displayFormat}\n        displayFormatDay={displayFormatDay}\n        enableOutsideDays={enableOutsideDays}\n        firstDayOfWeek={firstDayOfWeek}\n        hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n        initialVisibleMonth={() => (initialVisibleMonth ? moment(initialVisibleMonth) : moment(safeDate))}\n        isDayBlocked={isDayBlocked}\n        isDayHighlighted={isDayHighlighted}\n        isOutsideRange={isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange}\n        keepOpenOnDateSelect={keepOpenOnDateSelect}\n        numberOfMonths={numberOfMonths}\n        onBlur={onBlur}\n        onClose={onClose}\n        onChange={onChange}\n        onDateChange={(...args) => {\n          if (onDateChange) onDateChange(...args);\n        }}\n        onFocus={onFocus}\n        onNextMonthClick={onNextMonthClick}\n        onPrevMonthClick={onPrevMonthClick}\n        openDirection={openDirection}\n        phrases={phrases}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        required={required}\n        screenReaderInputMessage={screenReaderInputMessage}\n        transitionDuration={transitionDuration}\n        value={safeDate}\n        verticalSpacing={verticalSpacing}\n        tabIndex={tabIndex}\n        zIndex={zIndex}\n        pickerProps={pickerProps}\n        calendarProps={calendarProps}\n        focusCurrentDate={focusCurrentDate}\n      />\n    </div>\n  );\n};\n\nconst datePickerProps = {\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  id: PropTypes.string.description('components id'),\n  appendToBody: PropTypes.bool.description('append component to body or not').defaultValue(true),\n  className: PropTypes.string.description('html class attribute'),\n  date: PropTypes.instanceOf(Date, moment).description('selected date').defaultValue(undefined),\n  value: PropTypes.instanceOf(Date, moment).description('value'),\n  placeholder: PropTypes.string.description('input placeholder value'),\n  autoClear: PropTypes.bool\n    .description('autoclears the input onblur if the date is not completely set')\n    .defaultValue(false),\n  disabled: PropTypes.bool.description('disable component or not').defaultValue(false),\n  required: PropTypes.bool.description('value is required or not').defaultValue(false),\n  readOnly: PropTypes.bool.description('is read only or not').defaultValue(false),\n  hasError: PropTypes.bool.description('set error state').defaultValue(false),\n  screenReaderInputMessage: PropTypes.string\n    .description('message to anounce by screen reader')\n    .defaultValue('select date'),\n  enableOutsideDays: PropTypes.bool.description('enable days oustide month or not').defaultValue(true),\n  initialVisibleMonth: PropTypes.instanceOf(Date, moment).description('initial month to display'),\n  firstDayOfWeek: PropTypes.number.description('first day of week').defaultValue(0),\n  keepOpenOnDateSelect: PropTypes.bool.description('keep picker open when a date is selected').defaultValue(false),\n  hideKeyboardShortcutsPanel: PropTypes.bool.description('hide keyabord shortcut panel or not').defaultValue(true),\n  onChange: PropTypes.func.description(\n    `\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    `,\n  ),\n  onDateChange: PropTypes.func.description(\n    'function executed when date changes. This doesnt trigger with invalid dates. It returns a moment object',\n  ),\n  onPrevMonthClick: PropTypes.func.description('function executed when clicking on prev month button'),\n  onNextMonthClick: PropTypes.func.description('function executed when clicking on next month button'),\n  onBlur: PropTypes.func.description('function executed when component loses focus'),\n  onClose: PropTypes.func.description('function executed when component closes'),\n  onFocus: PropTypes.func.description('function executed when component gains focus'),\n  phrases: PropTypes.shape({\n    calendarLabel: PropTypes.string,\n    closeDatePicker: PropTypes.string,\n    clearDates: PropTypes.string,\n    focusStartDate: PropTypes.string,\n    jumpToPrevMonth: PropTypes.string,\n    jumpToNextMonth: PropTypes.string,\n    keyboardShortcuts: PropTypes.string,\n    showKeyboardShortcutsPanel: PropTypes.string,\n    hideKeyboardShortcutsPanel: PropTypes.string,\n    openThisPanel: PropTypes.string,\n    enterKey: PropTypes.string,\n    leftArrowRightArrow: PropTypes.string,\n    upArrowDownArrow: PropTypes.string,\n    pageUpPageDown: PropTypes.string,\n    homeEnd: PropTypes.string,\n    escape: PropTypes.string,\n    questionMark: PropTypes.string,\n    selectFocusedDate: PropTypes.string,\n    moveFocusByOneDay: PropTypes.string,\n    moveFocusByOneWeek: PropTypes.string,\n    moveFocusByOneMonth: PropTypes.string,\n    moveFocustoStartAndEndOfWeek: PropTypes.string,\n    returnFocusToInput: PropTypes.string,\n    keyboardNavigationInstructions: PropTypes.string,\n    chooseAvailableStartDate: PropTypes.func,\n    chooseAvailableEndDate: PropTypes.func,\n    dateIsUnavailable: PropTypes.func,\n    dateIsSelected: PropTypes.func,\n  })\n    .description('react-dates phrases')\n    .defaultValue(SingleDatePickerPhrases),\n  displayFormat: PropTypes.string.description('display format').defaultValue('L'),\n  displayFormatDay: PropTypes.string.description('display format day').defaultValue('D'),\n  transitionDuration: PropTypes.number.description('transition duration').defaultValue(0),\n  verticalSpacing: PropTypes.number.description('vertical spacing'),\n  isDayBlocked: PropTypes.func.description('function that returns each day and disables desired dates'),\n  isOutsideRange: PropTypes.func.description('function that returns each day and disables outisde range dates'),\n  isDayHighlighted: PropTypes.func.description('function that returns each day and higlights desired dates'),\n  numberOfMonths: PropTypes.number.description('amount of months'),\n  openDirection: PropTypes.string.description('open direction of the popup').defaultValue('down'),\n  tabIndex: PropTypes.number.description('overrides tab index of the element'),\n  zIndex: PropTypes.string.description('overrides z-index of the element'),\n  pickerProps: PropTypes.shape(PickerPropsTypes).description('props to be passed to the picker container'),\n  calendarProps: PropTypes.shape({ tabIndex: PropTypes.number }).description(\n    'props to be passes to the calendar container',\n  ),\n  focusCurrentDate: PropTypes.bool.description('Wheter to focus current date on calendar').defaultValue(false),\n};\n\nDSDatePicker.propTypes = datePickerProps;\nDSDatePicker.displayName = 'DSDatePicker';\nconst DatePickerWithSchema = describe(DSDatePicker);\nDatePickerWithSchema.propTypes = datePickerProps;\n\nexport {\n  DatePickerNavigation,\n  DatePickerDay,\n  DatePickerPicker,\n  DSDatePickerController,\n  DatePickerDropdown,\n  DatePickerSingleDate,\n  DatePickerHeader,\n  DatePickerRange,\n  DatePickerRangeHeader,\n  SingleRangeDateSwitcher,\n  Picker,\n  renderMonthElement,\n  DatePickerWithSchema,\n};\n\nexport { DSDatePicker };\nexport default DSDatePicker;\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/components/DSDatePickerImpl.js

@@ -3,8 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import React2 from "react";
 import moment from "moment";
 import { DSInputGroup, DSDateInputV2 } from "@elliemae/ds-form";
-import { DSDatePickerController } from "./DatePickerController/DatePickerController";
-import { DatePickerDropdown } from "./DatePickerDropdown";
+import { DSDatePickerController } from "./DatePickerController/DatePickerController.js";
+import { DatePickerDropdown } from "./DatePickerDropdown.js";
 const FORMAT = "MMDDYYYY";
 class DSDatePickerImpl extends React2.Component {
   constructor(props) {

package/dist/esm/components/DSDatePickerImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSDatePickerImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable react/state-in-constructor */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport moment from 'moment';\nimport { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';\nimport { DSDatePickerController } from './DatePickerController/DatePickerController';\nimport { DatePickerDropdown } from './DatePickerDropdown';\n\nconst FORMAT = 'MMDDYYYY';\nexport default class DSDatePickerImpl extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      pickerRef: React.createRef(),\n      dataInput: '',\n      selectedDate: null,\n      inputFocused: false,\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};\n    const { value: nextVal, date: nextDate } = nextProps;\n\n    const isPrevValMoment = prevVal instanceof moment;\n    const isPrevDateMoment = prevDate instanceof moment;\n    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;\n\n    // if users wants to clear, we use '==' to catch both undefined AND null\n    if (nextVal == null && nextDate == null) {\n      return {\n        dataInput: '',\n        selectedDate: null,\n      };\n    }\n\n    // when val is an incomplete state, we don't want to mess with the state\n    //  it's incomplete when length is not the full mmddyyyy (length === 8)\n    if (prevValAsString?.length < 8) {\n      return null;\n    }\n\n    const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;\n\n    const isNextValMoment = nextVal instanceof moment;\n    const isNextDateMoment = nextDate instanceof moment;\n    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;\n    const nextValAsMoment = isNextValMoment ? nextVal : moment(nextVal);\n    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;\n    const nextDateAsMoment = isNextDateMoment ? nextDate : moment(nextDate);\n\n    const hasValChanged = nextValAsString !== prevValAsString;\n    const hasDateChanged = nextDateAsString !== prevDateAsString;\n\n    const newState = {};\n    let skipStateChange = true;\n\n    // value has priority over date, if both date and value change we take date\n    // as such, order of condition is meaningful\n    if (hasDateChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextDateAsString;\n      newState.selectedDate = nextDateAsMoment;\n    }\n\n    if (hasValChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextValAsString;\n      newState.selectedDate = nextValAsMoment;\n    }\n\n    if (skipStateChange) return null;\n    return newState;\n  }\n\n  onClickPicker = () => {\n    this.setState({ inputFocused: true });\n  };\n\n  getSafeValue = () => {\n    const { value, date, defaultValue } = this.props;\n    const { selectedDate } = this.state;\n    if (value) {\n      return moment(value, FORMAT, true);\n    }\n    if (date) {\n      return moment(date, FORMAT, true);\n    }\n    if (defaultValue) {\n      return moment(defaultValue, FORMAT, true);\n    }\n    if (selectedDate) {\n      return selectedDate;\n    }\n    return null;\n  };\n\n  getSafeInputValue = () => {\n    const safeValue = this.getSafeValue();\n    if (safeValue && safeValue.isValid()) {\n      return safeValue.format(FORMAT);\n    }\n    const { dataInput } = this.state;\n    return dataInput;\n  };\n\n  isControlled = () => {\n    const { value, date } = this.props;\n    return Boolean(value) || Boolean(date);\n  };\n\n  handleDateChange = (date, event) => {\n    const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;\n\n    if (!readOnly) {\n      if (!this.isControlled()) {\n        this.setState({ dataInput: date.format(FORMAT), selectedDate: date });\n      }\n      onChange(date.format(FORMAT), date);\n      onDateChange(date);\n      if (!keepOpenOnDateSelect || event.key === 'Enter') {\n        this.setState({ inputFocused: false });\n        onBlur(date.format(FORMAT), date);\n      }\n    }\n  };\n\n  handleInputChange = (dataInput, newDate) => {\n    const { onChange } = this.props;\n    const newState = {\n      dataInput,\n      selectedDate: newDate,\n    };\n    this.setState(() => newState);\n    onChange(dataInput, newDate);\n  };\n\n  handleChange = (newDate) => {\n    if (!newDate) return;\n    const { onDateChange } = this.props;\n    const momentValue = moment(newDate, FORMAT, true);\n    if (!momentValue.isValid()) return;\n    this.setState({ selectedDate: momentValue });\n\n    onDateChange(momentValue);\n  };\n\n  handleFocus = ({ focused }) => {\n    this.setState({ inputFocused: focused });\n  };\n\n  handleCalendarClose = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleClickEscape = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleOnBlur = () => {\n    setTimeout(() => {\n      const { onBlur, autoClear } = this.props;\n      const { dataInput, selectedDate } = this.state;\n\n      if (moment(selectedDate, FORMAT, true).isValid()) {\n        onBlur(dataInput, selectedDate);\n      } else {\n        if (autoClear) {\n          this.setState({ dataInput: undefined });\n        }\n        onBlur(dataInput, null);\n      }\n    });\n  };\n\n  handleInputFocus = (dataInput) => {\n    const { onFocus } = this.props;\n    onFocus(dataInput);\n  };\n\n  render() {\n    const { inputFocused } = this.state;\n    const {\n      disabled,\n      numberOfMonths,\n      readOnly,\n      enableOutsideDays,\n      transitionDuration,\n      firstDayOfWeek,\n      keepOpenOnDateSelect,\n      hideKeyboardShortcutsPanel,\n      onPrevMonthClick,\n      onNextMonthClick,\n      onClose,\n      phrases,\n      placeholder,\n      displayFormatDay,\n      isDayBlocked,\n      isOutsideRange,\n      isDayHighlighted,\n      tabIndex,\n      zIndex,\n      pickerProps,\n      calendarProps,\n      focusCurrentDate,\n    } = this.props;\n    const safedate = this.getSafeValue();\n    const safeInputValue = this.getSafeInputValue();\n    const hasSelectedDate = !!safedate;\n    return (\n      <DSInputGroup\n        rightAddon={\n          <DatePickerDropdown\n            pickerRef={this.state.pickerRef}\n            disabled={disabled}\n            isOpen={inputFocused}\n            menu={\n              <div\n                style={{ minHeight: '310px', zIndex: 1 }}\n                className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n                data-testid=\"date-picker-portal-wrapper\"\n              >\n                <DSDatePickerController\n                  date={safedate}\n                  displayFormatDay={displayFormatDay}\n                  enableOutsideDays={enableOutsideDays}\n                  firstDayOfWeek={firstDayOfWeek}\n                  hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n                  isDayBlocked={isDayBlocked}\n                  isDayHighlighted={isDayHighlighted}\n                  isOutsideRange={isOutsideRange}\n                  keepOpenOnDateSelect={keepOpenOnDateSelect}\n                  numberOfMonths={numberOfMonths}\n                  onClickEscape={this.handleClickEscape}\n                  onClose={(...args) => {\n                    if (this.state.pickerRef.current) this.state.pickerRef.current.focus();\n                    onClose(...args);\n                    this.setState({ inputFocused: false });\n                  }}\n                  onDateChange={this.handleDateChange}\n                  onFocusChange={this.handleFocus}\n                  onNextMonthClick={onNextMonthClick}\n                  onOutsideClick={this.handleCalendarClose}\n                  onPrevMonthClick={onPrevMonthClick}\n                  phrases={phrases}\n                  transitionDuration={transitionDuration}\n                  calendarProps={calendarProps}\n                  focusCurrentDate={focusCurrentDate}\n                />\n              </div>\n            }\n            onClick={this.onClickPicker}\n            readOnly={readOnly}\n            zIndex={zIndex}\n            pickerProps={pickerProps}\n          />\n        }\n      >\n        <DSDateInputV2\n          data-testid=\"datepicker-input\"\n          aria-label={placeholder || 'Date Picker Input'}\n          disabled={disabled}\n          onBlur={this.handleOnBlur}\n          onChange={this.handleInputChange}\n          onDateChange={this.handleChange}\n          onFocus={this.handleInputFocus}\n          placeholder={placeholder}\n          tabIndex={tabIndex}\n          value={safeInputValue}\n        />\n      </DSInputGroup>\n    );\n  }\n}\n\nexport { DSDatePickerImpl };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable react/state-in-constructor */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport moment from 'moment';\nimport { DSInputGroup, DSDateInputV2 } from '@elliemae/ds-form';\nimport { DSDatePickerController } from './DatePickerController/DatePickerController.js';\nimport { DatePickerDropdown } from './DatePickerDropdown.js';\n\nconst FORMAT = 'MMDDYYYY';\nexport default class DSDatePickerImpl extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      pickerRef: React.createRef(),\n      dataInput: '',\n      selectedDate: null,\n      inputFocused: false,\n    };\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    const { dataInput: prevVal, selectedDate: prevDate } = prevState || {};\n    const { value: nextVal, date: nextDate } = nextProps;\n\n    const isPrevValMoment = prevVal instanceof moment;\n    const isPrevDateMoment = prevDate instanceof moment;\n    const prevValAsString = isPrevValMoment ? prevVal.format(FORMAT) : prevVal;\n\n    // if users wants to clear, we use '==' to catch both undefined AND null\n    if (nextVal == null && nextDate == null) {\n      return {\n        dataInput: '',\n        selectedDate: null,\n      };\n    }\n\n    // when val is an incomplete state, we don't want to mess with the state\n    //  it's incomplete when length is not the full mmddyyyy (length === 8)\n    if (prevValAsString?.length < 8) {\n      return null;\n    }\n\n    const prevDateAsString = isPrevDateMoment ? prevDate.format(FORMAT) : prevDate;\n\n    const isNextValMoment = nextVal instanceof moment;\n    const isNextDateMoment = nextDate instanceof moment;\n    const nextValAsString = isNextValMoment ? nextVal.format(FORMAT) : nextVal;\n    const nextValAsMoment = isNextValMoment ? nextVal : moment(nextVal);\n    const nextDateAsString = isNextDateMoment ? nextDate.format(FORMAT) : nextDate;\n    const nextDateAsMoment = isNextDateMoment ? nextDate : moment(nextDate);\n\n    const hasValChanged = nextValAsString !== prevValAsString;\n    const hasDateChanged = nextDateAsString !== prevDateAsString;\n\n    const newState = {};\n    let skipStateChange = true;\n\n    // value has priority over date, if both date and value change we take date\n    // as such, order of condition is meaningful\n    if (hasDateChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextDateAsString;\n      newState.selectedDate = nextDateAsMoment;\n    }\n\n    if (hasValChanged) {\n      skipStateChange = false;\n      newState.dataInput = nextValAsString;\n      newState.selectedDate = nextValAsMoment;\n    }\n\n    if (skipStateChange) return null;\n    return newState;\n  }\n\n  onClickPicker = () => {\n    this.setState({ inputFocused: true });\n  };\n\n  getSafeValue = () => {\n    const { value, date, defaultValue } = this.props;\n    const { selectedDate } = this.state;\n    if (value) {\n      return moment(value, FORMAT, true);\n    }\n    if (date) {\n      return moment(date, FORMAT, true);\n    }\n    if (defaultValue) {\n      return moment(defaultValue, FORMAT, true);\n    }\n    if (selectedDate) {\n      return selectedDate;\n    }\n    return null;\n  };\n\n  getSafeInputValue = () => {\n    const safeValue = this.getSafeValue();\n    if (safeValue && safeValue.isValid()) {\n      return safeValue.format(FORMAT);\n    }\n    const { dataInput } = this.state;\n    return dataInput;\n  };\n\n  isControlled = () => {\n    const { value, date } = this.props;\n    return Boolean(value) || Boolean(date);\n  };\n\n  handleDateChange = (date, event) => {\n    const { readOnly, onDateChange, keepOpenOnDateSelect, onChange, onBlur } = this.props;\n\n    if (!readOnly) {\n      if (!this.isControlled()) {\n        this.setState({ dataInput: date.format(FORMAT), selectedDate: date });\n      }\n      onChange(date.format(FORMAT), date);\n      onDateChange(date);\n      if (!keepOpenOnDateSelect || event.key === 'Enter') {\n        this.setState({ inputFocused: false });\n        onBlur(date.format(FORMAT), date);\n      }\n    }\n  };\n\n  handleInputChange = (dataInput, newDate) => {\n    const { onChange } = this.props;\n    const newState = {\n      dataInput,\n      selectedDate: newDate,\n    };\n    this.setState(() => newState);\n    onChange(dataInput, newDate);\n  };\n\n  handleChange = (newDate) => {\n    if (!newDate) return;\n    const { onDateChange } = this.props;\n    const momentValue = moment(newDate, FORMAT, true);\n    if (!momentValue.isValid()) return;\n    this.setState({ selectedDate: momentValue });\n\n    onDateChange(momentValue);\n  };\n\n  handleFocus = ({ focused }) => {\n    this.setState({ inputFocused: focused });\n  };\n\n  handleCalendarClose = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleClickEscape = () => {\n    const { onClose } = this.props;\n\n    this.setState({ inputFocused: false });\n    this.handleOnBlur();\n    onClose();\n  };\n\n  handleOnBlur = () => {\n    setTimeout(() => {\n      const { onBlur, autoClear } = this.props;\n      const { dataInput, selectedDate } = this.state;\n\n      if (moment(selectedDate, FORMAT, true).isValid()) {\n        onBlur(dataInput, selectedDate);\n      } else {\n        if (autoClear) {\n          this.setState({ dataInput: undefined });\n        }\n        onBlur(dataInput, null);\n      }\n    });\n  };\n\n  handleInputFocus = (dataInput) => {\n    const { onFocus } = this.props;\n    onFocus(dataInput);\n  };\n\n  render() {\n    const { inputFocused } = this.state;\n    const {\n      disabled,\n      numberOfMonths,\n      readOnly,\n      enableOutsideDays,\n      transitionDuration,\n      firstDayOfWeek,\n      keepOpenOnDateSelect,\n      hideKeyboardShortcutsPanel,\n      onPrevMonthClick,\n      onNextMonthClick,\n      onClose,\n      phrases,\n      placeholder,\n      displayFormatDay,\n      isDayBlocked,\n      isOutsideRange,\n      isDayHighlighted,\n      tabIndex,\n      zIndex,\n      pickerProps,\n      calendarProps,\n      focusCurrentDate,\n    } = this.props;\n    const safedate = this.getSafeValue();\n    const safeInputValue = this.getSafeInputValue();\n    const hasSelectedDate = !!safedate;\n    return (\n      <DSInputGroup\n        rightAddon={\n          <DatePickerDropdown\n            pickerRef={this.state.pickerRef}\n            disabled={disabled}\n            isOpen={inputFocused}\n            menu={\n              <div\n                style={{ minHeight: '310px', zIndex: 1 }}\n                className={hasSelectedDate ? 'has-selected-date' : 'without-selected-date'}\n                data-testid=\"date-picker-portal-wrapper\"\n              >\n                <DSDatePickerController\n                  date={safedate}\n                  displayFormatDay={displayFormatDay}\n                  enableOutsideDays={enableOutsideDays}\n                  firstDayOfWeek={firstDayOfWeek}\n                  hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}\n                  isDayBlocked={isDayBlocked}\n                  isDayHighlighted={isDayHighlighted}\n                  isOutsideRange={isOutsideRange}\n                  keepOpenOnDateSelect={keepOpenOnDateSelect}\n                  numberOfMonths={numberOfMonths}\n                  onClickEscape={this.handleClickEscape}\n                  onClose={(...args) => {\n                    if (this.state.pickerRef.current) this.state.pickerRef.current.focus();\n                    onClose(...args);\n                    this.setState({ inputFocused: false });\n                  }}\n                  onDateChange={this.handleDateChange}\n                  onFocusChange={this.handleFocus}\n                  onNextMonthClick={onNextMonthClick}\n                  onOutsideClick={this.handleCalendarClose}\n                  onPrevMonthClick={onPrevMonthClick}\n                  phrases={phrases}\n                  transitionDuration={transitionDuration}\n                  calendarProps={calendarProps}\n                  focusCurrentDate={focusCurrentDate}\n                />\n              </div>\n            }\n            onClick={this.onClickPicker}\n            readOnly={readOnly}\n            zIndex={zIndex}\n            pickerProps={pickerProps}\n          />\n        }\n      >\n        <DSDateInputV2\n          data-testid=\"datepicker-input\"\n          aria-label={placeholder || 'Date Picker Input'}\n          disabled={disabled}\n          onBlur={this.handleOnBlur}\n          onChange={this.handleInputChange}\n          onDateChange={this.handleChange}\n          onFocus={this.handleInputFocus}\n          placeholder={placeholder}\n          tabIndex={tabIndex}\n          value={safeInputValue}\n        />\n      </DSInputGroup>\n    );\n  }\n}\n\nexport { DSDatePickerImpl };\n"],
   "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/components/DatePickerController/DatePickerController.js

@@ -4,14 +4,14 @@ import React2 from "react";
 import { debounce } from "lodash";
 import PropTypes from "prop-types";
 import moment from "moment";
-import "react-dates/initialize";
+import "react-dates/initialize.js";
 import { DayPickerSingleDateController } from "react-dates";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { ChevronLeft } from "@elliemae/ds-icons";
-import { SingleDatePickerPhrases } from "../../defaultPhrases";
-import { renderMonthElement } from "../DatePickerRenderMonth/DatePickerRenderMonth";
-import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation";
-import { DatePickerDay } from "../DatePickerDay/DatePickerDay";
+import { SingleDatePickerPhrases } from "../../defaultPhrases.js";
+import { renderMonthElement } from "../DatePickerRenderMonth/DatePickerRenderMonth.js";
+import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation.js";
+import { DatePickerDay } from "../DatePickerDay/DatePickerDay.js";
 const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker-range");
 const focusElementOnOpen = debounce((datePickerDom, firstFocusableItemDom, focusCurrentDate) => {
   if (datePickerDom) {
@@ -199,6 +199,7 @@ class DSDatePickerController extends React2.Component {
     ) });
   }
 }
+// eslint-disable-next-line react/static-property-placement
 DSDatePickerController.defaultProps = {
   date: "",
   value: "",
@@ -214,8 +215,10 @@ DSDatePickerController.defaultProps = {
   onClickEscape: () => null,
   onDateChange: () => null,
   phrases: SingleDatePickerPhrases,
+  // displayFormat: 'L',
   displayFormatDay: "D",
   transitionDuration: 0,
+  // verticalSpacing: 0,
   isDayBlocked: () => false,
   isOutsideRange: () => false,
   isDayHighlighted: () => false,
@@ -236,8 +239,10 @@ DSDatePickerController.propTypes = {
   onChange: PropTypes.func,
   onDateChange: PropTypes.func,
   phrases: SingleDatePickerPhrases,
+  // displayFormat: PropTypes.string,
   displayFormatDay: PropTypes.string,
   transitionDuration: PropTypes.number,
+  // verticalSpacing: PropTypes.number,
   isDayBlocked: PropTypes.func,
   isOutsideRange: PropTypes.func,
   isDayHighlighted: PropTypes.func,
@@ -287,8 +292,10 @@ DSDatePickerController.defaultProps = {
     dateIsUnavailable: PropTypes.func,
     dateIsSelected: PropTypes.func
   }),
+  // displayFormat: 'L',
   displayFormatDay: "D",
   transitionDuration: 0,
+  // verticalSpacing: 0,
   isDayBlocked: () => false,
   isOutsideRange: () => false,
   isDayHighlighted: () => false,