@elliemae/ds-form-date-time-picker 3.12.0-rc.2 → 3.12.0-rc.21

package/dist/esm/parts/Pickers/Calendar/CalendarContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarContent.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarBody } from './CalendarBody';\nimport { CalendarHead } from './CalendarHead';\nimport { CalendarFooter } from './CalendarFooter';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const { daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n    >\n      <StyledCalendarWrapper>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqBjB,SACE,KADF;AApBN,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB,6BAA6B;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM,EAAE,oBAAoB,IAAI,WAAW,eAAe;AAE1D,SACE,oBAAC;AAAA,IACC;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,IAErE,+BAAC;AAAA,MACC;AAAA,4BAAC,gBAAa;AAAA,QACd,oBAAC;AAAA,UAAa,aAAa,oBAAoB;AAAA,SAAQ;AAAA,QACvD,oBAAC,kBAAe;AAAA;AAAA,KAClB;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACqBjB,SACE,KADF;AApBN,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB,6BAA6B;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM,EAAE,oBAAoB,IAAI,WAAW,eAAe;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,mCAAmC,qBAAqB;AAAA,MAErE,+BAAC,yBACC;AAAA,4BAAC,gBAAa;AAAA,QACd,oBAAC,gBAAa,aAAa,oBAAoB,QAAQ;AAAA,QACvD,oBAAC,kBAAe;AAAA,SAClB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -4,15 +4,11 @@ import React2 from "react";
 import { Day } from "./Day";
 import { StyledWeekDaysListWrapper } from "./Styleds";
 const CalendarDaysList = React2.memo(
-  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ jsxs("div", {
-    ref: innerRef,
-    role: "rowgroup",
-    children: [
-      invisibleFirstDay ? /* @__PURE__ */ jsx(Day, {
-        metaDay: invisibleFirstDay,
-        isInvisible: true
-      }, `ds-calendar-${invisibleFirstDay.day.toString()}`) : null,
-      daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ jsx(StyledWeekDaysListWrapper, {
+  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ jsxs("div", { ref: innerRef, role: "rowgroup", children: [
+    invisibleFirstDay ? /* @__PURE__ */ jsx(Day, { metaDay: invisibleFirstDay, isInvisible: true }, `ds-calendar-${invisibleFirstDay.day.toString()}`) : null,
+    daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ jsx(
+      StyledWeekDaysListWrapper,
+      {
         role: "row",
         "aria-rowindex": i + 1,
         cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
@@ -21,17 +17,12 @@ const CalendarDaysList = React2.memo(
         px: "2px",
         justifyContent: "space-between",
         alignItems: "center",
-        children: week.map((metaDay, z) => /* @__PURE__ */ jsx(Day, {
-          metaDay,
-          colIndex: z + 1
-        }, `ds-calendar-${metaDay.day.toString()}`))
-      }, `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`)),
-      invisibleLastDay ? /* @__PURE__ */ jsx(Day, {
-        metaDay: invisibleLastDay,
-        isInvisible: true
-      }, `ds-calendar-${invisibleLastDay.day.toString()}`) : null
-    ]
-  })
+        children: week.map((metaDay, z) => /* @__PURE__ */ jsx(Day, { metaDay, colIndex: z + 1 }, `ds-calendar-${metaDay.day.toString()}`))
+      },
+      `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`
+    )),
+    invisibleLastDay ? /* @__PURE__ */ jsx(Day, { metaDay: invisibleLastDay, isInvisible: true }, `ds-calendar-${invisibleLastDay.day.toString()}`) : null
+  ] })
 );
 export {
   CalendarDaysList

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarDaysList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACOnB,SAEI,KAFJ;AAPJ,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,iCAAiC;AAGnC,MAAM,mBAAmBA,OAAM;AAAA,EACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,SAAS,MACpE,qBAAC;AAAA,IAAI,KAAK;AAAA,IAAU,MAAK;AAAA,IACtB;AAAA,0BACC,oBAAC;AAAA,QAA4D,SAAS;AAAA,QAAmB,aAAW;AAAA,SAA1F,eAAe,kBAAkB,IAAI,SAAS,GAA6C,IACnG;AAAA,MACH,oBAAoB,IAAI,CAAC,MAAM,MAC9B,oBAAC;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,oBAAC;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,oBAAC;AAAA,QAA2D,SAAS;AAAA,QAAkB,aAAW;AAAA,SAAxF,eAAe,iBAAiB,IAAI,SAAS,GAA4C,IACjG;AAAA;AAAA,GACN;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACOnB,SAEI,KAFJ;AAPJ,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,iCAAiC;AAGnC,MAAM,mBAAmBA,OAAM;AAAA,EACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,SAAS,MACpE,qBAAC,SAAI,KAAK,UAAU,MAAK,YACtB;AAAA,wBACC,oBAAC,OAA4D,SAAS,mBAAmB,aAAW,QAA1F,eAAe,kBAAkB,IAAI,SAAS,GAA6C,IACnG;AAAA,IACH,oBAAoB,IAAI,CAAC,MAAM,MAC9B;AAAA,MAAC;AAAA;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,oBAAC,OAAkD,SAAkB,UAAU,IAAI,KAAzE,eAAe,QAAQ,IAAI,SAAS,GAAwC,CACvF;AAAA;AAAA,MAZI,oBAAoB,KAAK,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG,IAAI,SAAS;AAAA,IAa1E,CACD;AAAA,IACA,mBACC,oBAAC,OAA2D,SAAS,kBAAkB,aAAW,QAAxF,eAAe,iBAAiB,IAAI,SAAS,GAA4C,IACjG;AAAA,KACN;AAEJ;",
   "names": ["React"]
 }

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

@@ -10,11 +10,7 @@ const CalendarFooter = () => {
     isWithTimeWheelToo
   } = useContext(ControlledDateTimePickerContext);
   if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
-    return /* @__PURE__ */ jsx(CalendarFooterMessage, {
-      role: "alert",
-      "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR,
-      children: pickerFooterMsg
-    });
+    return /* @__PURE__ */ jsx(CalendarFooterMessage, { role: "alert", "data-testid": ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR, children: pickerFooterMsg });
   return null;
 };
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarFooter.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACYjB;AAZN,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,6BAA6B;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,oBAAC;AAAA,MAAsB,MAAK;AAAA,MAAQ,eAAa,mCAAmC,QAAQ;AAAA,MACzF;AAAA,KACH;AAEJ,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACYjB;AAZN,SAAgB,kBAAkB;AAClC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,6BAA6B;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,oBAAC,yBAAsB,MAAK,SAAQ,eAAa,mCAAmC,QAAQ,UACzF,2BACH;AAEJ,SAAO;AACT;",
   "names": []
 }

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

@@ -71,9 +71,10 @@ const CalendarHead = () => {
     },
     [currFocusDescriber, latestInteractionRegion, nextYearBtnRef]
   );
-  return /* @__PURE__ */ jsxs(StyledHeader, {
-    children: [
-      /* @__PURE__ */ jsx(StyledHeaderButton, {
+  return /* @__PURE__ */ jsxs(StyledHeader, { children: [
+    /* @__PURE__ */ jsx(
+      StyledHeaderButton,
+      {
         "aria-label": "previous year",
         buttonType: "raw",
         size: BUTTON_SIZES.M,
@@ -84,13 +85,12 @@ const CalendarHead = () => {
         tabIndex: isControllerOnly ? -1 : 0,
         "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
         type: "button",
-        children: /* @__PURE__ */ jsx(ChevronDoubleLeft, {
-          height: 14,
-          width: 14,
-          fill: "#25292f"
-        })
-      }),
-      /* @__PURE__ */ jsx(StyledHeaderButton, {
+        children: /* @__PURE__ */ jsx(ChevronDoubleLeft, { height: 14, width: 14, fill: "#25292f" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StyledHeaderButton,
+      {
         autoFocus: autoFocusPrevMonthArrow,
         "aria-label": "previous month",
         buttonType: "raw",
@@ -101,17 +101,13 @@ const CalendarHead = () => {
         onFocus: onPrevMonthFocus,
         "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
         type: "button",
-        children: /* @__PURE__ */ jsx(ChevronLeft, {
-          height: 14,
-          width: 14,
-          fill: "#25292f"
-        })
-      }),
-      /* @__PURE__ */ jsx(StyledHeaderLabel, {
-        "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL,
-        children: currentFormatedDate
-      }),
-      /* @__PURE__ */ jsx(StyledHeaderButton, {
+        children: /* @__PURE__ */ jsx(ChevronLeft, { height: 14, width: 14, fill: "#25292f" })
+      }
+    ),
+    /* @__PURE__ */ jsx(StyledHeaderLabel, { "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL, children: currentFormatedDate }),
+    /* @__PURE__ */ jsx(
+      StyledHeaderButton,
+      {
         "aria-label": "next month",
         buttonType: "raw",
         size: BUTTON_SIZES.M,
@@ -121,13 +117,12 @@ const CalendarHead = () => {
         onFocus: onNextMonthFocus,
         "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
         type: "button",
-        children: /* @__PURE__ */ jsx(ChevronRight, {
-          height: 14,
-          width: 14,
-          fill: "#25292f"
-        })
-      }),
-      /* @__PURE__ */ jsx(StyledHeaderButton, {
+        children: /* @__PURE__ */ jsx(ChevronRight, { height: 14, width: 14, fill: "#25292f" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StyledHeaderButton,
+      {
         "aria-label": "next year",
         buttonType: "raw",
         size: BUTTON_SIZES.M,
@@ -137,14 +132,10 @@ const CalendarHead = () => {
         onFocus: onNextYearFocus,
         "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
         type: "button",
-        children: /* @__PURE__ */ jsx(ChevronDoubleRight, {
-          height: 14,
-          width: 14,
-          fill: "#25292f"
-        })
-      })
-    ]
-  });
+        children: /* @__PURE__ */ jsx(ChevronDoubleRight, { height: 14, width: 14, fill: "#25292f" })
+      }
+    )
+  ] });
 };
 export {
   CalendarHead

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarHead.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -14,18 +14,21 @@ const CalendarIconTrigger = () => {
     ariaCurrentValueForInputs
   } = useContext(ControlledDateTimePickerContext);
   return useMemo(
-    () => /* @__PURE__ */ jsx(StyledIconTriggerButton, {
-      "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
-      buttonType: "icon",
-      size: BUTTON_SIZES.M,
-      innerRef: handleSetTriggerRef,
-      onClick: handleToggleCalendar,
-      onKeyDown: handlePickerIconKeyDown,
-      "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
-      disabled,
-      type: "button",
-      children: /* @__PURE__ */ jsx(DatePicker, {})
-    }),
+    () => /* @__PURE__ */ jsx(
+      StyledIconTriggerButton,
+      {
+        "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
+        buttonType: "icon",
+        size: BUTTON_SIZES.M,
+        innerRef: handleSetTriggerRef,
+        onClick: handleToggleCalendar,
+        onKeyDown: handlePickerIconKeyDown,
+        "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
+        disabled,
+        type: "button",
+        children: /* @__PURE__ */ jsx(DatePicker, {})
+      }
+    ),
     [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]
   );
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarIconTrigger.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { BUTTON_SIZES } 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"],
-  "mappings": "AAAA,YAAY,WAAW;AC6Bf;AA7BR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,wBAAwB,IAAI,WAAW,eAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,SAAO;AAAA,IACL,MACE,oBAAC;AAAA,MACC,cAAY,qCAAqC;AAAA,MACjD,YAAW;AAAA,MACX,MAAM,aAAa;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAa,mCAAmC,aAAa;AAAA,MAC7D;AAAA,MACA,MAAK;AAAA,MAEL,8BAAC,cAAW;AAAA,KACd;AAAA,IAEF,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB,QAAQ;AAAA,EAC1G;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;AC6Bf;AA7BR,SAAgB,YAAY,eAAe;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,wBAAwB,IAAI,WAAW,eAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,SAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,qCAAqC;AAAA,QACjD,YAAW;AAAA,QACX,MAAM,aAAa;AAAA,QACnB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,eAAa,mCAAmC,aAAa;AAAA,QAC7D;AAAA,QACA,MAAK;AAAA,QAEL,8BAAC,cAAW;AAAA;AAAA,IACd;AAAA,IAEF,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB,QAAQ;AAAA,EAC1G;AACF;",
   "names": []
 }

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

@@ -7,12 +7,15 @@ import { CalendarContext } from "./CalendarContext";
 const CalendarMonthDays = () => {
   const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = useContext(CalendarContext);
   const { calendarDaysWrapperRef } = useContext(ControlledDateTimePickerContext);
-  return /* @__PURE__ */ jsx(CalendarDaysList, {
-    invisibleFirstDay,
-    daysMatrixByWeekday,
-    invisibleLastDay,
-    innerRef: calendarDaysWrapperRef
-  });
+  return /* @__PURE__ */ jsx(
+    CalendarDaysList,
+    {
+      invisibleFirstDay,
+      daysMatrixByWeekday,
+      invisibleLastDay,
+      innerRef: calendarDaysWrapperRef
+    }
+  );
 };
 export {
   CalendarMonthDays

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarMonthDays.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACWnB;AAXJ,SAAgB,kBAAkB;AAElC,SAAS,uCAAuC;AAChD,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,iBAAiB,IAAI,WAAW,eAAe;AAC/F,QAAM,EAAE,uBAAuB,IAAI,WAAW,+BAA+B;AAE7E,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACWnB;AAXJ,SAAgB,kBAAkB;AAElC,SAAS,uCAAuC;AAChD,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,iBAAiB,IAAI,WAAW,eAAe;AAC/F,QAAM,EAAE,uBAAuB,IAAI,WAAW,+BAA+B;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,EACZ;AAEJ;",
   "names": []
 }

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

@@ -2,9 +2,9 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from "./Styleds";
-const CalendarWeekDays = React2.memo(() => /* @__PURE__ */ jsx("span", {
-  role: "rowgroup",
-  children: /* @__PURE__ */ jsxs(StyledWeekDaysListWrapper, {
+const CalendarWeekDays = React2.memo(() => /* @__PURE__ */ jsx("span", { role: "rowgroup", children: /* @__PURE__ */ jsxs(
+  StyledWeekDaysListWrapper,
+  {
     role: "row",
     cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
     rows: ["22px"],
@@ -14,44 +14,16 @@ const CalendarWeekDays = React2.memo(() => /* @__PURE__ */ jsx("span", {
     alignItems: "center",
     isHeader: true,
     children: [
-      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, {
-        role: "columnheader",
-        "aria-colindex": 1,
-        children: "sun"
-      }),
-      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, {
-        role: "columnheader",
-        "aria-colindex": 2,
-        children: "mon"
-      }),
-      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, {
-        role: "columnheader",
-        "aria-colindex": 3,
-        children: "tue"
-      }),
-      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, {
-        role: "columnheader",
-        "aria-colindex": 4,
-        children: "wed"
-      }),
-      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, {
-        role: "columnheader",
-        "aria-colindex": 5,
-        children: "thu"
-      }),
-      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, {
-        role: "columnheader",
-        "aria-colindex": 6,
-        children: "fri"
-      }),
-      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, {
-        role: "columnheader",
-        "aria-colindex": 7,
-        children: "sat"
-      })
+      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 1, children: "sun" }),
+      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 2, children: "mon" }),
+      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 3, children: "tue" }),
+      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 4, children: "wed" }),
+      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 5, children: "thu" }),
+      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 6, children: "fri" }),
+      /* @__PURE__ */ jsx(StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 7, children: "sat" })
     ]
-  })
-}));
+  }
+) }));
 export {
   CalendarWeekDays
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarWeekDays.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACKnB,SAUE,KAVF;AALJ,OAAOA,YAAW;AAClB,SAAS,2BAA2B,gCAAgC;AAE7D,MAAM,mBAAmBA,OAAM,KAAK,MACzC,oBAAC;AAAA,EAAK,MAAK;AAAA,EACT,+BAAC;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,0BAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,oBAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,oBAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,oBAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,oBAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,oBAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA,MACA,oBAAC;AAAA,QAAyB,MAAK;AAAA,QAAe,iBAAe;AAAA,QAAG;AAAA,OAEhE;AAAA;AAAA,GACF;AAAA,CACF,CACD;",
+  "mappings": "AAAA,YAAY,WAAW;ACKnB,SAUE,KAVF;AALJ,OAAOA,YAAW;AAClB,SAAS,2BAA2B,gCAAgC;AAE7D,MAAM,mBAAmBA,OAAM,KAAK,MACzC,oBAAC,UAAK,MAAK,YACT;AAAA,EAAC;AAAA;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,0BAAC,4BAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,oBAAC,4BAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,oBAAC,4BAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,oBAAC,4BAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,oBAAC,4BAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,oBAAC,4BAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,oBAAC,4BAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA;AAAA;AACF,GACF,CACD;",
   "names": ["React"]
 }

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

@@ -11,14 +11,17 @@ const CalendarWrapper = () => {
   const { referenceElement, closeCalendar } = useContext(CalendarContext);
   if (isControllerOnly)
     return /* @__PURE__ */ jsx(CalendarContent, {});
-  return /* @__PURE__ */ jsx(DSPopperJS, {
-    showPopover: true,
-    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
-    referenceElement,
-    withoutArrow: true,
-    onClickOutside: closeCalendar,
-    children: /* @__PURE__ */ jsx(CalendarContent, {})
-  });
+  return /* @__PURE__ */ jsx(
+    DSPopperJS,
+    {
+      showPopover: true,
+      "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
+      referenceElement,
+      withoutArrow: true,
+      onClickOutside: closeCalendar,
+      children: /* @__PURE__ */ jsx(CalendarContent, {})
+    }
+  );
 };
 export {
   CalendarWrapper

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/CalendarWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACUQ;AAV/B,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,iBAAiB,IAAI,WAAW,+BAA+B;AACvE,QAAM,EAAE,kBAAkB,cAAc,IAAI,WAAW,eAAe;AACtE,MAAI;AAAkB,WAAO,oBAAC,mBAAgB;AAE9C,SACE,oBAAC;AAAA,IACC,aAAW;AAAA,IACX,eAAa,mCAAmC,gBAAgB;AAAA,IAChE;AAAA,IACA,cAAY;AAAA,IACZ,gBAAgB;AAAA,IAEhB,8BAAC,mBAAgB;AAAA,GACnB;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACUQ;AAV/B,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,iBAAiB,IAAI,WAAW,+BAA+B;AACvE,QAAM,EAAE,kBAAkB,cAAc,IAAI,WAAW,eAAe;AACtE,MAAI;AAAkB,WAAO,oBAAC,mBAAgB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,eAAa,mCAAmC,gBAAgB;AAAA,MAChE;AAAA,MACA,cAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,8BAAC,mBAAgB;AAAA;AAAA,EACnB;AAEJ;",
   "names": []
 }

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

@@ -118,30 +118,36 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
   if (isDayInRange)
     dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
-  return /* @__PURE__ */ jsx("div", {
-    className: dayClassModifiers,
-    style: isHidden ? displayNone : void 0,
-    role: !isInvisible ? "gridcell" : void 0,
-    ...Number.isInteger(colIndex) && { "aria-colindex": colIndex },
-    children: /* @__PURE__ */ jsx(StyledDayBtn, {
-      "aria-label": `${getAriaDayFromDateString(dayAsString)}, ${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()}`
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: dayClassModifiers,
+      style: isHidden ? displayNone : void 0,
+      role: !isInvisible ? "gridcell" : void 0,
+      ...Number.isInteger(colIndex) && { "aria-colindex": colIndex },
+      children: /* @__PURE__ */ jsx(
+        StyledDayBtn,
+        {
+          "aria-label": `${getAriaDayFromDateString(dayAsString)}, ${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()}`
+        }
+      )
+    }
+  );
 };
 export {
   Day

package/dist/esm/parts/Pickers/Calendar/Day.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/Day.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport {\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n  isSameDateMoment,\n  compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledDayBtn } from './Styleds';\nimport type { DSControlledDateTimePickerT } from '../../../propTypes';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';\n\ninterface CalendarDayPropsT {\n  metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    props: { preventCloseOnSelection },\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    getIsStartRangeDay,\n    getIsDayInRange,\n    getIsEndRangeDay,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    latestInteractionRegion,\n    isWithTimeWheelToo,\n    trackFocusCalendarMetafocusedDay,\n  } = useContext(ControlledDateTimePickerContext);\n  const { focusedDay, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = useContext(CalendarContext);\n  const isFocusedMetaDay = focusedDay?.day ? compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day) : false;\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return selectedDate ? isSameDateMoment(day, selectedDate) : false;\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRangeImproper = getIsDayInRange(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && isDayInRangeImproper;\n\n  const handleOnDayClick = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleFocusMetaDayByDay(day);\n      if (!isDisabled && !isOutOfRange) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        appOnMonthChange(`${month + 1}`, e, metaInfo);\n        if (dayNumber) appOnDayChange(`${dayNumber}`, e, metaInfo);\n        appOnYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        trackFocusCalendarMetafocusedDay();\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n      }\n    },\n    [\n      handleFocusMetaDayByDay,\n      day,\n      isDisabled,\n      isOutOfRange,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      trackFocusCalendarMetafocusedDay,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n    ],\n  );\n\n  const handleInnerRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      window.requestAnimationFrame(() => {\n        dayBtnRef.current = ButtonDomNode;\n        if (isFocused) ButtonDomNode?.focus?.();\n      });\n    },\n    [dayBtnRef, isFocused],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    trackFocusCalendarMetafocusedDay('calendar-days');\n  }, [trackFocusCalendarMetafocusedDay]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${\n        isDayInRangeImproper ? 'inRangeImproperDay ' : ''\n      }${isDayInRange ? 'inRangeDay ' : ''}${isEndRangeDay ? 'endRangeDay ' : ''}${\n        isCurrMonthDay ? '' : 'notCurrentMonth'\n      }`,\n    [\n      isSelected,\n      isDisabled,\n      isOutOfRange,\n      isFocused,\n      isStartRangeDay,\n      isDayInRangeImproper,\n      isDayInRange,\n      isEndRangeDay,\n      isCurrMonthDay,\n    ],\n  );\n\n  let dataTestid: string = ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n  if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role={!isInvisible ? 'gridcell' : undefined}\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={`${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`}\n        aria-disabled={isOutOfRange || isDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e: React.KeyboardEvent<Element>) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={handleInnerRef}\n        tabIndex={-1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n        type=\"button\"\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6IjB;AA1IN,SAAgB,YAAY,aAAa,eAAe;AACxD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,gBAAgB;AAC1C,SAAS,gCAAgC;AACzC,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAS7B,MAAM,cAAc,EAAE,SAAS,OAAO;AAE/B,MAAM,MAAM,CAAC,EAAE,SAAS,UAAU,YAAY,MAAsC;AACzF,QAAM,EAAE,KAAK,gBAAgB,UAAU,WAAW,YAAY,IAAI;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,wBAAwB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,+BAA+B;AAC9C,QAAM,EAAE,YAAY,oBAAoB,yBAAyB,cAAc,IAAI,WAAW,eAAe;AAC7G,QAAM,mBAAmB,YAAY,MAAM,2BAA2B,SAAS,KAAK,YAAY,GAAG,IAAI;AACvG,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,eAAe,qBAAqB,mBAAmB;AAC7D,WAAO,eAAe,iBAAiB,KAAK,YAAY,IAAI;AAAA,EAC9D,GAAG,CAAC,qBAAqB,GAAG,CAAC;AAC7B,QAAM,YAAY,4BAA4B,mBAAmB;AACjE,QAAM,aAAa,iBAAiB,QAAQ,WAAW;AACvD,QAAM,eAAe,mBAAmB,QAAQ,WAAW;AAC3D,QAAM,kBAAkB,mBAAmB,QAAQ,WAAW;AAC9D,QAAM,gBAAgB,iBAAiB,QAAQ,WAAW;AAC1D,QAAM,uBAAuB,gBAAgB,QAAQ,WAAW;AAChE,QAAM,eAAe,CAAC,mBAAmB,CAAC,iBAAiB;AAE3D,QAAM,mBAAmB;AAAA,IACvB,CAAC,MAA+D;AAC9D,8BAAwB,GAAG;AAC3B,UAAI,CAAC,cAAc,CAAC,cAAc;AAChC,cAAM,gBAAgB,qBAAqB,GAAG;AAC9C,cAAM,WAAW,EAAE,GAAG,iBAAiB,cAAc;AACrD,cAAM,EAAE,OAAO,KAAK,WAAW,KAAK,IAAI,sBAAsB,GAAG;AACjE,yBAAiB,GAAG,QAAQ,KAAK,GAAG,QAAQ;AAC5C,YAAI;AAAW,yBAAe,GAAG,aAAa,GAAG,QAAQ;AACzD,wBAAgB,GAAG,QAAQ,GAAG,QAAQ;AACtC,uCAA+B,eAAe,QAAQ;AACtD,yCAAiC;AACjC,YAAI,CAAC,sBAAsB,CAAC;AAAyB,wBAAc;AAAA,MACrE;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,kBAAqC;AACpC,aAAO,sBAAsB,MAAM;AACjC,kBAAU,UAAU;AACpB,YAAI;AAAW,yBAAe,QAAQ;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW,SAAS;AAAA,EACvB;AAEA,QAAM,mBAAmB,YAAY,MAAM;AACzC,qCAAiC,eAAe;AAAA,EAClD,GAAG,CAAC,gCAAgC,CAAC;AAErC,QAAM,oBAAoB;AAAA,IACxB,MACE,cAAc,aAAa,iBAAiB,KAAK,aAAa,iBAAiB,KAC7E,eAAe,mBAAmB,KACjC,YAAY,gBAAgB,KAAK,kBAAkB,mBAAmB,KACvE,uBAAuB,wBAAwB,KAC9C,eAAe,gBAAgB,KAAK,gBAAgB,iBAAiB,KACtE,iBAAiB,KAAK;AAAA,IAE1B;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,MAAI,aAAqB,mCAAmC,SAAS;AACrE,MAAI;AAAY,iBAAa,mCAAmC,SAAS;AACzE,MAAI;AAAW,iBAAa,mCAAmC,SAAS;AACxE,MAAI,aAAa;AAAY,iBAAa,mCAAmC,SAAS;AACtF,MAAI;AAAiB,iBAAa,mCAAmC,SAAS;AAC9E,MAAI;AAAe,iBAAa,mCAAmC,SAAS;AAC5E,MAAI;AAAc,iBAAa,mCAAmC,SAAS;AAE3E,SACE,oBAAC;AAAA,IACC,WAAW;AAAA,IACX,OAAO,WAAW,cAAc;AAAA,IAChC,MAAM,CAAC,cAAc,aAAa;AAAA,IACjC,GAAI,OAAO,UAAU,QAAQ,KAAK,EAAE,iBAAiB,SAAS;AAAA,IAE/D,8BAAC;AAAA,MACC,cAAY,GAAG,yBAAyB,WAAW,MAAM,SAAS,QAAQ,IAAI,OAAO;AAAA,MACrF,iBAAe,gBAAgB;AAAA,MAC/B,eAAa,CAAC,CAAC;AAAA,MACf,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW,CAAC,MAAoC;AAC9C,2BAAmB,GAAG,OAAO;AAAA,MAC/B;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV,kBAAgB;AAAA,MAChB,eAAa;AAAA,MACb,MAAK;AAAA,MAEJ,aAAG,IAAI,QAAQ;AAAA,KAClB;AAAA,GACF;AAEJ;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js

@@ -9,24 +9,12 @@ import { WrappedTimeWheelContext } from "../TimeWheel/TimeWheel";
 const CalendarWithTimeWheelContent = () => {
   const ctx = useConfigCalendarWithTimeWheelCTX();
   const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;
-  return /* @__PURE__ */ jsxs(CalendarWithTimeWheelContext.Provider, {
-    value: ctx,
-    children: [
-      isControllerOnly ? null : /* @__PURE__ */ jsx(CalendarWithTimeWheelIconTrigger, {}),
-      isControllerOnly || showCalendarWithTimeWheel ? /* @__PURE__ */ jsx(Fragment, {
-        children: /* @__PURE__ */ jsx("div", {
-          onKeyDown: handleMenuWrapperKeyDown,
-          children: /* @__PURE__ */ jsx(CalendarWithTimeWheelWrapper, {})
-        })
-      }) : null
-    ]
-  });
+  return /* @__PURE__ */ jsxs(CalendarWithTimeWheelContext.Provider, { value: ctx, children: [
+    isControllerOnly ? null : /* @__PURE__ */ jsx(CalendarWithTimeWheelIconTrigger, {}),
+    isControllerOnly || showCalendarWithTimeWheel ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { onKeyDown: handleMenuWrapperKeyDown, children: /* @__PURE__ */ jsx(CalendarWithTimeWheelWrapper, {}) }) }) : null
+  ] });
 };
-const CalendarWithTimeWheel = () => /* @__PURE__ */ jsx(WrappedCalendarContext, {
-  children: /* @__PURE__ */ jsx(WrappedTimeWheelContext, {
-    children: /* @__PURE__ */ jsx(CalendarWithTimeWheelContent, {})
-  })
-});
+const CalendarWithTimeWheel = () => /* @__PURE__ */ jsx(WrappedCalendarContext, { children: /* @__PURE__ */ jsx(WrappedTimeWheelContext, { children: /* @__PURE__ */ jsx(CalendarWithTimeWheelContent, {}) }) });
 export {
   CalendarWithTimeWheel
 };

package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React from 'react';\nimport { CalendarWithTimeWheelIconTrigger } from './CalendarWithTimeWheelIconTrigger';\nimport { CalendarWithTimeWheelWrapper } from './CalendarWithTimeWheelWrapper';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\nimport { useConfigCalendarWithTimeWheelCTX } from './useConfigCalendarWithTimeWheelCTX';\nimport { WrappedCalendarContext } from '../Calendar/Calendar';\nimport { WrappedTimeWheelContext } from '../TimeWheel/TimeWheel';\n\nconst CalendarWithTimeWheelContent = () => {\n  const ctx = useConfigCalendarWithTimeWheelCTX();\n  const { showCalendarWithTimeWheel, isControllerOnly, handleMenuWrapperKeyDown } = ctx;\n\n  return (\n    <CalendarWithTimeWheelContext.Provider value={ctx}>\n      {isControllerOnly ? null : <CalendarWithTimeWheelIconTrigger />}\n      {isControllerOnly || showCalendarWithTimeWheel ? (\n        <>\n          {/* The <div> element is catching the \"ESC\" key to close the calendar, there is no valid aria role for this */}\n          {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleMenuWrapperKeyDown}>\n            <CalendarWithTimeWheelWrapper />\n          </div>\n        </>\n      ) : null}\n    </CalendarWithTimeWheelContext.Provider>\n  );\n};\n\n// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const CalendarWithTimeWheel = () => (\n  <WrappedCalendarContext>\n    <WrappedTimeWheelContext>\n      <CalendarWithTimeWheelContent />\n    </WrappedTimeWheelContext>\n  </WrappedCalendarContext>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcnB,SAGI,UAFyB,KAD7B;AAZJ,SAAS,wCAAwC;AACjD,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAC7C,SAAS,yCAAyC;AAClD,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC,MAAM,+BAA+B,MAAM;AACzC,QAAM,MAAM,kCAAkC;AAC9C,QAAM,EAAE,2BAA2B,kBAAkB,yBAAyB,IAAI;AAElF,SACE,qBAAC,6BAA6B,UAA7B;AAAA,IAAsC,OAAO;AAAA,IAC3C;AAAA,yBAAmB,OAAO,oBAAC,oCAAiC;AAAA,MAC5D,oBAAoB,4BACnB;AAAA,QAIE,8BAAC;AAAA,UAAI,WAAW;AAAA,UACd,8BAAC,gCAA6B;AAAA,SAChC;AAAA,OACF,IACE;AAAA;AAAA,GACN;AAEJ;AAGO,MAAM,wBAAwB,MACnC,oBAAC;AAAA,EACC,8BAAC;AAAA,IACC,8BAAC,gCAA6B;AAAA,GAChC;AAAA,CACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACcnB,SAGI,UAFyB,KAD7B;AAZJ,SAAS,wCAAwC;AACjD,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAC7C,SAAS,yCAAyC;AAClD,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC,MAAM,+BAA+B,MAAM;AACzC,QAAM,MAAM,kCAAkC;AAC9C,QAAM,EAAE,2BAA2B,kBAAkB,yBAAyB,IAAI;AAElF,SACE,qBAAC,6BAA6B,UAA7B,EAAsC,OAAO,KAC3C;AAAA,uBAAmB,OAAO,oBAAC,oCAAiC;AAAA,IAC5D,oBAAoB,4BACnB,gCAIE,8BAAC,SAAI,WAAW,0BACd,8BAAC,gCAA6B,GAChC,GACF,IACE;AAAA,KACN;AAEJ;AAGO,MAAM,wBAAwB,MACnC,oBAAC,0BACC,8BAAC,2BACC,8BAAC,gCAA6B,GAChC,GACF;",
   "names": []
 }