@elliemae/ds-date-picker 3.4.3-rc.0 → 3.4.4-next.0

package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
 import moment from "moment";
 import { DSDateInputV2, DSInputGroup } from "@elliemae/ds-form";
@@ -76,21 +77,28 @@ const DatePickerRangeHeader = ({
       onEndInputChange(momentEnd);
     }
   };
-  return /* @__PURE__ */ React2.createElement(Header, null, /* @__PURE__ */ React2.createElement(DSInputGroup, null, /* @__PURE__ */ React2.createElement(DSDateInputV2, {
-    containerProps: { "data-testid": "start-date" },
-    innerRef: startInputRef,
-    onChange: handleOnChangeStart,
-    onFocus: () => handleOnFocus("startDate"),
-    onKeyDown: handleOnKeyDownStart,
-    value: startValue
-  }), /* @__PURE__ */ React2.createElement(DSDateInputV2, {
-    containerProps: { "data-testid": "end-date" },
-    innerRef: endInputRef,
-    onChange: handleOnChangeEnd,
-    onFocus: () => handleOnFocus("endDate"),
-    onKeyDown: handleOnKeyDownEnd,
-    value: endValue
-  })));
+  return /* @__PURE__ */ jsx(Header, {
+    children: /* @__PURE__ */ jsxs(DSInputGroup, {
+      children: [
+        /* @__PURE__ */ jsx(DSDateInputV2, {
+          containerProps: { "data-testid": "start-date" },
+          innerRef: startInputRef,
+          onChange: handleOnChangeStart,
+          onFocus: () => handleOnFocus("startDate"),
+          onKeyDown: handleOnKeyDownStart,
+          value: startValue
+        }),
+        /* @__PURE__ */ jsx(DSDateInputV2, {
+          containerProps: { "data-testid": "end-date" },
+          innerRef: endInputRef,
+          onChange: handleOnChangeEnd,
+          onFocus: () => handleOnFocus("endDate"),
+          onKeyDown: handleOnKeyDownEnd,
+          value: endValue
+        })
+      ]
+    })
+  });
 };
 DatePickerRangeHeader.propTypes = {
   onStartInputChange: PropTypes.func,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,cAAc;AAKpB,MAAM,eAAe;AAErB,MAAM,SAAS,kBAAkB,KAAK,EAAE,WAAW,UAAU,CAAC,EAAE,kBAAmB,GAAE,YAAY,EAAE;AAEnG,MAAM,wBAAwB,CAAC;AAAA,EAC7B,qBAAqB,MAAM;AAAA,EAC3B,mBAAmB,MAAM;AAAA,EACzB,gBAAgB,MAAM;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,MACb;AACJ,QAAM,CAAC,YAAY,iBAAiB,SAAS,iBAAiB;AAC9D,QAAM,CAAC,UAAU,eAAe,SAAS,eAAe;AACxD,QAAM,gBAAgB,OAAO;AAC7B,QAAM,cAAc,OAAO;AAE3B,YAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,oBAAc,kBAAkB,OAAO,WAAW,CAAC;AAAA,IACrD;AACA,QAAI,iBAAiB;AACnB,kBAAY,gBAAgB,OAAO,WAAW,CAAC;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,mBAAmB,eAAe,CAAC;AAEvC,QAAM,mBAAmB,CAAC,OAAO,QAAQ;AACvC,QAAI,eAAe;AACnB,QAAI,SAAS,KAAK;AAChB,YAAM,cAAc,OAAO,OAAO,WAAW;AAC7C,YAAM,YAAY,OAAO,KAAK,WAAW;AACzC,qBAAe,YAAY,SAAS,SAAS;AAAA,IAC/C;AACA,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,cAAc,cAAc,SAAS;AAE5D,QAAM,sBAAsB,CAAC,kBAAkB;AAC7C,UAAM,IAAI,cAAc,UAAU,CAAC;AACnC,UAAM,cAAc,OAAO,eAAe,WAAW;AACrD,QAAI,iBAAiB,cAAc,WAAW,YAAY,QAAQ;AAChE,yBAAmB,WAAW;AAAA,IAChC;AAEA,kBAAc,aAAa;AAC3B,QAAI,kBAAkB,SAAS,GAAG,EAAE,IAAI,gBAAgB,aAAa,SAAS,YAAY,OAAO;AAC/F,kBAAY,QAAQ,WAAW,MAAM;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,gBAAgB;AACzC,UAAM,cAAc,OAAO,aAAa,WAAW;AACnD,QAAI,iBAAiB,YAAY,WAAW,KAAK,eAAe,YAAY,WAAW,YAAY,QAAQ;AACzG,uBAAiB,WAAW;AAAA,IAC9B;AACA,gBAAY,WAAW;AAAA,EACzB;AAEA,QAAM,uBAAuB,CAAC,MAAM;AAClC,UAAM,UAAU,iBAAiB,YAAY,QAAQ;AACrD,UAAM,cAAc,OAAO,YAAY,WAAW;AAClD,UAAM,YAAY,OAAO,UAAU,WAAW;AAC9C,QAAI,EAAE,QAAQ,WAAW,YAAY;AACnC,yBAAmB,WAAW;AAC9B,UAAI;AAAS,0BAAkB,EAAE,WAAW,aAAa,SAAS,UAAU,CAAC;AAAA,IAC/E;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,UAAU,iBAAiB,YAAY,QAAQ;AACrD,UAAM,cAAc,OAAO,YAAY,WAAW;AAClD,UAAM,YAAY,OAAO,UAAU,WAAW;AAC9C,QAAI,EAAE,QAAQ,WAAW,SAAS;AAChC,wBAAkB,EAAE,WAAW,aAAa,SAAS,UAAU,CAAC;AAChE,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EACF;AAEA,SACE,qCAAC,cACC,qCAAC,oBACC,qCAAC;AAAA,IACC,gBAAgB,EAAE,eAAe,aAAa;AAAA,IAC9C,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS,MAAM,cAAc,WAAW;AAAA,IACxC,WAAW;AAAA,IACX,OAAO;AAAA,GACT,GACA,qCAAC;AAAA,IACC,gBAAgB,EAAE,eAAe,WAAW;AAAA,IAC5C,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS,MAAM,cAAc,SAAS;AAAA,IACtC,WAAW;AAAA,IACX,OAAO;AAAA,GACT,CACF,CACF;AAEJ;AAEA,sBAAsB,YAAY;AAAA,EAChC,oBAAoB,UAAU;AAAA,EAC9B,kBAAkB,UAAU;AAAA,EAC5B,eAAe,UAAU;AAAA,EACzB,mBAAmB,UAAU;AAAA,EAC7B,iBAAiB,UAAU;AAAA,EAC3B,mBAAmB,UAAU;AAAA,EAC7B,gBAAgB,UAAU;AAC5B;AAGA,IAAO,gCAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -1,31 +1,45 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDoubleLeft, ChevronDoubleRight } from "@elliemae/ds-icons";
 import { Grid } from "@elliemae/ds-grid";
-const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ React2.createElement(Grid, {
+const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ jsxs(Grid, {
   height: "20px",
   cols: ["auto", 1, "auto"],
   alignItems: "flex-end",
-  mr: "10px"
-}, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
-  role: "button",
-  tabIndex: "0",
-  "data-testid": "date-picker-prev-year-arrow",
-  onClick: () => onYearSelect(month, month.year() - 1)
-}, /* @__PURE__ */ React2.createElement(ChevronDoubleLeft, {
-  width: 13.6,
-  height: 13.6
-}))), /* @__PURE__ */ React2.createElement(Grid, {
-  "data-testid": "date-picker-header"
-}, /* @__PURE__ */ React2.createElement("strong", null, month.format("MMMM YYYY"))), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
-  role: "button",
-  tabIndex: "0",
-  "data-testid": "date-picker-next-year-arrow",
-  onClick: () => onYearSelect(month, month.year() + 1)
-}, /* @__PURE__ */ React2.createElement(ChevronDoubleRight, {
-  width: 13.6,
-  height: 13.6
-}))));
+  mr: "10px",
+  children: [
+    /* @__PURE__ */ jsx("div", {
+      children: /* @__PURE__ */ jsx("div", {
+        role: "button",
+        tabIndex: "0",
+        "data-testid": "date-picker-prev-year-arrow",
+        onClick: () => onYearSelect(month, month.year() - 1),
+        children: /* @__PURE__ */ jsx(ChevronDoubleLeft, {
+          width: 13.6,
+          height: 13.6
+        })
+      })
+    }),
+    /* @__PURE__ */ jsx(Grid, {
+      "data-testid": "date-picker-header",
+      children: /* @__PURE__ */ jsx("strong", {
+        children: month.format("MMMM YYYY")
+      })
+    }),
+    /* @__PURE__ */ jsx("div", {
+      children: /* @__PURE__ */ jsx("div", {
+        role: "button",
+        tabIndex: "0",
+        "data-testid": "date-picker-next-year-arrow",
+        onClick: () => onYearSelect(month, month.year() + 1),
+        children: /* @__PURE__ */ jsx(ChevronDoubleRight, {
+          width: 13.6,
+          height: 13.6
+        })
+      })
+    })
+  ]
+});
 export {
   renderMonthElement
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRenderMonth/DatePickerRenderMonth.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,qBAAqB,CAAC,EAAE,OAAO,mBAC1C,qCAAC;AAAA,EAAK,QAAO;AAAA,EAAO,MAAM,CAAC,QAAQ,GAAG,MAAM;AAAA,EAAG,YAAW;AAAA,EAAW,IAAG;AAAA,GACtE,qCAAC,aACC,qCAAC;AAAA,EACC,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,GAEnD,qCAAC;AAAA,EAAkB,OAAO;AAAA,EAAM,QAAQ;AAAA,CAAM,CAChD,CACF,GACA,qCAAC;AAAA,EAAK,eAAY;AAAA,GAChB,qCAAC,gBAAQ,MAAM,OAAO,WAAW,CAAE,CACrC,GACA,qCAAC,aACC,qCAAC;AAAA,EACC,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,GAEnD,qCAAC;AAAA,EAAmB,OAAO;AAAA,EAAM,QAAQ;AAAA,CAAM,CACjD,CACF,CACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,mBAAmB,0BAA0B;AACtD,SAAS,YAAY;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,aAAa,MACvD,qBAAC;AAAA,EAAK,QAAO;AAAA,EAAO,MAAM,CAAC,QAAQ,GAAG,MAAM;AAAA,EAAG,YAAW;AAAA,EAAW,IAAG;AAAA,EACtE;AAAA,wBAAC;AAAA,MACC,8BAAC;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,eAAY;AAAA,QACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,QAEnD,8BAAC;AAAA,UAAkB,OAAO;AAAA,UAAM,QAAQ;AAAA,SAAM;AAAA,OAChD;AAAA,KACF;AAAA,IACA,oBAAC;AAAA,MAAK,eAAY;AAAA,MAChB,8BAAC;AAAA,QAAQ,gBAAM,OAAO,WAAW;AAAA,OAAE;AAAA,KACrC;AAAA,IACA,oBAAC;AAAA,MACC,8BAAC;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,eAAY;AAAA,QACZ,SAAS,MAAM,aAAa,OAAO,MAAM,KAAK,IAAI,CAAC;AAAA,QAEnD,8BAAC;AAAA,UAAmB,OAAO;AAAA,UAAM,QAAQ;AAAA,SAAM;AAAA,OACjD;AAAA,KACF;AAAA;AAAA,CACF;",
   "names": []
 }

package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
 import { DayPickerSingleDateController } from "react-dates";
 import moment from "moment";
 import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
@@ -29,35 +30,40 @@ const DatePickerSingleDate = ({
     setSelectedDate(newDate);
     setTimeout(() => onChange(newDate), 500);
   };
-  return /* @__PURE__ */ React2.createElement(Wrapper, null, showHeader && /* @__PURE__ */ React2.createElement(DatePickerHeader, {
-    onInputChange: handleDateChange,
-    selectedDate,
-    updateKeyDate
-  }), /* @__PURE__ */ React2.createElement("div", {
-    ref: datePickerRef,
-    className: classNameBlock("wrapper-day-picker-single-date-controller"),
-    "data-testid": rest["data-testid"] || "date-picker-single-date"
-  }, /* @__PURE__ */ React2.createElement(DayPickerSingleDateController, {
-    key,
-    date: selectedDate,
-    enableOutsideDays,
-    focused: true,
-    hideKeyboardShortcutsPanel: true,
-    isDayHighlighted,
-    keepOpenOnDateSelect: true,
-    navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
-      className: classNameElement("navigation-next")
-    }),
-    navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
-      className: classNameElement("navigation-prev"),
-      icon: ChevronLeft
-    }),
-    onDateChange: handleDateChange,
-    renderDayContents: (givenDate) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
-      className: classNameElement("day-contents"),
-      date: givenDate.format(displayFormatDay)
-    })
-  })));
+  return /* @__PURE__ */ jsxs(Wrapper, {
+    children: [
+      showHeader && /* @__PURE__ */ jsx(DatePickerHeader, {
+        onInputChange: handleDateChange,
+        selectedDate,
+        updateKeyDate
+      }),
+      /* @__PURE__ */ jsx("div", {
+        ref: datePickerRef,
+        className: classNameBlock("wrapper-day-picker-single-date-controller"),
+        "data-testid": rest["data-testid"] || "date-picker-single-date",
+        children: /* @__PURE__ */ jsx(DayPickerSingleDateController, {
+          date: selectedDate,
+          enableOutsideDays,
+          focused: true,
+          hideKeyboardShortcutsPanel: true,
+          isDayHighlighted,
+          keepOpenOnDateSelect: true,
+          navNext: /* @__PURE__ */ jsx(DatePickerNavigation, {
+            className: classNameElement("navigation-next")
+          }),
+          navPrev: /* @__PURE__ */ jsx(DatePickerNavigation, {
+            className: classNameElement("navigation-prev"),
+            icon: ChevronLeft
+          }),
+          onDateChange: handleDateChange,
+          renderDayContents: (givenDate) => /* @__PURE__ */ jsx(DatePickerDay, {
+            className: classNameElement("day-contents"),
+            date: givenDate.format(displayFormatDay)
+          })
+        }, key)
+      })
+    ]
+  });
 };
 var DatePickerSingleDate_default = DatePickerSingleDate;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerSingleDate/DatePickerSingleDate.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B,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;AAAA,MACC;AACJ,QAAM,CAAC,cAAc,mBAAmB,SAAS,IAAI;AACrD,QAAM,CAAC,KAAK,UAAU,SAAS,OAAO,CAAC;AACvC,QAAM,gBAAgB,OAAO;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,qCAAC,eACE,cACC,qCAAC;AAAA,IAAiB,eAAe;AAAA,IAAkB;AAAA,IAA4B;AAAA,GAA8B,GAE/G,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW,eAAe,2CAA2C;AAAA,IACrE,eAAa,KAAK,kBAAkB;AAAA,KAEpC,qCAAC;AAAA,IACC;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,SAAO;AAAA,IACP,4BAA0B;AAAA,IAC1B;AAAA,IACA,sBAAoB;AAAA,IACpB,SAAS,qCAAC;AAAA,MAAqB,WAAW,iBAAiB,iBAAiB;AAAA,KAAG;AAAA,IAC/E,SAAS,qCAAC;AAAA,MAAqB,WAAW,iBAAiB,iBAAiB;AAAA,MAAG,MAAM;AAAA,KAAa;AAAA,IAClG,cAAc;AAAA,IACd,mBAAmB,CAAC,cAClB,qCAAC;AAAA,MAAc,WAAW,iBAAiB,cAAc;AAAA,MAAG,MAAM,UAAU,OAAO,gBAAgB;AAAA,KAAG;AAAA,GAE1G,CACF,CACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAGA,SAAgB,UAAU,cAAc;AACxC,SAAS,qCAAqC;AAC9C,OAAO,YAAY;AACnB,SAAS,mBAAmB,iCAAiC;AAC7D,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAEjC,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,IAAI,0BAA0B,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,IAAI,SAAS,IAAI;AACrD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO,CAAC;AACvC,QAAM,gBAAgB,OAAO;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,qBAAC;AAAA,IACE;AAAA,oBACC,oBAAC;AAAA,QAAiB,eAAe;AAAA,QAAkB;AAAA,QAA4B;AAAA,OAA8B;AAAA,MAE/G,oBAAC;AAAA,QACC,KAAK;AAAA,QACL,WAAW,eAAe,2CAA2C;AAAA,QACrE,eAAa,KAAK,kBAAkB;AAAA,QAEpC,8BAAC;AAAA,UAEC,MAAM;AAAA,UACN;AAAA,UACA,SAAO;AAAA,UACP,4BAA0B;AAAA,UAC1B;AAAA,UACA,sBAAoB;AAAA,UACpB,SAAS,oBAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,WAAG;AAAA,UAC/E,SAAS,oBAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,YAAG,MAAM;AAAA,WAAa;AAAA,UAClG,cAAc;AAAA,UACd,mBAAmB,CAAC,cAClB,oBAAC;AAAA,YAAc,WAAW,iBAAiB,cAAc;AAAA,YAAG,MAAM,UAAU,OAAO,gBAAgB;AAAA,WAAG;AAAA,WAXnG,GAaP;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { DSCheckbox } from "@elliemae/ds-form";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { DatePickerRangeHeader } from "../DatePickerRangeHeader/DatePickerRangeHeader";
@@ -20,12 +20,12 @@ const SingleRangeDateSwitcher = ({
   updateKeyDate,
   focusedInput
 }) => {
-  const SingleDateInput = /* @__PURE__ */ React2.createElement(DatePickerHeader, {
+  const SingleDateInput = /* @__PURE__ */ jsx(DatePickerHeader, {
     onInputChange: onSingleInputChange,
     selectedDate: selectedSingleDate,
     updateKeyDate
   });
-  const DateRangeInput = /* @__PURE__ */ React2.createElement(DatePickerRangeHeader, {
+  const DateRangeInput = /* @__PURE__ */ jsx(DatePickerRangeHeader, {
     focusedInput,
     onFocusChange,
     onEndInputChange,
@@ -34,14 +34,18 @@ const SingleRangeDateSwitcher = ({
     selectedStartDate,
     handleDatesChange
   });
-  return /* @__PURE__ */ React2.createElement(Header, {
-    "data-testid": "date-switch-header"
-  }, /* @__PURE__ */ React2.createElement(DSCheckbox, {
-    checked: isDateRange,
-    className: "switch-header__checkbox",
-    labelText: "Range",
-    onChange: setIsDateRange
-  }), isDateRange ? DateRangeInput : SingleDateInput);
+  return /* @__PURE__ */ jsxs(Header, {
+    "data-testid": "date-switch-header",
+    children: [
+      /* @__PURE__ */ jsx(DSCheckbox, {
+        checked: isDateRange,
+        className: "switch-header__checkbox",
+        labelText: "Range",
+        onChange: setIsDateRange
+      }),
+      isDateRange ? DateRangeInput : SingleDateInput
+    ]
+  });
 };
 var SingleRangeDateSwitcher_default = SingleRangeDateSwitcher;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,SAAS,kBAAkB,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;AAAA,MACI;AACJ,QAAM,kBACJ,qCAAC;AAAA,IACC,eAAe;AAAA,IACf,cAAc;AAAA,IACd;AAAA,GACF;AAEF,QAAM,iBACJ,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAGF,SACE,qCAAC;AAAA,IAAO,eAAY;AAAA,KAClB,qCAAC;AAAA,IACC,SAAS;AAAA,IACT,WAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAU;AAAA,GACZ,GACC,cAAc,iBAAiB,eAClC;AAEJ;AAGA,IAAO,kCAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AAEjC,MAAM,YAAY;AAClB,MAAM,SAAS,kBAAkB,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,oBAAC;AAAA,IACC,eAAe;AAAA,IACf,cAAc;AAAA,IACd;AAAA,GACF;AAEF,QAAM,iBACJ,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAGF,SACE,qBAAC;AAAA,IAAO,eAAY;AAAA,IAClB;AAAA,0BAAC;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAU;AAAA,QACV,UAAU;AAAA,OACZ;AAAA,MACC,cAAc,iBAAiB;AAAA;AAAA,GAClC;AAEJ;AAGA,IAAO,kCAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAoB,WAAXA,gBAAuC;AAChD,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAAmC;AAC5C,SAAoB,WAAXA,gBAAqC;AAC9C,SAAoB,WAAXA,gBAAuC;AAChD,SAAoB,WAAXA,gBAAmC;AAC5C,SAAoB,WAAXA,gBAAkC;AAC3C,SAAoB,WAAXA,gBAAwC;AACjD,SAAoB,WAAXA,iBAA0C;AACnD,SAAS,0BAA0B;",
+  "names": ["default"]
 }

package/dist/esm/defaultPhrases.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultPhrases.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const calendarLabel = 'Calendar';\nconst roleDescription = 'datepicker';\nconst closeDatePicker = 'Close';\nconst focusStartDate =\n  '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 =\n  '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 }) =>\n  `Choose ${date} as your check-in date. It\u2019s available.`;\nconst chooseAvailableEndDate = ({ date }) =>\n  `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 }) =>\n  `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"],
-  "mappings": "AAAA;ACAA,MAAM,gBAAgB;AACtB,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AACxB,MAAM,iBACJ;AACF,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AACxB,MAAM,oBAAoB;AAC1B,MAAM,6BAA6B;AACnC,MAAM,6BAA6B;AACnC,MAAM,gBAAgB;AACtB,MAAM,WAAW;AACjB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,UAAU;AAChB,MAAM,SAAS;AACf,MAAM,eAAe;AACrB,MAAM,oBAAoB;AAC1B,MAAM,oBACJ;AACF,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,+BAA+B;AACrC,MAAM,qBAAqB;AAC3B,MAAM,wCACJ;AACF,MAAM,yCACJ;AAEF,MAAM,2BAA2B,CAAC,EAAE,WAClC,UAAU;AACZ,MAAM,yBAAyB,CAAC,EAAE,WAChC,UAAU;AACZ,MAAM,sBAAsB,CAAC,EAAE,WAAW;AAC1C,MAAM,oBAAoB,CAAC,EAAE,WAAW,kBAAkB;AAC1D,MAAM,iBAAiB,CAAC,EAAE,WAAW,aAAa;AAClD,MAAM,4BAA4B,CAAC,EAAE,WACnC,2BAA2B;AAC7B,MAAM,0BAA0B,CAAC,EAAE,WAAW,yBAAyB;AAEvE,IAAO,yBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,oCAAoC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA,EACA;AACF;AAEO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default } from './DSDatePicker';\nexport * from './DSDatePicker';\nexport { SingleDatePickerPhrases } from './defaultPhrases';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,gBAAe;AACxB,cAAc;AACd,SAAS,+BAA+B;",
+  "names": ["default"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-picker",
-  "version": "3.4.3-rc.0",
+  "version": "3.4.4-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Picker",
   "files": [
@@ -95,16 +95,16 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.4.3-rc.0",
-    "@elliemae/ds-classnames": "3.4.3-rc.0",
-    "@elliemae/ds-form": "3.4.3-rc.0",
-    "@elliemae/ds-grid": "3.4.3-rc.0",
-    "@elliemae/ds-icon": "3.4.3-rc.0",
-    "@elliemae/ds-icons": "3.4.3-rc.0",
-    "@elliemae/ds-popper": "3.4.3-rc.0",
-    "@elliemae/ds-shared": "3.4.3-rc.0",
-    "@elliemae/ds-system": "3.4.3-rc.0",
-    "@elliemae/ds-utilities": "3.4.3-rc.0",
+    "@elliemae/ds-button": "3.4.4-next.0",
+    "@elliemae/ds-classnames": "3.4.4-next.0",
+    "@elliemae/ds-form": "3.4.4-next.0",
+    "@elliemae/ds-grid": "3.4.4-next.0",
+    "@elliemae/ds-icon": "3.4.4-next.0",
+    "@elliemae/ds-icons": "3.4.4-next.0",
+    "@elliemae/ds-popper": "3.4.4-next.0",
+    "@elliemae/ds-shared": "3.4.4-next.0",
+    "@elliemae/ds-system": "3.4.4-next.0",
+    "@elliemae/ds-utilities": "3.4.4-next.0",
     "moment": "~2.29.3",
     "prop-types": "~15.8.1",
     "react-dates": "~21.8.0"