@elliemae/ds-form-date-time-picker 3.5.0-rc.9 → 3.6.0-next.0

package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js

@@ -28,35 +28,38 @@ __export(CalendarDaysList_exports, {
 });
 module.exports = __toCommonJS(CalendarDaysList_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_Day = require("./Day");
 var import_Styleds = require("./Styleds");
 const CalendarDaysList = import_react.default.memo(
-  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ import_react.default.createElement("div", {
+  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     ref: innerRef,
-    role: "rowgroup"
-  }, invisibleFirstDay ? /* @__PURE__ */ import_react.default.createElement(import_Day.Day, {
-    key: `ds-calendar-${invisibleFirstDay.day.toString()}`,
-    metaDay: invisibleFirstDay,
-    isInvisible: true
-  }) : null, daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysListWrapper, {
-    key: `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`,
-    role: "row",
-    "aria-rowindex": i + 1,
-    cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
-    rows: ["28px"],
-    py: "xxxs",
-    px: "2px",
-    justifyContent: "space-between",
-    alignItems: "center"
-  }, week.map((metaDay, z) => /* @__PURE__ */ import_react.default.createElement(import_Day.Day, {
-    key: `ds-calendar-${metaDay.day.toString()}`,
-    metaDay,
-    colIndex: z + 1
-  })))), invisibleLastDay ? /* @__PURE__ */ import_react.default.createElement(import_Day.Day, {
-    key: `ds-calendar-${invisibleLastDay.day.toString()}`,
-    metaDay: invisibleLastDay,
-    isInvisible: true
-  }) : null)
+    role: "rowgroup",
+    children: [
+      invisibleFirstDay ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Day.Day, {
+        metaDay: invisibleFirstDay,
+        isInvisible: true
+      }, `ds-calendar-${invisibleFirstDay.day.toString()}`) : null,
+      daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysListWrapper, {
+        role: "row",
+        "aria-rowindex": i + 1,
+        cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+        rows: ["28px"],
+        py: "xxxs",
+        px: "2px",
+        justifyContent: "space-between",
+        alignItems: "center",
+        children: week.map((metaDay, z) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Day.Day, {
+          metaDay,
+          colIndex: z + 1
+        }, `ds-calendar-${metaDay.day.toString()}`))
+      }, `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`)),
+      invisibleLastDay ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Day.Day, {
+        metaDay: invisibleLastDay,
+        isInvisible: true
+      }, `ds-calendar-${invisibleLastDay.day.toString()}`) : null
+    ]
+  })
 );
 //# sourceMappingURL=CalendarDaysList.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarDaysList.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { Day } from './Day';\nimport { StyledWeekDaysListWrapper } from './Styleds';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';\n\nexport const CalendarDaysList = React.memo(\n  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }: CalendarDaysListPropsT): JSX.Element => (\n    <div ref={innerRef} role=\"rowgroup\">\n      {invisibleFirstDay ? (\n        <Day key={`ds-calendar-${invisibleFirstDay.day.toString()}`} metaDay={invisibleFirstDay} isInvisible />\n      ) : null}\n      {daysMatrixByWeekday.map((week, i) => (\n        <StyledWeekDaysListWrapper\n          key={`ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`}\n          role=\"row\"\n          aria-rowindex={i + 1}\n          cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n          rows={['28px']}\n          py=\"xxxs\"\n          px=\"2px\"\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          {week.map((metaDay, z) => (\n            <Day key={`ds-calendar-${metaDay.day.toString()}`} metaDay={metaDay} colIndex={z + 1} />\n          ))}\n        </StyledWeekDaysListWrapper>\n      ))}\n      {invisibleLastDay ? (\n        <Day key={`ds-calendar-${invisibleLastDay.day.toString()}`} metaDay={invisibleLastDay} isInvisible />\n      ) : null}\n    </div>\n  ),\n);\nexport interface CalendarDaysListPropsT {\n  invisibleFirstDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  daysMatrixByWeekday: DSControlledDateTimePickerInternalsT.MetaMonthDay[][];\n  invisibleLastDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  innerRef: React.RefObject<HTMLDivElement>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAoB;AACpB,qBAA0C;AAGnC,MAAM,mBAAmB,aAAAA,QAAM;AAAA,EACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,SAAS,MACpE,6BAAAA,QAAA,cAAC;AAAA,IAAI,KAAK;AAAA,IAAU,MAAK;AAAA,KACtB,oBACC,6BAAAA,QAAA,cAAC;AAAA,IAAI,KAAK,eAAe,kBAAkB,IAAI,SAAS;AAAA,IAAK,SAAS;AAAA,IAAmB,aAAW;AAAA,GAAC,IACnG,MACH,oBAAoB,IAAI,CAAC,MAAM,MAC9B,6BAAAA,QAAA,cAAC;AAAA,IACC,KAAK,oBAAoB,KAAK,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG,IAAI,SAAS;AAAA,IACxE,MAAK;AAAA,IACL,iBAAe,IAAI;AAAA,IACnB,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,IAC7D,MAAM,CAAC,MAAM;AAAA,IACb,IAAG;AAAA,IACH,IAAG;AAAA,IACH,gBAAe;AAAA,IACf,YAAW;AAAA,KAEV,KAAK,IAAI,CAAC,SAAS,MAClB,6BAAAA,QAAA,cAAC;AAAA,IAAI,KAAK,eAAe,QAAQ,IAAI,SAAS;AAAA,IAAK;AAAA,IAAkB,UAAU,IAAI;AAAA,GAAG,CACvF,CACH,CACD,GACA,mBACC,6BAAAA,QAAA,cAAC;AAAA,IAAI,KAAK,eAAe,iBAAiB,IAAI,SAAS;AAAA,IAAK,SAAS;AAAA,IAAkB,aAAW;AAAA,GAAC,IACjG,IACN;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,iBAAoB;AACpB,qBAA0C;AAGnC,MAAM,mBAAmB,aAAAA,QAAM;AAAA,EACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,SAAS,MACpE,6CAAC;AAAA,IAAI,KAAK;AAAA,IAAU,MAAK;AAAA,IACtB;AAAA,0BACC,4CAAC;AAAA,QAA4D,SAAS;AAAA,QAAmB,aAAW;AAAA,SAA1F,eAAe,kBAAkB,IAAI,SAAS,GAA6C,IACnG;AAAA,MACH,oBAAoB,IAAI,CAAC,MAAM,MAC9B,4CAAC;AAAA,QAEC,MAAK;AAAA,QACL,iBAAe,IAAI;AAAA,QACnB,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,QAC7D,MAAM,CAAC,MAAM;AAAA,QACb,IAAG;AAAA,QACH,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,YAAW;AAAA,QAEV,eAAK,IAAI,CAAC,SAAS,MAClB,4CAAC;AAAA,UAAkD;AAAA,UAAkB,UAAU,IAAI;AAAA,WAAzE,eAAe,QAAQ,IAAI,SAAS,GAAwC,CACvF;AAAA,SAZI,oBAAoB,KAAK,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG,IAAI,SAAS,GAa1E,CACD;AAAA,MACA,mBACC,4CAAC;AAAA,QAA2D,SAAS;AAAA,QAAkB,aAAW;AAAA,SAAxF,eAAe,iBAAiB,IAAI,SAAS,GAA4C,IACjG;AAAA;AAAA,GACN;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js

@@ -28,7 +28,8 @@ __export(CalendarFooter_exports, {
 });
 module.exports = __toCommonJS(CalendarFooter_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_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
 var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
 var import_Styleds = require("./Styleds");
@@ -38,10 +39,11 @@ const CalendarFooter = () => {
     isWithTimeWheelToo
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
-    return /* @__PURE__ */ import_react.default.createElement(import_Styleds.CalendarFooterMessage, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.CalendarFooterMessage, {
       role: "alert",
-      "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR
-    }, pickerFooterMsg);
+      "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR,
+      children: pickerFooterMsg
+    });
   return null;
 };
 //# sourceMappingURL=CalendarFooter.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarFooterMessage } from './Styleds';\n\nexport const CalendarFooter: React.ComponentType = () => {\n  const {\n    props: { pickerFooterMsg, hasError },\n    isWithTimeWheelToo,\n  } = useContext(ControlledDateTimePickerContext);\n  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError)\n    return (\n      <CalendarFooterMessage role=\"alert\" data-testid={ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR}>\n        {pickerFooterMsg}\n      </CalendarFooterMessage>\n    );\n  return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAsC;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,6BAAAA,QAAA,cAAC;AAAA,MAAsB,MAAK;AAAA,MAAQ,eAAa,6EAAmC,QAAQ;AAAA,OACzF,eACH;AAEJ,SAAO;AACT;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAsC;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,4CAAC;AAAA,MAAsB,MAAK;AAAA,MAAQ,eAAa,6EAAmC,QAAQ;AAAA,MACzF;AAAA,KACH;AAEJ,SAAO;AACT;",
+  "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js

@@ -28,7 +28,8 @@ __export(CalendarHead_exports, {
 });
 module.exports = __toCommonJS(CalendarHead_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_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
@@ -99,66 +100,79 @@ const CalendarHead = () => {
     },
     [currFocusDescriber, latestInteractionRegion, nextYearBtnRef]
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeader, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    "aria-label": "previous year",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handlePrevYear,
-    innerRef: handlePrevYearRef,
-    onKeyDown: handlePrevYearKeyDown,
-    onFocus: onPrevYearFocus,
-    tabIndex: isControllerOnly ? -1 : 0,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleLeft, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    autoFocus: autoFocusPrevMonthArrow,
-    "aria-label": "previous month",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handlePrevMonth,
-    innerRef: handlePrevMonthRef,
-    onKeyDown: handlePrevMonthKeyDown,
-    onFocus: onPrevMonthFocus,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronLeft, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderLabel, {
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL
-  }, currentFormatedDate), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    "aria-label": "next month",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handleNextMonth,
-    innerRef: handleNextMonthRef,
-    onKeyDown: handleNextMonthKeyDown,
-    onFocus: onNextMonthFocus,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
-    "aria-label": "next year",
-    buttonType: "raw",
-    size: import_ds_button.BUTTON_SIZES.M,
-    onClick: handleNextYear,
-    innerRef: handleNextYearRef,
-    onKeyDown: handleNextYearKeyDown,
-    onFocus: onNextYearFocus,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
-    type: "button"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleRight, {
-    height: 14,
-    width: 14,
-    fill: "#25292f"
-  })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledHeader, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        "aria-label": "previous year",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handlePrevYear,
+        innerRef: handlePrevYearRef,
+        onKeyDown: handlePrevYearKeyDown,
+        onFocus: onPrevYearFocus,
+        tabIndex: isControllerOnly ? -1 : 0,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleLeft, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        autoFocus: autoFocusPrevMonthArrow,
+        "aria-label": "previous month",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handlePrevMonth,
+        innerRef: handlePrevMonthRef,
+        onKeyDown: handlePrevMonthKeyDown,
+        onFocus: onPrevMonthFocus,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderLabel, {
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL,
+        children: currentFormatedDate
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        "aria-label": "next month",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handleNextMonth,
+        innerRef: handleNextMonthRef,
+        onKeyDown: handleNextMonthKeyDown,
+        onFocus: onNextMonthFocus,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
+        "aria-label": "next year",
+        buttonType: "raw",
+        size: import_ds_button.BUTTON_SIZES.M,
+        onClick: handleNextYear,
+        innerRef: handleNextYearRef,
+        onKeyDown: handleNextYearKeyDown,
+        onFocus: onNextYearFocus,
+        "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
+        type: "button",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, {
+          height: 14,
+          width: 14,
+          fill: "#25292f"
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=CalendarHead.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarHead.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity, @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { StyledHeader, StyledHeaderButton, StyledHeaderLabel } from './Styleds';\nimport { CalendarContext } from './CalendarContext';\n\nconst useGetFormattedCurrentDate = () => {\n  const { currentMonth, currentYear } = useContext(CalendarContext);\n\n  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : '';\n\n  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);\n};\nexport const CalendarHead = (): JSX.Element => {\n  const currentFormatedDate = useGetFormattedCurrentDate();\n  const {\n    handlePrevYear,\n    handlePrevMonth,\n    handleNextMonth,\n    handleNextYear,\n    handlePrevYearKeyDown,\n    handlePrevMonthKeyDown,\n    handleNextMonthKeyDown,\n    handleNextYearKeyDown,\n    onPrevYearFocus,\n    onPrevMonthFocus,\n    onNextMonthFocus,\n    onNextYearFocus,\n  } = useContext(CalendarContext);\n\n  const {\n    isControllerOnly,\n    autoFocusPrevMonthArrow,\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const handlePrevYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevYearBtnRef],\n  );\n  const handlePrevMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef],\n  );\n  const handleNextMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef],\n  );\n  const handleNextYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextYearBtnRef],\n  );\n\n  return (\n    <StyledHeader>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevYear}\n        innerRef={handlePrevYearRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 0}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\n        type=\"button\"\n      >\n        <ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        autoFocus={autoFocusPrevMonthArrow}\n        aria-label=\"previous month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevMonth}\n        innerRef={handlePrevMonthRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n        type=\"button\"\n        // this is a tabstop for when the calendar is open\n      >\n        <ChevronLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderLabel data-testid={ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL}>\n        {currentFormatedDate}\n      </StyledHeaderLabel>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextMonth}\n        innerRef={handleNextMonthRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n        type=\"button\"\n      >\n        <ChevronRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextYear}\n        innerRef={handleNextYearRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n        type=\"button\"\n      >\n        <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n    </StyledHeader>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js

@@ -28,7 +28,8 @@ __export(CalendarIconTrigger_exports, {
 });
 module.exports = __toCommonJS(CalendarIconTrigger_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_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
@@ -42,7 +43,7 @@ const CalendarIconTrigger = () => {
     ariaCurrentValueForInputs
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   return (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledIconTriggerButton, {
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledIconTriggerButton, {
       "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
       buttonType: "icon",
       size: import_ds_button.BUTTON_SIZES.M,
@@ -51,8 +52,9 @@ const CalendarIconTrigger = () => {
       onKeyDown: handlePickerIconKeyDown,
       "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
       disabled,
-      type: "button"
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker, null)),
+      type: "button",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker, {})
+    }),
     [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]
   );
 };

package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarIconTrigger.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledIconTriggerButton } from './Styleds';\n// we memoize the Icon  for maximum optimization\n// this is particularly usefull due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const CalendarIconTrigger = (): JSX.Element => {\n  const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown } = useContext(CalendarContext);\n  const {\n    props: { disabled },\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`date picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendar}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR}\n        disabled={disabled}\n        type=\"button\"\n      >\n        <DatePicker />\n      </StyledIconTriggerButton>\n    ),\n    [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,uBAA6C;AAC7C,sBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,qBAAwC;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,wBAAwB,QAAI,yBAAW,sCAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,aAAO;AAAA,IACL,MACE,6BAAAA,QAAA,cAAC;AAAA,MACC,cAAY,qCAAqC;AAAA,MACjD,YAAW;AAAA,MACX,MAAM,8BAAa;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAa,6EAAmC,aAAa;AAAA,MAC7D;AAAA,MACA,MAAK;AAAA,OAEL,6BAAAA,QAAA,cAAC,gCAAW,CACd;AAAA,IAEF,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB,QAAQ;AAAA,EAC1G;AACF;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA2C;AAC3C,uBAA6C;AAC7C,sBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,qBAAwC;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,wBAAwB,QAAI,yBAAW,sCAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,aAAO;AAAA,IACL,MACE,4CAAC;AAAA,MACC,cAAY,qCAAqC;AAAA,MACjD,YAAW;AAAA,MACX,MAAM,8BAAa;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAa,6EAAmC,aAAa;AAAA,MAC7D;AAAA,MACA,MAAK;AAAA,MAEL,sDAAC,8BAAW;AAAA,KACd;AAAA,IAEF,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB,QAAQ;AAAA,EAC1G;AACF;",
+  "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js

@@ -28,14 +28,15 @@ __export(CalendarMonthDays_exports, {
 });
 module.exports = __toCommonJS(CalendarMonthDays_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_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
 var import_CalendarDaysList = require("./CalendarDaysList");
 var import_CalendarContext = require("./CalendarContext");
 const CalendarMonthDays = () => {
   const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
   const { calendarDaysWrapperRef } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_CalendarDaysList.CalendarDaysList, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarDaysList.CalendarDaysList, {
     invisibleFirstDay,
     daysMatrixByWeekday,
     invisibleLastDay,

package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarMonthDays.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarDaysList } from './CalendarDaysList';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarMonthDays = (): JSX.Element => {\n  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = useContext(CalendarContext);\n  const { calendarDaysWrapperRef } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <CalendarDaysList\n      invisibleFirstDay={invisibleFirstDay}\n      daysMatrixByWeekday={daysMatrixByWeekday}\n      invisibleLastDay={invisibleLastDay}\n      innerRef={calendarDaysWrapperRef}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,yCAAgD;AAChD,8BAAiC;AACjC,6BAAgC;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,iBAAiB,QAAI,yBAAW,sCAAe;AAC/F,QAAM,EAAE,uBAAuB,QAAI,yBAAW,kEAA+B;AAE7E,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAElC,yCAAgD;AAChD,8BAAiC;AACjC,6BAAgC;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,iBAAiB,QAAI,yBAAW,sCAAe;AAC/F,QAAM,EAAE,uBAAuB,QAAI,yBAAW,kEAA+B;AAE7E,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;",
+  "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js

@@ -28,39 +28,57 @@ __export(CalendarWeekDays_exports, {
 });
 module.exports = __toCommonJS(CalendarWeekDays_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_Styleds = require("./Styleds");
-const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ import_react.default.createElement("span", {
-  role: "rowgroup"
-}, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysListWrapper, {
-  role: "row",
-  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
-  rows: ["22px"],
-  py: "xxxs",
-  px: "6px",
-  justifyContent: "space-between",
-  alignItems: "center",
-  isHeader: true
-}, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 1
-}, "sun"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 2
-}, "mon"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 3
-}, "tue"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 4
-}, "wed"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 5
-}, "thu"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 6
-}, "fri"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledWeekDaysHeaderItem, {
-  role: "columnheader",
-  "aria-colindex": 7
-}, "sat"))));
+const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  role: "rowgroup",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledWeekDaysListWrapper, {
+    role: "row",
+    cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+    rows: ["22px"],
+    py: "xxxs",
+    px: "6px",
+    justifyContent: "space-between",
+    alignItems: "center",
+    isHeader: true,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 1,
+        children: "sun"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 2,
+        children: "mon"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 3,
+        children: "tue"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 4,
+        children: "wed"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 5,
+        children: "thu"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 6,
+        children: "fri"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
+        role: "columnheader",
+        "aria-colindex": 7,
+        children: "sat"
+      })
+    ]
+  })
+}));
 //# sourceMappingURL=CalendarWeekDays.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarWeekDays.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds';\n\nexport const CalendarWeekDays = React.memo(() => (\n  <span role=\"rowgroup\">\n    <StyledWeekDaysListWrapper\n      role=\"row\"\n      cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n      rows={['22px']}\n      py=\"xxxs\"\n      px=\"6px\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      isHeader\n    >\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1}>\n        sun\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2}>\n        mon\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3}>\n        tue\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4}>\n        wed\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5}>\n        thu\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6}>\n        fri\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7}>\n        sat\n      </StyledWeekDaysHeaderItem>\n    </StyledWeekDaysListWrapper>\n  </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MACzC,6BAAAA,QAAA,cAAC;AAAA,EAAK,MAAK;AAAA,GACT,6BAAAA,QAAA,cAAC;AAAA,EACC,MAAK;AAAA,EACL,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,EAC7D,MAAM,CAAC,MAAM;AAAA,EACb,IAAG;AAAA,EACH,IAAG;AAAA,EACH,gBAAe;AAAA,EACf,YAAW;AAAA,EACX,UAAQ;AAAA,GAER,6BAAAA,QAAA,cAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,6BAAAA,QAAA,cAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,6BAAAA,QAAA,cAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,6BAAAA,QAAA,cAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,6BAAAA,QAAA,cAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,6BAAAA,QAAA,cAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,GACA,6BAAAA,QAAA,cAAC;AAAA,EAAyB,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,KAEhE,CACF,CACF,CACD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MACzC,4CAAC;AAAA,EAAK,MAAK;AAAA,EACT,uDAAC;AAAA,IACC,MAAK;AAAA,IACL,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,IAC7D,MAAM,CAAC,MAAM;AAAA,IACb,IAAG;AAAA,IACH,IAAG;AAAA,IACH,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,UAAQ;AAAA,IAER;AAAA,kDAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,4CAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA;AAAA,GACF;AAAA,CACF,CACD;",
   "names": ["React"]
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js

@@ -28,7 +28,8 @@ __export(CalendarWrapper_exports, {
 });
 module.exports = __toCommonJS(CalendarWrapper_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_ds_popperjs = require("@elliemae/ds-popperjs");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
 var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
@@ -38,13 +39,14 @@ const CalendarWrapper = () => {
   const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   const { referenceElement, closeCalendar } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
   if (isControllerOnly)
-    return /* @__PURE__ */ import_react.default.createElement(import_CalendarContent.CalendarContent, null);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarContent.CalendarContent, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
     showPopover: true,
     "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
     referenceElement,
     withoutArrow: true,
-    onClickOutside: closeCalendar
-  }, /* @__PURE__ */ import_react.default.createElement(import_CalendarContent.CalendarContent, null));
+    onClickOutside: closeCalendar,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarContent.CalendarContent, {})
+  });
 };
 //# sourceMappingURL=CalendarWrapper.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarWrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n  const { referenceElement, closeCalendar } = useContext(CalendarContext);\n  if (isControllerOnly) return <CalendarContent />;\n\n  return (\n    <DSPopperJS\n      showPopover\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR}\n      referenceElement={referenceElement}\n      withoutArrow\n      onClickOutside={closeCalendar}\n    >\n      <CalendarContent />\n    </DSPopperJS>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,6BAAgC;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,QAAM,EAAE,kBAAkB,cAAc,QAAI,yBAAW,sCAAe;AACtE,MAAI;AAAkB,WAAO,6BAAAA,QAAA,cAAC,4CAAgB;AAE9C,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,6EAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,KAEhB,6BAAAA,QAAA,cAAC,4CAAgB,CACnB;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,6BAAgC;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,QAAM,EAAE,kBAAkB,cAAc,QAAI,yBAAW,sCAAe;AACtE,MAAI;AAAkB,WAAO,4CAAC,0CAAgB;AAE9C,SACE,4CAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,6EAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,sDAAC,0CAAgB;AAAA,GACnB;AAEJ;",
+  "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/Day.js

@@ -28,7 +28,8 @@ __export(Day_exports, {
 });
 module.exports = __toCommonJS(Day_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_dateHelpers = require("../../../utils/dateHelpers");
 var import_constants = require("../../../utils/constants");
 var import_stringHelpers = require("../../../utils/stringHelpers");
@@ -129,27 +130,29 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
   if (isDayInRange)
     dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: dayClassModifiers,
     style: isHidden ? displayNone : void 0,
     role: !isInvisible ? "gridcell" : void 0,
-    ...Number.isInteger(colIndex) && { "aria-colindex": colIndex }
-  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledDayBtn, {
-    "aria-label": `${(0, import_stringHelpers.getAriaDayFromDateString)(dayAsString)}, ${import_constants.weekDays[metaDay.day.getDay()]}`,
-    "aria-disabled": isOutOfRange || isDisabled,
-    "aria-hidden": !!isInvisible,
-    buttonType: "raw",
-    size: "m",
-    onClick: handleOnDayClick,
-    onFocus: handleOnDayFocus,
-    onKeyDown: (e) => {
-      handleDayOnKeyDown(e, metaDay);
-    },
-    innerRef: handleInnerRef,
-    tabIndex: -1,
-    "data-isfocused": isFocused,
-    "data-testid": dataTestid,
-    type: "button"
-  }, `${day.getDate()}`));
+    ...Number.isInteger(colIndex) && { "aria-colindex": colIndex },
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledDayBtn, {
+      "aria-label": `${(0, import_stringHelpers.getAriaDayFromDateString)(dayAsString)}, ${import_constants.weekDays[metaDay.day.getDay()]}`,
+      "aria-disabled": isOutOfRange || isDisabled,
+      "aria-hidden": !!isInvisible,
+      buttonType: "raw",
+      size: "m",
+      onClick: handleOnDayClick,
+      onFocus: handleOnDayFocus,
+      onKeyDown: (e) => {
+        handleDayOnKeyDown(e, metaDay);
+      },
+      innerRef: handleInnerRef,
+      tabIndex: -1,
+      "data-isfocused": isFocused,
+      "data-testid": dataTestid,
+      type: "button",
+      children: `${day.getDate()}`
+    })
+  });
 };
 //# sourceMappingURL=Day.js.map