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

package/dist/cjs/components/DatePickerDay/DatePickerDay.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerDay_exports = {};
 __export(DatePickerDay_exports, {
@@ -26,15 +29,17 @@ __export(DatePickerDay_exports, {
 });
 module.exports = __toCommonJS(DatePickerDay_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
-const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ import_react.default.createElement("div", {
+const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
   className,
-  "data-testid": `datepicker-day-${date}`
-}, /* @__PURE__ */ import_react.default.createElement("div", {
-  className: `${className}-half`,
-  "data-testid": "datepicker-day"
-}, date));
+  "data-testid": `datepicker-day-${date}`,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className: `${className}-half`,
+    "data-testid": "datepicker-day",
+    children: date
+  })
+});
 Day.propTypes = {
   className: import_prop_types.default.string,
   date: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DatePickerDay/DatePickerDay.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Day = ({ className = 'date-picker-content-day', date = '' }) => (\n  <div className={className} data-testid={`datepicker-day-${date}`}>\n    <div className={`${className}-half`} data-testid=\"datepicker-day\">\n      {date}\n    </div>\n  </div>\n);\nDay.propTypes = {\n  className: PropTypes.string,\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { Day as DatePickerDay };\nexport default Day;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AAEtB,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,SAC3D,mDAAC;AAAA,EAAI;AAAA,EAAsB,eAAa,kBAAkB;AAAA,GACxD,mDAAC;AAAA,EAAI,WAAW,GAAG;AAAA,EAAkB,eAAY;AAAA,GAC9C,IACH,CACF;AAEF,IAAI,YAAY;AAAA,EACd,WAAW,0BAAU;AAAA,EACrB,MAAM,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU,MAAM,CAAC;AAChE;AAGA,IAAO,wBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AAEtB,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,GAAG,MAC9D,4CAAC;AAAA,EAAI;AAAA,EAAsB,eAAa,kBAAkB;AAAA,EACxD,sDAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IAAkB,eAAY;AAAA,IAC9C;AAAA,GACH;AAAA,CACF;AAEF,IAAI,YAAY;AAAA,EACd,WAAW,kBAAAA,QAAU;AAAA,EACrB,MAAM,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC;AAChE;AAGA,IAAO,wBAAQ;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/components/DatePickerDropdown.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerDropdown_exports = {};
 __export(DatePickerDropdown_exports, {
@@ -26,7 +29,7 @@ __export(DatePickerDropdown_exports, {
 });
 module.exports = __toCommonJS(DatePickerDropdown_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_popper = require("@elliemae/ds-popper");
@@ -43,7 +46,7 @@ function DatePickerDropdown({
   pickerProps,
   pickerRef
 }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popper.DSPopper, {
     contentComponent: menu,
     isOpen,
     modifiers: {
@@ -54,14 +57,16 @@ function DatePickerDropdown({
       }
     },
     showArrow: false,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_DatePickerPicker.DatePickerPicker, {
-      innerRef: pickerRef,
-      ...pickerProps,
-      className: classNameElement("picker"),
-      disabled,
-      onClick,
-      readOnly
-    })),
+    triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerPicker.DatePickerPicker, {
+        innerRef: pickerRef,
+        ...pickerProps,
+        className: classNameElement("picker"),
+        disabled,
+        onClick,
+        readOnly
+      })
+    }),
     zIndex
   });
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/DatePickerDropdown.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSPopper } from '@elliemae/ds-popper';\nimport { DatePickerPicker, PickerPropsTypes } from './DatePickerPicker/DatePickerPicker';\nconst { classNameElement } = convertPropToCssClassName('datepicker-range');\n\nconst noop = () => null;\nfunction DatePickerDropdown({\n  disabled = false,\n  readOnly,\n  onClick = noop,\n  isOpen,\n  menu,\n  zIndex = 1,\n  pickerProps,\n  pickerRef,\n}) {\n  return (\n    <DSPopper\n      contentComponent={menu}\n      isOpen={isOpen}\n      modifiers={{\n        preventOverflow: {\n          enabled: true,\n          padding: 0,\n          boundariesElement: 'window',\n        },\n      }}\n      showArrow={false}\n      triggerComponent={\n        <div>\n          <DatePickerPicker\n            innerRef={pickerRef}\n            {...pickerProps}\n            className={classNameElement('picker')}\n            disabled={disabled}\n            onClick={onClick}\n            readOnly={readOnly}\n          />\n        </div>\n      }\n      zIndex={zIndex}\n    />\n  );\n}\n\nDatePickerDropdown.propTypes = {\n  pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  menu: PropTypes.element,\n  zIndex: PropTypes.number,\n  pickerProps: PropTypes.shape(PickerPropsTypes),\n};\n\nexport { DatePickerDropdown };\nexport default DatePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,2BAA0C;AAC1C,uBAAyB;AACzB,8BAAmD;AACnD,MAAM,EAAE,qBAAqB,oDAA0B,kBAAkB;AAEzE,MAAM,OAAO,MAAM;AACnB,4BAA4B;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC;AAAA,IACC,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,kBACE,mDAAC,aACC,mDAAC;AAAA,MACC,UAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW,iBAAiB,QAAQ;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,KACF,CACF;AAAA,IAEF;AAAA,GACF;AAEJ;AAEA,mBAAmB,YAAY;AAAA,EAC7B,WAAW,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC5F,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA,EACpB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,MAAM,0BAAU;AAAA,EAChB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU,MAAM,wCAAgB;AAC/C;AAGA,IAAO,6BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AACtB,2BAA0C;AAC1C,uBAAyB;AACzB,8BAAmD;AACnD,MAAM,EAAE,iBAAiB,QAAI,gDAA0B,kBAAkB;AAEzE,MAAM,OAAO,MAAM;AACnB,SAAS,mBAAmB;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAAG;AACD,SACE,4CAAC;AAAA,IACC,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,kBACE,4CAAC;AAAA,MACC,sDAAC;AAAA,QACC,UAAU;AAAA,QACT,GAAG;AAAA,QACJ,WAAW,iBAAiB,QAAQ;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,IAEF;AAAA,GACF;AAEJ;AAEA,mBAAmB,YAAY;AAAA,EAC7B,WAAW,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,MAAM,kBAAAA,QAAU,MAAM,EAAE,SAAS,kBAAAA,QAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC5F,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AAAA,EACpB,SAAS,kBAAAA,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,aAAa,kBAAAA,QAAU,MAAM,wCAAgB;AAC/C;AAGA,IAAO,6BAAQ;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerHeader_exports = {};
 __export(DatePickerHeader_exports, {
@@ -26,7 +29,8 @@ __export(DatePickerHeader_exports, {
 });
 module.exports = __toCommonJS(DatePickerHeader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_prop_types = __toESM(require("prop-types"));
 var import_moment = __toESM(require("moment"));
 var import_ds_form = require("@elliemae/ds-form");
@@ -52,12 +56,16 @@ const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyD
       updateKeyDate(momentValue);
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(Header, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
-    onChange: handleOnChange,
-    onKeyDown: handleOnKeyDown,
-    value,
-    containerProps: { "data-testid": "start-date" }
-  })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInputGroup, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInputV2, {
+        onChange: handleOnChange,
+        onKeyDown: handleOnKeyDown,
+        value,
+        containerProps: { "data-testid": "start-date" }
+      })
+    })
+  });
 };
 DatePickerHeader.propTypes = {
   onInputChange: import_prop_types.default.func,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DatePickerHeader/DatePickerHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable no-console */\nimport React, { useState, useEffect } 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 DATE_FORMAT = 'MMDDYYYY';\nconst blockname = 'date-picker-header';\nconst Header = aggregatedClasses('div')(blockname);\n\nconst isFn = (variable) => typeof variable === 'function';\n\nconst DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {\n  const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : '');\n\n  useEffect(() => {\n    if (isFn(selectedDate?.format)) {\n      setValue(selectedDate?.format(DATE_FORMAT));\n    }\n  }, [selectedDate]);\n\n  const handleOnChange = (newDate) => {\n    setValue(newDate);\n  };\n\n  const handleOnKeyDown = (e) => {\n    if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {\n      const momentValue = moment(value, DATE_FORMAT);\n      onInputChange(momentValue);\n      updateKeyDate(momentValue);\n    }\n  };\n\n  return (\n    <Header>\n      <DSInputGroup>\n        <DSDateInputV2\n          onChange={handleOnChange}\n          onKeyDown={handleOnKeyDown}\n          value={value}\n          containerProps={{ 'data-testid': 'start-date' }}\n        />\n      </DSInputGroup>\n    </Header>\n  );\n};\n\nDatePickerHeader.propTypes = {\n  onInputChange: PropTypes.func,\n  selectedDate: PropTypes.any,\n  updateKeyDate: PropTypes.any,\n};\n\nexport { DatePickerHeader };\nexport default DatePickerHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAC3C,wBAAsB;AACtB,oBAAmB;AACnB,qBAA4C;AAC5C,2BAAkC;AAElC,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,4CAAkB,KAAK,EAAE,SAAS;AAEjD,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,oBAAoB;AACxF,QAAM,CAAC,OAAO,YAAY,2BAAS,KAAK,cAAc,MAAM,IAAI,aAAa,OAAO,WAAW,IAAI,EAAE;AAErG,8BAAU,MAAM;AACd,QAAI,KAAK,cAAc,MAAM,GAAG;AAC9B,eAAS,cAAc,OAAO,WAAW,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB,CAAC,YAAY;AAClC,aAAS,OAAO;AAAA,EAClB;AAEA,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,WAAW,MAAM,WAAW,YAAY,QAAQ;AAC5D,YAAM,cAAc,2BAAO,OAAO,WAAW;AAC7C,oBAAc,WAAW;AACzB,oBAAc,WAAW;AAAA,IAC3B;AAAA,EACF;AAEA,SACE,mDAAC,cACC,mDAAC,mCACC,mDAAC;AAAA,IACC,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB,EAAE,eAAe,aAAa;AAAA,GAChD,CACF,CACF;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAAA,EACxB,eAAe,0BAAU;AAC3B;AAGA,IAAO,2BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAA2C;AAC3C,wBAAsB;AACtB,oBAAmB;AACnB,qBAA4C;AAC5C,2BAAkC;AAElC,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,aAAS,wCAAkB,KAAK,EAAE,SAAS;AAEjD,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,cAAc,MAAM;AACxF,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK,cAAc,MAAM,IAAI,aAAa,OAAO,WAAW,IAAI,EAAE;AAErG,8BAAU,MAAM;AACd,QAAI,KAAK,cAAc,MAAM,GAAG;AAC9B,eAAS,cAAc,OAAO,WAAW,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB,CAAC,YAAY;AAClC,aAAS,OAAO;AAAA,EAClB;AAEA,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,WAAW,MAAM,WAAW,YAAY,QAAQ;AAC5D,YAAM,kBAAc,cAAAA,SAAO,OAAO,WAAW;AAC7C,oBAAc,WAAW;AACzB,oBAAc,WAAW;AAAA,IAC3B;AAAA,EACF;AAEA,SACE,4CAAC;AAAA,IACC,sDAAC;AAAA,MACC,sDAAC;AAAA,QACC,UAAU;AAAA,QACV,WAAW;AAAA,QACX;AAAA,QACA,gBAAgB,EAAE,eAAe,aAAa;AAAA,OAChD;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,eAAe,kBAAAC,QAAU;AAAA,EACzB,cAAc,kBAAAA,QAAU;AAAA,EACxB,eAAe,kBAAAA,QAAU;AAC3B;AAGA,IAAO,2BAAQ;",
+  "names": ["moment", "PropTypes"]
 }

package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerNavigation_exports = {};
 __export(DatePickerNavigation_exports, {
@@ -26,7 +29,7 @@ __export(DatePickerNavigation_exports, {
 });
 module.exports = __toCommonJS(DatePickerNavigation_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_icon = require("@elliemae/ds-icon");
@@ -37,15 +40,16 @@ const Navigation = ({
   color = import_ds_icon.DSIconColors.NEUTRAL,
   size = import_ds_icon.DSIconSizes.S,
   innerRef
-}) => /* @__PURE__ */ import_react.default.createElement("div", {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
   tabIndex: 0,
-  "data-testid": "date-picker-nav"
-}, /* @__PURE__ */ import_react.default.createElement(Icon, {
-  className,
-  color,
-  innerRef,
-  size
-}));
+  "data-testid": "date-picker-nav",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+    className,
+    color,
+    innerRef,
+    size
+  })
+});
 Navigation.propTypes = {
   className: "date-picker-navigation",
   icon: import_prop_types.default.element,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { iconSizes, iconColors } from '@elliemae/ds-shared';\n\nconst Navigation = ({\n  className = 'date-picker-navigation',\n  icon: Icon = ChevronRight,\n  color = DSIconColors.NEUTRAL,\n  size = DSIconSizes.S,\n  innerRef,\n}) => (\n  <div tabIndex={0} data-testid=\"date-picker-nav\">\n    <Icon className={className} color={color} innerRef={innerRef} size={size} />\n  </div>\n);\nNavigation.propTypes = {\n  className: 'date-picker-navigation',\n  icon: PropTypes.element,\n  color: PropTypes.oneOf(iconColors),\n  size: PropTypes.oneOf(iconSizes),\n  innerRef: PropTypes.any,\n};\n\nexport { Navigation as DatePickerNavigation };\nexport default Navigation;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAA6B;AAC7B,qBAA0C;AAC1C,uBAAsC;AAEtC,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,4BAAa;AAAA,EACrB,OAAO,2BAAY;AAAA,EACnB;AAAA,MAEA,mDAAC;AAAA,EAAI,UAAU;AAAA,EAAG,eAAY;AAAA,GAC5B,mDAAC;AAAA,EAAK;AAAA,EAAsB;AAAA,EAAc;AAAA,EAAoB;AAAA,CAAY,CAC5E;AAEF,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,0BAAU;AAAA,EAChB,OAAO,0BAAU,MAAM,2BAAU;AAAA,EACjC,MAAM,0BAAU,MAAM,0BAAS;AAAA,EAC/B,UAAU,0BAAU;AACtB;AAGA,IAAO,+BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AACtB,sBAA6B;AAC7B,qBAA0C;AAC1C,uBAAsC;AAEtC,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,4BAAa;AAAA,EACrB,OAAO,2BAAY;AAAA,EACnB;AACF,MACE,4CAAC;AAAA,EAAI,UAAU;AAAA,EAAG,eAAY;AAAA,EAC5B,sDAAC;AAAA,IAAK;AAAA,IAAsB;AAAA,IAAc;AAAA,IAAoB;AAAA,GAAY;AAAA,CAC5E;AAEF,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,kBAAAA,QAAU;AAAA,EAChB,OAAO,kBAAAA,QAAU,MAAM,2BAAU;AAAA,EACjC,MAAM,kBAAAA,QAAU,MAAM,0BAAS;AAAA,EAC/B,UAAU,kBAAAA,QAAU;AACtB;AAGA,IAAO,+BAAQ;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerPicker_exports = {};
 __export(DatePickerPicker_exports, {
@@ -28,7 +31,7 @@ __export(DatePickerPicker_exports, {
 });
 module.exports = __toCommonJS(DatePickerPicker_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -37,7 +40,7 @@ var import_ds_shared = require("@elliemae/ds-shared");
 const Picker = ({
   className = "date-picker-icon",
   disabled = false,
-  icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker, null),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker, {}),
   size = import_ds_icon.DSIconSizes.M,
   buttonActionType = "secondary",
   onClick = () => null,
@@ -46,7 +49,7 @@ const Picker = ({
   tabIndex = 0,
   innerRef,
   ...rest
-}) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
   innerRef,
   "aria-label": rest["aria-label"] || "Date Picker Button",
   buttonType: buttonActionType,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DatePickerPicker/DatePickerPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton, buttonTypes } from '@elliemae/ds-button';\nimport { iconSizes } from '@elliemae/ds-shared';\n\nexport const Picker = ({\n  className = 'date-picker-icon',\n  disabled = false,\n  icon = <DatePicker />,\n  size = DSIconSizes.M,\n  buttonActionType = 'secondary',\n  onClick = () => null,\n  onBlur = () => null,\n  readOnly = false,\n  tabIndex = 0,\n  innerRef,\n  ...rest\n}) => (\n  <DSButton\n    innerRef={innerRef}\n    aria-label={rest['aria-label'] || 'Date Picker Button'}\n    buttonType={buttonActionType}\n    className={className}\n    color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n    disabled={disabled}\n    icon={icon}\n    onBlur={onBlur}\n    onClick={onClick}\n    readOnly={readOnly}\n    size={size}\n    tabIndex={tabIndex}\n    data-testid=\"btn-date-picker\"\n  />\n);\n\nexport const PickerPropsTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  icon: PropTypes.element,\n  size: PropTypes.oneOf(iconSizes),\n  buttonActionType: PropTypes.oneOf(buttonTypes),\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  readOnly: PropTypes.bool,\n  tabIndex: PropTypes.number,\n};\n\nPicker.propTypes = PickerPropsTypes;\n\nexport { Picker as DatePickerPicker };\nexport default Picker;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA0B;AAC1B,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,uBAA0B;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,mDAAC,gCAAW;AAAA,EACnB,OAAO,2BAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AAAA,MAEH,mDAAC;AAAA,EACC;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA,CACd;AAGK,MAAM,mBAAmB;AAAA,EAC9B,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,WAAW,8BAAU;AAAA,EACrB,UAAU,8BAAU;AAAA,EACpB,MAAM,8BAAU;AAAA,EAChB,MAAM,8BAAU,MAAM,0BAAS;AAAA,EAC/B,kBAAkB,8BAAU,MAAM,4BAAW;AAAA,EAC7C,SAAS,8BAAU;AAAA,EACnB,SAAS,8BAAU;AAAA,EACnB,QAAQ,8BAAU;AAAA,EAClB,UAAU,8BAAU;AAAA,EACpB,UAAU,8BAAU;AACtB;AAEA,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAA0B;AAC1B,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,uBAA0B;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,4CAAC,8BAAW;AAAA,EACnB,OAAO,2BAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AACL,MACE,4CAAC;AAAA,EACC;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA,CACd;AAGK,MAAM,mBAAmB;AAAA,EAC9B,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,WAAW,8BAAU;AAAA,EACrB,UAAU,8BAAU;AAAA,EACpB,MAAM,8BAAU;AAAA,EAChB,MAAM,8BAAU,MAAM,0BAAS;AAAA,EAC/B,kBAAkB,8BAAU,MAAM,4BAAW;AAAA,EAC7C,SAAS,8BAAU;AAAA,EACnB,SAAS,8BAAU;AAAA,EACnB,QAAQ,8BAAU;AAAA,EAClB,UAAU,8BAAU;AAAA,EACpB,UAAU,8BAAU;AACtB;AAEA,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
   "names": []
 }

package/dist/cjs/components/DatePickerRange/DatePickerRange.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerRange_exports = {};
 __export(DatePickerRange_exports, {
@@ -26,7 +29,8 @@ __export(DatePickerRange_exports, {
 });
 module.exports = __toCommonJS(DatePickerRange_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_react_dates = require("react-dates");
 var import_moment = __toESM(require("moment"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
@@ -69,36 +73,42 @@ const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showH
   };
   const safeStartDate = getSafeDateStartValue();
   const safeEndDate = getSafeDateEndValue();
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DatePickerRangeHeader.DatePickerRangeHeader, {
-    onEndInputChange: handleEndInputChange,
-    onStartInputChange: handleStartInputChange,
-    selectedEndDate: safeEndDate,
-    selectedStartDate: safeStartDate
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    ref: datePickerRef,
-    className: classNameBlock("wrapper-day-picker-single-date-controller")
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerRangeController, {
-    ...otherProps,
-    enableOutsideDays: true,
-    endDate: safeEndDate,
-    focused: true,
-    focusedInput,
-    hideKeyboardShortcutsPanel: true,
-    navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
-      className: classNameElement("navigation-next")
-    }),
-    navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
-      className: classNameElement("navigation-prev"),
-      icon: import_ds_icons.ChevronLeft
-    }),
-    onDatesChange: handleDatesChange,
-    onFocusChange: handleFocusChange,
-    renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
-      className: classNameElement("day-contents"),
-      date: date.format(displayFormatDay)
-    }),
-    startDate: safeStartDate
-  })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
+    children: [
+      showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerRangeHeader.DatePickerRangeHeader, {
+        onEndInputChange: handleEndInputChange,
+        onStartInputChange: handleStartInputChange,
+        selectedEndDate: safeEndDate,
+        selectedStartDate: safeStartDate
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        ref: datePickerRef,
+        className: classNameBlock("wrapper-day-picker-single-date-controller"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dates.DayPickerRangeController, {
+          ...otherProps,
+          enableOutsideDays: true,
+          endDate: safeEndDate,
+          focused: true,
+          focusedInput,
+          hideKeyboardShortcutsPanel: true,
+          navNext: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, {
+            className: classNameElement("navigation-next")
+          }),
+          navPrev: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerNavigation.DatePickerNavigation, {
+            className: classNameElement("navigation-prev"),
+            icon: import_ds_icons.ChevronLeft
+          }),
+          onDatesChange: handleDatesChange,
+          onFocusChange: handleFocusChange,
+          renderDayContents: (date) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerDay.DatePickerDay, {
+            className: classNameElement("day-contents"),
+            date: date.format(displayFormatDay)
+          }),
+          startDate: safeStartDate
+        })
+      })
+    ]
+  });
 };
 var DatePickerRange_default = DatePickerRangeDate;
 //# sourceMappingURL=DatePickerRange.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DatePickerRange/DatePickerRange.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable consistent-return */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerRangeController } 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 { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = 'D', showHeader = true, otherProps }) => {\n  const [selectedDateStart, setSelectedDateStart] = useState(dateStart);\n  const [selectedDateEnd, setSelectedDateEnd] = useState(dateEnd);\n  const [focusedInput, setFocusedInput] = useState(START_DATE);\n  const datePickerRef = useRef();\n\n  const handleFocusChange = () => {\n    setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);\n  };\n\n  const handleDatesChange = ({ startDate, endDate }) => {\n    setSelectedDateStart(startDate);\n    setSelectedDateEnd(endDate);\n  };\n\n  const handleStartInputChange = (newDate) => {\n    setSelectedDateStart(newDate);\n  };\n\n  const handleEndInputChange = (newDate) => {\n    setSelectedDateEnd(newDate);\n  };\n\n  const getSafeDateStartValue = () => {\n    if (selectedDateStart) {\n      return moment(selectedDateStart);\n    }\n  };\n\n  const getSafeDateEndValue = () => {\n    if (selectedDateEnd) {\n      return moment(selectedDateEnd);\n    }\n  };\n\n  const safeStartDate = getSafeDateStartValue();\n  const safeEndDate = getSafeDateEndValue();\n\n  return (\n    <Wrapper>\n      {showHeader && (\n        <DatePickerRangeHeader\n          onEndInputChange={handleEndInputChange}\n          onStartInputChange={handleStartInputChange}\n          selectedEndDate={safeEndDate}\n          selectedStartDate={safeStartDate}\n        />\n      )}\n      <div ref={datePickerRef} className={classNameBlock('wrapper-day-picker-single-date-controller')}>\n        <DayPickerRangeController\n          {...otherProps}\n          enableOutsideDays\n          endDate={safeEndDate}\n          focused\n          focusedInput={focusedInput}\n          hideKeyboardShortcutsPanel\n          navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n          navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n          onDatesChange={handleDatesChange}\n          onFocusChange={handleFocusChange}\n          renderDayContents={(date) => (\n            <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n          )}\n          startDate={safeStartDate}\n        />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport { DatePickerRangeDate };\nexport default DatePickerRangeDate;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,mBAAmB,oDAA0B,YAAY;AAEnF,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS,SAAS;AACpE,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS,OAAO;AAC9D,QAAM,CAAC,cAAc,mBAAmB,2BAAS,UAAU;AAC3D,QAAM,gBAAgB,yBAAO;AAE7B,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW,UAAU;AAAA,EACrE;AAEA,QAAM,oBAAoB,CAAC,EAAE,WAAW,cAAc;AACpD,yBAAqB,SAAS;AAC9B,uBAAmB,OAAO;AAAA,EAC5B;AAEA,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB,OAAO;AAAA,EAC9B;AAEA,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB,OAAO;AAAA,EAC5B;AAEA,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,2BAAO,iBAAiB;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,2BAAO,eAAe;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,cAAc,oBAAoB;AAExC,SACE,mDAAC,eACE,cACC,mDAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,GACrB,GAEF,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAe,WAAW,eAAe,2CAA2C;AAAA,KAC5F,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,mDAAC;AAAA,MAAqB,WAAW,iBAAiB,iBAAiB;AAAA,KAAG;AAAA,IAC/E,SAAS,mDAAC;AAAA,MAAqB,WAAW,iBAAiB,iBAAiB;AAAA,MAAG,MAAM;AAAA,KAAa;AAAA,IAClG,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,mDAAC;AAAA,MAAc,WAAW,iBAAiB,cAAc;AAAA,MAAG,MAAM,KAAK,OAAO,gBAAgB;AAAA,KAAG;AAAA,IAEnG,WAAW;AAAA,GACb,CACF,CACF;AAEJ;AAGA,IAAO,0BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAE7D,MAAM,EAAE,kBAAkB,eAAe,QAAI,gDAA0B,YAAY;AAEnF,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,WAAW,MAAM;AAC7G,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAS,SAAS;AACpE,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,OAAO;AAC9D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,UAAU;AAC3D,QAAM,oBAAgB,qBAAO;AAE7B,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW,UAAU;AAAA,EACrE;AAEA,QAAM,oBAAoB,CAAC,EAAE,WAAW,QAAQ,MAAM;AACpD,yBAAqB,SAAS;AAC9B,uBAAmB,OAAO;AAAA,EAC5B;AAEA,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB,OAAO;AAAA,EAC9B;AAEA,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB,OAAO;AAAA,EAC5B;AAEA,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,iBAAO,cAAAA,SAAO,iBAAiB;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,iBAAO,cAAAA,SAAO,eAAe;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,gBAAgB,sBAAsB;AAC5C,QAAM,cAAc,oBAAoB;AAExC,SACE,6CAAC;AAAA,IACE;AAAA,oBACC,4CAAC;AAAA,QACC,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,OACrB;AAAA,MAEF,4CAAC;AAAA,QAAI,KAAK;AAAA,QAAe,WAAW,eAAe,2CAA2C;AAAA,QAC5F,sDAAC;AAAA,UACE,GAAG;AAAA,UACJ,mBAAiB;AAAA,UACjB,SAAS;AAAA,UACT,SAAO;AAAA,UACP;AAAA,UACA,4BAA0B;AAAA,UAC1B,SAAS,4CAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,WAAG;AAAA,UAC/E,SAAS,4CAAC;AAAA,YAAqB,WAAW,iBAAiB,iBAAiB;AAAA,YAAG,MAAM;AAAA,WAAa;AAAA,UAClG,eAAe;AAAA,UACf,eAAe;AAAA,UACf,mBAAmB,CAAC,SAClB,4CAAC;AAAA,YAAc,WAAW,iBAAiB,cAAc;AAAA,YAAG,MAAM,KAAK,OAAO,gBAAgB;AAAA,WAAG;AAAA,UAEnG,WAAW;AAAA,SACb;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,0BAAQ;",
+  "names": ["moment"]
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerRangeHeader_exports = {};
 __export(DatePickerRangeHeader_exports, {
@@ -26,7 +29,8 @@ __export(DatePickerRangeHeader_exports, {
 });
 module.exports = __toCommonJS(DatePickerRangeHeader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_prop_types = __toESM(require("prop-types"));
 var import_moment = __toESM(require("moment"));
 var import_ds_form = require("@elliemae/ds-form");
@@ -103,21 +107,28 @@ const DatePickerRangeHeader = ({
       onEndInputChange(momentEnd);
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(Header, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
-    containerProps: { "data-testid": "start-date" },
-    innerRef: startInputRef,
-    onChange: handleOnChangeStart,
-    onFocus: () => handleOnFocus("startDate"),
-    onKeyDown: handleOnKeyDownStart,
-    value: startValue
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
-    containerProps: { "data-testid": "end-date" },
-    innerRef: endInputRef,
-    onChange: handleOnChangeEnd,
-    onFocus: () => handleOnFocus("endDate"),
-    onKeyDown: handleOnKeyDownEnd,
-    value: endValue
-  })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_form.DSInputGroup, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInputV2, {
+          containerProps: { "data-testid": "start-date" },
+          innerRef: startInputRef,
+          onChange: handleOnChangeStart,
+          onFocus: () => handleOnFocus("startDate"),
+          onKeyDown: handleOnKeyDownStart,
+          value: startValue
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSDateInputV2, {
+          containerProps: { "data-testid": "end-date" },
+          innerRef: endInputRef,
+          onChange: handleOnChangeEnd,
+          onFocus: () => handleOnFocus("endDate"),
+          onKeyDown: handleOnKeyDownEnd,
+          value: endValue
+        })
+      ]
+    })
+  });
 };
 DatePickerRangeHeader.propTypes = {
   onStartInputChange: import_prop_types.default.func,

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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",
-  "names": []
+  "mappings": "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",
+  "names": ["moment", "PropTypes"]
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DatePickerRenderMonth_exports = {};
 __export(DatePickerRenderMonth_exports, {
@@ -25,31 +28,45 @@ __export(DatePickerRenderMonth_exports, {
 });
 module.exports = __toCommonJS(DatePickerRenderMonth_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_grid = require("@elliemae/ds-grid");
-const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
   height: "20px",
   cols: ["auto", 1, "auto"],
   alignItems: "flex-end",
-  mr: "10px"
-}, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
-  role: "button",
-  tabIndex: "0",
-  "data-testid": "date-picker-prev-year-arrow",
-  onClick: () => onYearSelect(month, month.year() - 1)
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleLeft, {
-  width: 13.6,
-  height: 13.6
-}))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  "data-testid": "date-picker-header"
-}, /* @__PURE__ */ import_react.default.createElement("strong", null, month.format("MMMM YYYY"))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
-  role: "button",
-  tabIndex: "0",
-  "data-testid": "date-picker-next-year-arrow",
-  onClick: () => onYearSelect(month, month.year() + 1)
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleRight, {
-  width: 13.6,
-  height: 13.6
-}))));
+  mr: "10px",
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        role: "button",
+        tabIndex: "0",
+        "data-testid": "date-picker-prev-year-arrow",
+        onClick: () => onYearSelect(month, month.year() - 1),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleLeft, {
+          width: 13.6,
+          height: 13.6
+        })
+      })
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+      "data-testid": "date-picker-header",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
+        children: month.format("MMMM YYYY")
+      })
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        role: "button",
+        tabIndex: "0",
+        "data-testid": "date-picker-next-year-arrow",
+        onClick: () => onYearSelect(month, month.year() + 1),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, {
+          width: 13.6,
+          height: 13.6
+        })
+      })
+    })
+  ]
+});
 //# sourceMappingURL=DatePickerRenderMonth.js.map