@elliemae/ds-controlled-form 1.55.0-next.9 → 1.55.0-rc.3

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js

@@ -3,19 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var dsButton = require('@elliemae/ds-button');
 var ChevronDoubleLeft = require('@elliemae/ds-icons/ChevronDoubleLeft');
 var ChevronLeft = require('@elliemae/ds-icons/ChevronLeft');
 var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
 var ChevronDoubleRight = require('@elliemae/ds-icons/ChevronDoubleRight');
+var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var controlledDateTimePicker_utils_dateHelpers = require('../../../utils/dateHelpers.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
 require('styled-components');
-require('@elliemae/ds-button');
+require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -63,56 +66,56 @@ var CalendarHead = function CalendarHead() {
 
   return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeader, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
     "aria-label": "previous year",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronDoubleLeft__default['default'], {
-      height: 14,
-      width: 14,
-      fill: "#25292f"
-    }),
-    size: "m",
+    buttonType: "raw",
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handlePrevYear,
     innerRef: prevYearBtnRef,
     onKeyDown: handlePrevYearKeyDown,
     onFocus: onPrevYearFocus,
-    tabIndex: isControllerOnly ? -1 : 1
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
+    tabIndex: isControllerOnly ? -1 : 1,
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR
+  }, /*#__PURE__*/React__default['default'].createElement(ChevronDoubleLeft__default['default'], {
+    height: 14,
+    width: 14,
+    fill: "#25292f"
+  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
     autoFocus: autoFocusPrevMonthArrow,
     "aria-label": "previous month",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronLeft__default['default'], {
-      fill: "#25292f"
-    }),
-    size: "m",
+    buttonType: "raw",
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handlePrevMonth,
     innerRef: prevMonthBtnRef,
     onKeyDown: handlePrevMonthKeyDown,
-    onFocus: onPrevMonthFocus // this is a tabstop for when the calendar is open
+    onFocus: onPrevMonthFocus,
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH // this is a tabstop for when the calendar is open
 
-  }), /*#__PURE__*/React__default['default'].createElement("h3", null, currentFormatedDate), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
+  }, /*#__PURE__*/React__default['default'].createElement(ChevronLeft__default['default'], {
+    fill: "#25292f"
+  })), /*#__PURE__*/React__default['default'].createElement("h3", null, currentFormatedDate), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
     "aria-label": "next month",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronRight__default['default'], {
-      fill: "#25292f"
-    }),
-    size: "m",
+    buttonType: "raw",
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handleNextMonth,
     innerRef: nextMonthBtnRef,
     onKeyDown: handleNextMonthKeyDown,
-    onFocus: onNextMonthFocus
-  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
+    onFocus: onNextMonthFocus,
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH
+  }, /*#__PURE__*/React__default['default'].createElement(ChevronRight__default['default'], {
+    fill: "#25292f"
+  })), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledHeaderButton, {
     "aria-label": "next year",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React__default['default'].createElement(ChevronDoubleRight__default['default'], {
-      height: 14,
-      width: 14,
-      fill: "#25292f"
-    }),
-    size: "m",
+    buttonType: "raw",
+    size: dsButton.BUTTON_SIZES.M,
     onClick: handleNextYear,
     innerRef: nextYearBtnRef,
     onKeyDown: handleNextYearKeyDown,
-    onFocus: onNextYearFocus
-  }));
+    onFocus: onNextYearFocus,
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR
+  }, /*#__PURE__*/React__default['default'].createElement(ChevronDoubleRight__default['default'], {
+    height: 14,
+    width: 14,
+    fill: "#25292f"
+  })));
 };
 
 exports.CalendarHead = CalendarHead;

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHead.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\nimport ChevronDoubleLeft from '@elliemae/ds-icons/ChevronDoubleLeft';\nimport ChevronLeft from '@elliemae/ds-icons/ChevronLeft';\nimport ChevronRight from '@elliemae/ds-icons/ChevronRight';\nimport ChevronDoubleRight from '@elliemae/ds-icons/ChevronDoubleRight';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers';\nimport { StyledHeader, StyledHeaderButton } 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};\n\nexport const CalendarHead = (): JSX.Element => {\n  const currentFormatedDate = useGetFormattedCurrentDate();\n  const {\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\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    isControllerOnly,\n    autoFocusPrevMonthArrow,\n  } = useContext(CalendarContext);\n  return (\n    <StyledHeader>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"text\"\n        leftIcon={<ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />}\n        size=\"m\"\n        onClick={handlePrevYear}\n        innerRef={prevYearBtnRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 1}\n      />\n      <StyledHeaderButton\n        autoFocus={autoFocusPrevMonthArrow}\n        aria-label=\"previous month\"\n        buttonType=\"text\"\n        leftIcon={<ChevronLeft fill=\"#25292f\" />}\n        size=\"m\"\n        onClick={handlePrevMonth}\n        innerRef={prevMonthBtnRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        // this is a tabstop for when the calendar is open\n      />\n      <h3>{currentFormatedDate}</h3>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"text\"\n        leftIcon={<ChevronRight fill=\"#25292f\" />}\n        size=\"m\"\n        onClick={handleNextMonth}\n        innerRef={nextMonthBtnRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n      />\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"text\"\n        leftIcon={<ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />}\n        size=\"m\"\n        onClick={handleNextYear}\n        innerRef={nextYearBtnRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n      />\n    </StyledHeader>\n  );\n};\n"],"names":["useGetFormattedCurrentDate","useContext","CalendarContext","currentMonth","currentYear","monthString","getMonthNameByMonthNumber","useMemo","CalendarHead","currentFormatedDate","prevYearBtnRef","prevMonthBtnRef","nextMonthBtnRef","nextYearBtnRef","handlePrevYear","handlePrevMonth","handleNextMonth","handleNextYear","handlePrevYearKeyDown","handlePrevMonthKeyDown","handleNextMonthKeyDown","handleNextYearKeyDown","onPrevYearFocus","onPrevMonthFocus","onNextMonthFocus","onNextYearFocus","isControllerOnly","autoFocusPrevMonthArrow","React","StyledHeader","StyledHeaderButton","ChevronDoubleLeft","ChevronLeft","ChevronRight","ChevronDoubleRight"],"mappings":"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"}
+{"version":3,"file":"CalendarHead.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\n\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport ChevronDoubleLeft from '@elliemae/ds-icons/ChevronDoubleLeft';\nimport ChevronLeft from '@elliemae/ds-icons/ChevronLeft';\nimport ChevronRight from '@elliemae/ds-icons/ChevronRight';\nimport ChevronDoubleRight from '@elliemae/ds-icons/ChevronDoubleRight';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers';\nimport { StyledHeader, StyledHeaderButton } 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    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\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    isControllerOnly,\n    autoFocusPrevMonthArrow,\n  } = useContext(CalendarContext);\n  return (\n    <StyledHeader>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevYear}\n        innerRef={prevYearBtnRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 1}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\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={prevMonthBtnRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n        // this is a tabstop for when the calendar is open\n      >\n        <ChevronLeft fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <h3>{currentFormatedDate}</h3>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextMonth}\n        innerRef={nextMonthBtnRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n      >\n        <ChevronRight fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextYear}\n        innerRef={nextYearBtnRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n      >\n        <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n    </StyledHeader>\n  );\n};\n"],"names":["useGetFormattedCurrentDate","useContext","CalendarContext","currentMonth","currentYear","monthString","getMonthNameByMonthNumber","useMemo","CalendarHead","currentFormatedDate","prevYearBtnRef","prevMonthBtnRef","nextMonthBtnRef","nextYearBtnRef","handlePrevYear","handlePrevMonth","handleNextMonth","handleNextYear","handlePrevYearKeyDown","handlePrevMonthKeyDown","handleNextMonthKeyDown","handleNextYearKeyDown","onPrevYearFocus","onPrevMonthFocus","onNextMonthFocus","onNextYearFocus","isControllerOnly","autoFocusPrevMonthArrow","React","StyledHeader","StyledHeaderButton","BUTTON_SIZES","M","ControlledDateTimePickerDatatestid","CALENDAR","PREV_YEAR","ChevronDoubleLeft","PREV_MONTH","ChevronLeft","NEXT_MONTH","ChevronRight","NEXT_YEAR","ChevronDoubleRight"],"mappings":"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"}

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js

@@ -3,15 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
+var dsIcon = require('@elliemae/ds-icon');
+var dsButton = require('@elliemae/ds-button');
 var DatePicker = require('@elliemae/ds-icons/DatePicker');
 var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
+var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
+require('styled-components');
+require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 
 // this is particularly usefull due to how usePopper needs to check the references
@@ -21,21 +24,23 @@ var CalendarIconTrigger = function CalendarIconTrigger() {
   var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
       handleToggleCalendar = _useContext.handleToggleCalendar,
       handleSetTriggerRef = _useContext.handleSetTriggerRef,
-      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown;
+      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown,
+      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
 
   return React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-      "aria-label": "date picker context menu trigger",
-      buttonType: "text",
-      leftIcon: /*#__PURE__*/React__default['default'].createElement(DatePicker__default['default'], null),
-      size: "m",
-      variant: DSButton.BUTTON_VARIANT.DEFAULT,
+    return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledIconTriggerButton, {
+      "aria-label": "date picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+      buttonType: "icon",
+      size: dsButton.BUTTON_SIZES.M,
+      variant: dsButton.BUTTON_VARIANT.DEFAULT,
       innerRef: handleSetTriggerRef,
       onClick: handleToggleCalendar,
       onKeyDown: handlePickerIconKeyDown,
       "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR
-    });
-  }, [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendar]);
+    }, /*#__PURE__*/React__default['default'].createElement(DatePicker__default['default'], {
+      color: dsIcon.DSIconColors.PRIMARY
+    }));
+  }, [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendar, ariaCurrentValueForInputs]);
 };
 
 exports.CalendarIconTrigger = CalendarIconTrigger;

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarIconTrigger.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-basic/Button';\nimport DatePicker from '@elliemae/ds-icons/DatePicker';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarContext } from './CalendarContext';\n\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  return useMemo(\n    () => (\n      <DSButton\n        aria-label=\"date picker context menu trigger\"\n        buttonType=\"text\"\n        leftIcon={<DatePicker />}\n        size=\"m\"\n        variant={BUTTON_VARIANT.DEFAULT}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendar}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR}\n      />\n    ),\n    [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendar],\n  );\n};\n"],"names":["CalendarIconTrigger","useContext","CalendarContext","handleToggleCalendar","handleSetTriggerRef","handlePickerIconKeyDown","useMemo","React","DSButton","DatePicker","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","PICKER_ICONS","CALENDAR"],"mappings":";;;;;;;;;;;;;;;;AAOA;AACA;;IACaA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmB;AACpD,oBAA+EC,gBAAU,CAACC,+EAAD,CAAzF;AAAA,MAAQC,oBAAR,eAAQA,oBAAR;AAAA,MAA8BC,mBAA9B,eAA8BA,mBAA9B;AAAA,MAAmDC,uBAAnD,eAAmDA,uBAAnD;;AACA,SAAOC,aAAO,CACZ;AAAA,wBACEC,wCAACC,4BAAD;AACE,oBAAW,kCADb;AAEE,MAAA,UAAU,EAAC,MAFb;AAGE,MAAA,QAAQ,eAAED,wCAACE,8BAAD,OAHZ;AAIE,MAAA,IAAI,EAAC,GAJP;AAKE,MAAA,OAAO,EAAEC,uBAAc,CAACC,OAL1B;AAME,MAAA,QAAQ,EAAEP,mBANZ;AAOE,MAAA,OAAO,EAAED,oBAPX;AAQE,MAAA,SAAS,EAAEE,uBARb;AASE,qBAAaO,8FAAkC,CAACC,YAAnC,CAAgDC;AAT/D,MADF;AAAA,GADY,EAcZ,CAACT,uBAAD,EAA0BD,mBAA1B,EAA+CD,oBAA/C,CAdY,CAAd;AAgBD;;;;"}
+{"version":3,"file":"CalendarIconTrigger.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport DatePicker from '@elliemae/ds-icons/DatePicker';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\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, ariaCurrentValueForInputs } =\n    useContext(CalendarContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`date picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        variant={BUTTON_VARIANT.DEFAULT}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendar}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR}\n      >\n        <DatePicker color={DSIconColors.PRIMARY} />\n      </StyledIconTriggerButton>\n    ),\n    [handlePickerIconKeyDown, handleSetTriggerRef, handleToggleCalendar, ariaCurrentValueForInputs],\n  );\n};\n"],"names":["CalendarIconTrigger","useContext","CalendarContext","handleToggleCalendar","handleSetTriggerRef","handlePickerIconKeyDown","ariaCurrentValueForInputs","useMemo","React","StyledIconTriggerButton","BUTTON_SIZES","M","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","PICKER_ICONS","CALENDAR","DatePicker","DSIconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA;AACA;;IACaA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmB;AACpD,oBACEC,gBAAU,CAACC,+EAAD,CADZ;AAAA,MAAQC,oBAAR,eAAQA,oBAAR;AAAA,MAA8BC,mBAA9B,eAA8BA,mBAA9B;AAAA,MAAmDC,uBAAnD,eAAmDA,uBAAnD;AAAA,MAA4EC,yBAA5E,eAA4EA,yBAA5E;;AAEA,SAAOC,aAAO,CACZ;AAAA,wBACEC,wCAACC,+EAAD;AACE,gEAAiDH,yBAAjD,CADF;AAEE,MAAA,UAAU,EAAC,MAFb;AAGE,MAAA,IAAI,EAAEI,qBAAY,CAACC,CAHrB;AAIE,MAAA,OAAO,EAAEC,uBAAc,CAACC,OAJ1B;AAKE,MAAA,QAAQ,EAAET,mBALZ;AAME,MAAA,OAAO,EAAED,oBANX;AAOE,MAAA,SAAS,EAAEE,uBAPb;AAQE,qBAAaS,8FAAkC,CAACC,YAAnC,CAAgDC;AAR/D,oBAUER,wCAACS,8BAAD;AAAY,MAAA,KAAK,EAAEC,mBAAY,CAACC;AAAhC,MAVF,CADF;AAAA,GADY,EAeZ,CAACd,uBAAD,EAA0BD,mBAA1B,EAA+CD,oBAA/C,EAAqEG,yBAArE,CAfY,CAAd;AAiBD;;;;"}

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js

@@ -6,8 +6,10 @@ var React = require('react');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarDaysList = require('./CalendarDaysList.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
 require('./Day.js');
+require('@babel/runtime/helpers/extends');
 require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
@@ -16,6 +18,7 @@ require('../../../ControlledDateTimePickerCTX.js');
 require('../../../ControlledDateTimePickerTypes.js');
 require('./Styleds.js');
 require('styled-components');
+require('@elliemae/ds-grid');
 require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,11 +27,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var CalendarMonthDays = function CalendarMonthDays() {
   var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext.CalendarContext),
-      daysArray = _useContext.daysArray,
+      invisibleFirstDay = _useContext.invisibleFirstDay,
+      daysMatrixByWeekday = _useContext.daysMatrixByWeekday,
+      invisibleLastDay = _useContext.invisibleLastDay,
       calendarDaysWrapperRef = _useContext.calendarDaysWrapperRef;
 
   return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarDaysList.CalendarDaysList, {
-    daysArray: daysArray,
+    invisibleFirstDay: invisibleFirstDay,
+    daysMatrixByWeekday: daysMatrixByWeekday,
+    invisibleLastDay: invisibleLastDay,
     innerRef: calendarDaysWrapperRef
   });
 };

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonthDays.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { CalendarDaysList } from './CalendarDaysList';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarMonthDays = (): JSX.Element => {\n  const { daysArray, calendarDaysWrapperRef } = useContext(CalendarContext);\n\n  return <CalendarDaysList daysArray={daysArray} innerRef={calendarDaysWrapperRef} />;\n};\n"],"names":["CalendarMonthDays","useContext","CalendarContext","daysArray","calendarDaysWrapperRef","React","CalendarDaysList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAKaA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAmB;AAClD,oBAA8CC,gBAAU,CAACC,+EAAD,CAAxD;AAAA,MAAQC,SAAR,eAAQA,SAAR;AAAA,MAAmBC,sBAAnB,eAAmBA,sBAAnB;;AAEA,sBAAOC,wCAACC,iFAAD;AAAkB,IAAA,SAAS,EAAEH,SAA7B;AAAwC,IAAA,QAAQ,EAAEC;AAAlD,IAAP;AACD;;;;"}
+{"version":3,"file":"CalendarMonthDays.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { CalendarDaysList } from './CalendarDaysList';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarMonthDays = (): JSX.Element => {\n  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, calendarDaysWrapperRef } =\n    useContext(CalendarContext);\n\n  return (\n    <CalendarDaysList\n      invisibleFirstDay={invisibleFirstDay}\n      daysMatrixByWeekday={daysMatrixByWeekday}\n      invisibleLastDay={invisibleLastDay}\n      innerRef={calendarDaysWrapperRef}\n    />\n  );\n};\n"],"names":["CalendarMonthDays","useContext","CalendarContext","invisibleFirstDay","daysMatrixByWeekday","invisibleLastDay","calendarDaysWrapperRef","React","CalendarDaysList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAmB;AAClD,oBACEC,gBAAU,CAACC,+EAAD,CADZ;AAAA,MAAQC,iBAAR,eAAQA,iBAAR;AAAA,MAA2BC,mBAA3B,eAA2BA,mBAA3B;AAAA,MAAgDC,gBAAhD,eAAgDA,gBAAhD;AAAA,MAAkEC,sBAAlE,eAAkEA,sBAAlE;;AAGA,sBACEC,wCAACC,iFAAD;AACE,IAAA,iBAAiB,EAAEL,iBADrB;AAEE,IAAA,mBAAmB,EAAEC,mBAFvB;AAGE,IAAA,gBAAgB,EAAEC,gBAHpB;AAIE,IAAA,QAAQ,EAAEC;AAJZ,IADF;AAQD;;;;"}

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
 require('styled-components');
+require('@elliemae/ds-grid');
 require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,7 +13,39 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var CalendarWeekDays = /*#__PURE__*/React__default['default'].memo(function () {
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysUList, null, /*#__PURE__*/React__default['default'].createElement("li", null, "sun"), /*#__PURE__*/React__default['default'].createElement("li", null, "mon"), /*#__PURE__*/React__default['default'].createElement("li", null, "tue"), /*#__PURE__*/React__default['default'].createElement("li", null, "wed"), /*#__PURE__*/React__default['default'].createElement("li", null, "thu"), /*#__PURE__*/React__default['default'].createElement("li", null, "fri"), /*#__PURE__*/React__default['default'].createElement("li", null, "sat"));
+  return /*#__PURE__*/React__default['default'].createElement("span", {
+    role: "rowgroup"
+  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_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__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
+    role: "columnheader",
+    "aria-colindex": 1
+  }, "sun"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
+    role: "columnheader",
+    "aria-colindex": 2
+  }, "mon"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
+    role: "columnheader",
+    "aria-colindex": 3
+  }, "tue"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
+    role: "columnheader",
+    "aria-colindex": 4
+  }, "wed"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
+    role: "columnheader",
+    "aria-colindex": 5
+  }, "thu"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
+    role: "columnheader",
+    "aria-colindex": 6
+  }, "fri"), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledWeekDaysHeaderItem, {
+    role: "columnheader",
+    "aria-colindex": 7
+  }, "sat")));
 });
 
 exports.CalendarWeekDays = CalendarWeekDays;

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeekDays.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledWeekDaysUList } from './Styleds';\n\nexport const CalendarWeekDays = React.memo(() => (\n  <StyledWeekDaysUList>\n    <li>sun</li>\n    <li>mon</li>\n    <li>tue</li>\n    <li>wed</li>\n    <li>thu</li>\n    <li>fri</li>\n    <li>sat</li>\n  </StyledWeekDaysUList>\n));\n"],"names":["CalendarWeekDays","React","memo","StyledWeekDaysUList"],"mappings":";;;;;;;;;;;;;IAGaA,gBAAgB,gBAAGC,yBAAK,CAACC,IAAN,CAAW;AAAA,sBACzCD,wCAACE,2EAAD,qBACEF,0DADF,eAEEA,0DAFF,eAGEA,0DAHF,eAIEA,0DAJF,eAKEA,0DALF,eAMEA,0DANF,eAOEA,0DAPF,CADyC;AAAA,CAAX;;;;"}
+{"version":3,"file":"CalendarWeekDays.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.tsx"],"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"],"names":["CalendarWeekDays","React","memo","StyledWeekDaysListWrapper","StyledWeekDaysHeaderItem"],"mappings":";;;;;;;;;;;;;;IAGaA,gBAAgB,gBAAGC,yBAAK,CAACC,IAAN,CAAW;AAAA,sBACzCD;AAAM,IAAA,IAAI,EAAC;AAAX,kBACEA,wCAACE,iFAAD;AACE,IAAA,IAAI,EAAC,KADP;AAEE,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,MAAzB,EAAiC,MAAjC,EAAyC,MAAzC,EAAiD,MAAjD,CAFR;AAGE,IAAA,IAAI,EAAE,CAAC,MAAD,CAHR;AAIE,IAAA,EAAE,EAAC,MAJL;AAKE,IAAA,EAAE,EAAC,KALL;AAME,IAAA,cAAc,EAAC,eANjB;AAOE,IAAA,UAAU,EAAC,QAPb;AAQE,IAAA,QAAQ;AARV,kBAUEF,wCAACG,gFAAD;AAA0B,IAAA,IAAI,EAAC,cAA/B;AAA8C,qBAAe;AAA7D,WAVF,eAaEH,wCAACG,gFAAD;AAA0B,IAAA,IAAI,EAAC,cAA/B;AAA8C,qBAAe;AAA7D,WAbF,eAgBEH,wCAACG,gFAAD;AAA0B,IAAA,IAAI,EAAC,cAA/B;AAA8C,qBAAe;AAA7D,WAhBF,eAmBEH,wCAACG,gFAAD;AAA0B,IAAA,IAAI,EAAC,cAA/B;AAA8C,qBAAe;AAA7D,WAnBF,eAsBEH,wCAACG,gFAAD;AAA0B,IAAA,IAAI,EAAC,cAA/B;AAA8C,qBAAe;AAA7D,WAtBF,eAyBEH,wCAACG,gFAAD;AAA0B,IAAA,IAAI,EAAC,cAA/B;AAA8C,qBAAe;AAA7D,WAzBF,eA4BEH,wCAACG,gFAAD;AAA0B,IAAA,IAAI,EAAC,cAA/B;AAA8C,qBAAe;AAA7D,WA5BF,CADF,CADyC;AAAA,CAAX;;;;"}

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
+var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContent = require('./CalendarContent.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
 require('./CalendarBody.js');
@@ -13,14 +14,15 @@ require('./CalendarDaysList.js');
 require('./Day.js');
 require('../../../utils/dateHelpers.js');
 require('@babel/runtime/helpers/toConsumableArray');
+require('../../../utils/constants.js');
 require('../../../utils/stringHelpers.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerDatatestid.js');
 require('../../../ControlledDateTimePickerCTX.js');
 require('../../../ControlledDateTimePickerTypes.js');
 require('./Styleds.js');
 require('styled-components');
+require('@elliemae/ds-grid');
 require('@elliemae/ds-button');
 require('./CalendarWeekDays.js');
 require('./CalendarHead.js');
@@ -55,7 +57,9 @@ var CalendarWrapper = function CalendarWrapper() {
       background: 'white',
       zIndex: 110
     })
-  }, attributes.popper), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContent.CalendarContent, null), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, attributes.popper, {
+    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR
+  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_CalendarContent.CalendarContent, null), /*#__PURE__*/React__default['default'].createElement("div", {
     ref: setArrowElement,
     style: styles.arrow
   }));

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWrapper.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    usePopperHelpers: { styles, attributes },\n    setArrowElement,\n    isControllerOnly,\n  } = useContext(CalendarContext);\n  if (isControllerOnly) return <CalendarContent />;\n  return (\n    <div ref={setPopperElement} style={{ ...styles.popper, background: 'white', zIndex: 110 }} {...attributes.popper}>\n      <CalendarContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],"names":["CalendarWrapper","useContext","CalendarContext","setPopperElement","usePopperHelpers","styles","attributes","setArrowElement","isControllerOnly","React","CalendarContent","popper","background","zIndex","arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,eAAe,GAAG,SAAlBA,eAAkB,GAAmB;AAChD,oBAKIC,gBAAU,CAACC,+EAAD,CALd;AAAA,MACEC,gBADF,eACEA,gBADF;AAAA,0CAEEC,gBAFF;AAAA,MAEsBC,MAFtB,yBAEsBA,MAFtB;AAAA,MAE8BC,UAF9B,yBAE8BA,UAF9B;AAAA,MAGEC,eAHF,eAGEA,eAHF;AAAA,MAIEC,gBAJF,eAIEA,gBAJF;;AAMA,MAAIA,gBAAJ,EAAsB,oBAAOC,wCAACC,+EAAD,OAAP;AACtB,sBACED;AAAK,IAAA,GAAG,EAAEN,gBAAV;AAA4B,IAAA,KAAK,kCAAOE,MAAM,CAACM,MAAd;AAAsBC,MAAAA,UAAU,EAAE,OAAlC;AAA2CC,MAAAA,MAAM,EAAE;AAAnD;AAAjC,KAA+FP,UAAU,CAACK,MAA1G,gBACEF,wCAACC,+EAAD,OADF,eAEED;AAAK,IAAA,GAAG,EAAEF,eAAV;AAA2B,IAAA,KAAK,EAAEF,MAAM,CAACS;AAAzC,IAFF,CADF;AAMD;;;;"}
+{"version":3,"file":"CalendarWrapper.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    usePopperHelpers: { styles, attributes },\n    setArrowElement,\n    isControllerOnly,\n  } = useContext(CalendarContext);\n  if (isControllerOnly) return <CalendarContent />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR}\n    >\n      <CalendarContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],"names":["CalendarWrapper","useContext","CalendarContext","setPopperElement","usePopperHelpers","styles","attributes","setArrowElement","isControllerOnly","React","CalendarContent","popper","background","zIndex","ControlledDateTimePickerDatatestid","CONTEXTUAL_MENU","CALENDAR","arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,eAAe,GAAG,SAAlBA,eAAkB,GAAmB;AAChD,oBAKIC,gBAAU,CAACC,+EAAD,CALd;AAAA,MACEC,gBADF,eACEA,gBADF;AAAA,0CAEEC,gBAFF;AAAA,MAEsBC,MAFtB,yBAEsBA,MAFtB;AAAA,MAE8BC,UAF9B,yBAE8BA,UAF9B;AAAA,MAGEC,eAHF,eAGEA,eAHF;AAAA,MAIEC,gBAJF,eAIEA,gBAJF;;AAMA,MAAIA,gBAAJ,EAAsB,oBAAOC,wCAACC,+EAAD,OAAP;AACtB,sBACED;AACE,IAAA,GAAG,EAAEN,gBADP;AAEE,IAAA,KAAK,kCAAOE,MAAM,CAACM,MAAd;AAAsBC,MAAAA,UAAU,EAAE,OAAlC;AAA2CC,MAAAA,MAAM,EAAE;AAAnD;AAFP,KAGMP,UAAU,CAACK,MAHjB;AAIE,mBAAaG,8FAAkC,CAACC,eAAnC,CAAmDC;AAJlE,mBAMEP,wCAACC,+EAAD,OANF,eAOED;AAAK,IAAA,GAAG,EAAEF,eAAV;AAA2B,IAAA,KAAK,EAAEF,MAAM,CAACY;AAAzC,IAPF,CADF;AAWD;;;;"}

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js

@@ -2,29 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var controlledDateTimePicker_utils_dateHelpers = require('../../../utils/dateHelpers.js');
+var controlledDateTimePicker_utils_constants = require('../../../utils/constants.js');
+var controlledDateTimePicker_utils_stringHelpers = require('../../../utils/stringHelpers.js');
 var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_CalendarContext = require('./CalendarContext.js');
 var controlledDateTimePicker_parts_Pickers_Calendar_Styleds = require('./Styleds.js');
 require('@babel/runtime/helpers/toConsumableArray');
-require('../../../utils/stringHelpers.js');
-require('@babel/runtime/helpers/slicedToArray');
 require('../../../utils/numberHelpers.js');
+require('@babel/runtime/helpers/slicedToArray');
 require('../../../ControlledDateTimePickerTypes.js');
 require('styled-components');
+require('@elliemae/ds-grid');
 require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var displayNone = {
   display: 'none'
 };
 var Day = function Day(_ref) {
-  var metaDay = _ref.metaDay;
+  var metaDay = _ref.metaDay,
+      colIndex = _ref.colIndex,
+      isInvisible = _ref.isInvisible;
   var day = metaDay.day,
       isCurrMonthDay = metaDay.isCurrMonthDay,
       isHidden = metaDay.isHidden,
@@ -94,16 +100,23 @@ var Day = function Day(_ref) {
     setLatestInteractionRegion('calendar-days');
   }, [setLatestInteractionRegion]);
   var dayClassModifiers = React.useMemo(function () {
-    return "".concat(isSelected ? 'selectedDay ' : '').concat(isDisabled ? 'disabledDay ' : '').concat(isOutOfRange ? 'outOfRangeDay ' : '').concat(isFocused ? 'focusedDay ' : '').concat(isStartRangeDay ? 'startRangeDay ' : '').concat(isDayInRange ? 'inRangeDay ' : '').concat(isEndRangeDay ? 'endRangeDay ' : '').concat(isCurrMonthDay ? '' : 'notCurrentMonth');
+    return "dayWrapper ".concat(isSelected ? 'selectedDay ' : '').concat(isDisabled ? 'disabledDay ' : '').concat(isOutOfRange ? 'outOfRangeDay ' : '').concat(isFocused ? 'focusedDay ' : '').concat(isStartRangeDay ? 'startRangeDay ' : '').concat(isDayInRange ? 'inRangeDay ' : '').concat(isEndRangeDay ? 'endRangeDay ' : '').concat(isCurrMonthDay ? '' : 'notCurrentMonth');
   }, [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay]);
-  return /*#__PURE__*/React__default['default'].createElement("li", {
+  var dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.DAY;
+  if (isSelected) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
+  if (isFocused) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
+  if (isFocused && isSelected) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
+  return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
     className: dayClassModifiers,
-    style: isHidden ? displayNone : undefined
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledDayBtn, {
-    "aria-label": "Date Picker ".concat(dayAsString),
-    role: "gridcell",
-    buttonType: "text",
-    labelText: "".concat(day.getDate()),
+    style: isHidden ? displayNone : undefined,
+    role: !isInvisible ? 'gridcell' : undefined
+  }, Number.isInteger(colIndex) && {
+    'aria-colindex': colIndex
+  }), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_Calendar_Styleds.StyledDayBtn, {
+    "aria-label": "".concat(controlledDateTimePicker_utils_stringHelpers.getAriaDayFromDateString(dayAsString), ", ").concat(controlledDateTimePicker_utils_constants.weekDays[metaDay.day.getDay()]),
+    "aria-disabled": isOutOfRange || isDisabled,
+    "aria-hidden": !!isInvisible,
+    buttonType: "raw",
     size: "m",
     onClick: handleOnDayClick // DSButton triggers this with "spacebar" and "enter" too...
     ,
@@ -114,8 +127,8 @@ var Day = function Day(_ref) {
     innerRef: dayBtnRef,
     tabIndex: isSelected ? 0 : -1,
     "data-isfocused": isFocused,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR[isFocused ? 'FOCUSED_DAY' : 'DAY']
-  }));
+    "data-testid": dataTestid
+  }, "".concat(day.getDate())));
 };
 
 exports.Day = Day;

package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/Day.tsx"],"sourcesContent":["import React, { useContext, useCallback, useMemo } from 'react';\nimport {\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n  isSameDateMoment,\n  compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport type { fiveBySevenCurrentMonthDaysT } from '../../../index.d';\nimport { StyledDayBtn } from './Styleds';\n\ninterface CalendarDayPropsT {\n  metaDay: fiveBySevenCurrentMonthDaysT;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    props: {\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      preventCloseOnSelection,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n    },\n    latestInteractionRegion,\n    setLatestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const {\n    handleDayOnKeyDown,\n    focusedDay,\n    handleFocusMetaDayByDay,\n    isWithTimeWheelToo,\n    closeCalendar,\n    tryToFocusCurrentlyDataIsFocusedDay,\n  } = useContext(CalendarContext);\n  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return isSameDateMoment(day, selectedDate);\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 isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);\n\n  const handleOnDayClick = useCallback(\n    (e) => {\n      handleFocusMetaDayByDay(day);\n      tryToFocusCurrentlyDataIsFocusedDay();\n      if (!isDisabled && !isOutOfRange) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { isAutomaticFillTrigger: false, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        onMonthChange(`${month + 1}`, e, metaInfo);\n        onDayChange(`${dayNumber}`, e, metaInfo);\n        onYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        setLatestInteractionRegion('calendar-days');\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n      }\n    },\n    [\n      isDisabled,\n      isOutOfRange,\n      day,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n      handleChangeComposedDateString,\n      handleFocusMetaDayByDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      setLatestInteractionRegion,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n    ],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    setLatestInteractionRegion('calendar-days');\n  }, [setLatestInteractionRegion]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${isOutOfRange ? 'outOfRangeDay ' : ''}${\n        isFocused ? 'focusedDay ' : ''\n      }${isStartRangeDay ? 'startRangeDay ' : ''}${isDayInRange ? 'inRangeDay ' : ''}${\n        isEndRangeDay ? 'endRangeDay ' : ''\n      }${isCurrMonthDay ? '' : 'notCurrentMonth'}`,\n    [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay],\n  );\n\n  return (\n    <li className={dayClassModifiers} style={isHidden ? displayNone : undefined}>\n      <StyledDayBtn\n        aria-label={`Date Picker ${dayAsString}`}\n        role=\"gridcell\"\n        buttonType=\"text\"\n        labelText={`${day.getDate()}`}\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={dayBtnRef}\n        tabIndex={isSelected ? 0 : -1}\n        data-isfocused={isFocused}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR[isFocused ? 'FOCUSED_DAY' : 'DAY']}\n      />\n    </li>\n  );\n};\n"],"names":["displayNone","display","Day","metaDay","day","isCurrMonthDay","isHidden","dayBtnRef","dayAsString","useContext","ControlledDateTimePickerContext","handleChangeComposedDateString","dateStringFromProps","props","getIsDisabledDay","getIsOutOfRangeDay","getIsStartRangeDay","getIsDayInRange","getIsEndRangeDay","preventCloseOnSelection","onMonthChange","onDayChange","onYearChange","latestInteractionRegion","setLatestInteractionRegion","CalendarContext","handleDayOnKeyDown","focusedDay","handleFocusMetaDayByDay","isWithTimeWheelToo","closeCalendar","tryToFocusCurrentlyDataIsFocusedDay","isFocusedMetaDay","compareTwoDatesDayEquality","isSelected","useMemo","selectedDate","getDayFromDateString","isSameDateMoment","isFocused","isDisabled","isOutOfRange","isStartRangeDay","isEndRangeDay","isDayInRange","handleOnDayClick","useCallback","e","newDateString","getDateStringFromDay","metaInfo","isAutomaticFillTrigger","getDateValuesFromDate","month","dayNumber","year","handleOnDayFocus","dayClassModifiers","React","undefined","StyledDayBtn","getDate","ControlledDateTimePickerDatatestid","CALENDAR"],"mappings":"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"}
+{"version":3,"file":"Day.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/Day.tsx"],"sourcesContent":["/* 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 { weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport type { metaMonthDayT } from '../../../index.d';\nimport { StyledDayBtn } from './Styleds';\n\ninterface CalendarDayPropsT {\n  metaDay: metaMonthDayT;\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: {\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      preventCloseOnSelection,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n    },\n    latestInteractionRegion,\n    setLatestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const {\n    handleDayOnKeyDown,\n    focusedDay,\n    handleFocusMetaDayByDay,\n    isWithTimeWheelToo,\n    closeCalendar,\n    tryToFocusCurrentlyDataIsFocusedDay,\n  } = useContext(CalendarContext);\n  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return isSameDateMoment(day, selectedDate);\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 isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);\n\n  const handleOnDayClick = useCallback(\n    (e) => {\n      handleFocusMetaDayByDay(day);\n      tryToFocusCurrentlyDataIsFocusedDay();\n      if (!isDisabled && !isOutOfRange) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { isAutomaticFillTrigger: false, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        onMonthChange(`${month + 1}`, e, metaInfo);\n        onDayChange(`${dayNumber}`, e, metaInfo);\n        onYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        setLatestInteractionRegion('calendar-days');\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n      }\n    },\n    [\n      isDisabled,\n      isOutOfRange,\n      day,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n      handleChangeComposedDateString,\n      handleFocusMetaDayByDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      setLatestInteractionRegion,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n    ],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    setLatestInteractionRegion('calendar-days');\n  }, [setLatestInteractionRegion]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${isDayInRange ? 'inRangeDay ' : ''}${\n        isEndRangeDay ? 'endRangeDay ' : ''\n      }${isCurrMonthDay ? '' : 'notCurrentMonth'}`,\n    [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay],\n  );\n\n  let dataTestid = 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  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) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={dayBtnRef}\n        tabIndex={isSelected ? 0 : -1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n    </div>\n  );\n};\n"],"names":["displayNone","display","Day","metaDay","colIndex","isInvisible","day","isCurrMonthDay","isHidden","dayBtnRef","dayAsString","useContext","ControlledDateTimePickerContext","handleChangeComposedDateString","dateStringFromProps","props","getIsDisabledDay","getIsOutOfRangeDay","getIsStartRangeDay","getIsDayInRange","getIsEndRangeDay","preventCloseOnSelection","onMonthChange","onDayChange","onYearChange","latestInteractionRegion","setLatestInteractionRegion","CalendarContext","handleDayOnKeyDown","focusedDay","handleFocusMetaDayByDay","isWithTimeWheelToo","closeCalendar","tryToFocusCurrentlyDataIsFocusedDay","isFocusedMetaDay","compareTwoDatesDayEquality","isSelected","useMemo","selectedDate","getDayFromDateString","isSameDateMoment","isFocused","isDisabled","isOutOfRange","isStartRangeDay","isEndRangeDay","isDayInRange","handleOnDayClick","useCallback","e","newDateString","getDateStringFromDay","metaInfo","isAutomaticFillTrigger","getDateValuesFromDate","month","dayNumber","year","handleOnDayFocus","dayClassModifiers","dataTestid","ControlledDateTimePickerDatatestid","CALENDAR","DAY","SELECTED_DAY","FOCUSED_DAY","SELECTED_FOCUSED_DAY","React","undefined","Number","isInteger","StyledDayBtn","getAriaDayFromDateString","weekDays","getDay","getDate"],"mappings":"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"}