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

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js

@@ -1,10 +1,12 @@
 import _extends from '@babel/runtime/helpers/esm/extends';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { useContext } from 'react';
+import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent.js';
 import { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext.js';
 import './Styleds.js';
 import 'styled-components';
+import '@elliemae/ds-button';
 import '../Calendar/CalendarContent.js';
 import '../Calendar/CalendarBody.js';
 import '../Calendar/CalendarMonthDays.js';
@@ -12,15 +14,15 @@ import '../Calendar/CalendarDaysList.js';
 import '../Calendar/Day.js';
 import '../../../utils/dateHelpers.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
+import '../../../utils/constants.js';
 import '../../../utils/stringHelpers.js';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import '../../../utils/numberHelpers.js';
-import '../../../ControlledDateTimePickerDatatestid.js';
 import '../../../ControlledDateTimePickerCTX.js';
 import '../../../ControlledDateTimePickerTypes.js';
 import '../Calendar/CalendarContext.js';
 import '../Calendar/Styleds.js';
-import '@elliemae/ds-button';
+import '@elliemae/ds-grid';
 import '../Calendar/CalendarWeekDays.js';
 import '../Calendar/CalendarHead.js';
 import '@elliemae/ds-icons/ChevronDoubleLeft';
@@ -31,11 +33,8 @@ import '../Calendar/CalendarFooter.js';
 import './CalendarWithTimeWheelFooter.js';
 import '../TimeWheel/TimeWheelContent.js';
 import '../TimeWheel/Styleds.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-basic/Button';
 import '../TimeWheel/HoursList.js';
-import '@elliemae/ds-icons/ChevronSmallUp';
-import '@elliemae/ds-icons/ChevronSmallDown';
+import '@elliemae/ds-icons';
 import '../TimeWheel/TimeWheelContext.js';
 import '../TimeWheel/MinutesList.js';
 import '../TimeWheel/MeridiemList.js';
@@ -60,7 +59,9 @@ var CalendarWithTimeWheelWrapper = function CalendarWithTimeWheelWrapper() {
       background: 'white',
       zIndex: 110
     })
-  }, attributes.popper), /*#__PURE__*/React.createElement(CalendarWithTimeWheelContent, null), /*#__PURE__*/React.createElement("div", {
+  }, attributes.popper, {
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL
+  }), /*#__PURE__*/React.createElement(CalendarWithTimeWheelContent, null), /*#__PURE__*/React.createElement("div", {
     ref: setArrowElement,
     style: styles.arrow
   }));

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWithTimeWheelWrapper.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\n\nexport const CalendarWithTimeWheelWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers: { attributes, styles },\n    isControllerOnly,\n  } = useContext(CalendarWithTimeWheelContext);\n  if (isControllerOnly) return <CalendarWithTimeWheelContent />;\n  return (\n    <div ref={setPopperElement} style={{ ...styles.popper, background: 'white', zIndex: 110 }} {...attributes.popper}>\n      <CalendarWithTimeWheelContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],"names":["CalendarWithTimeWheelWrapper","useContext","CalendarWithTimeWheelContext","setPopperElement","setArrowElement","usePopperHelpers","attributes","styles","isControllerOnly","popper","background","zIndex","arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,4BAA4B,GAAG,SAA/BA,4BAA+B,GAAmB;AAC7D,oBAKIC,UAAU,CAACC,4BAAD,CALd;AAAA,MACEC,gBADF,eACEA,gBADF;AAAA,MAEEC,eAFF,eAEEA,eAFF;AAAA,0CAGEC,gBAHF;AAAA,MAGsBC,UAHtB,yBAGsBA,UAHtB;AAAA,MAGkCC,MAHlC,yBAGkCA,MAHlC;AAAA,MAIEC,gBAJF,eAIEA,gBAJF;;AAMA,MAAIA,gBAAJ,EAAsB,oBAAO,oBAAC,4BAAD,OAAP;AACtB,sBACE;AAAK,IAAA,GAAG,EAAEL,gBAAV;AAA4B,IAAA,KAAK,kCAAOI,MAAM,CAACE,MAAd;AAAsBC,MAAAA,UAAU,EAAE,OAAlC;AAA2CC,MAAAA,MAAM,EAAE;AAAnD;AAAjC,KAA+FL,UAAU,CAACG,MAA1G,gBACE,oBAAC,4BAAD,OADF,eAEE;AAAK,IAAA,GAAG,EAAEL,eAAV;AAA2B,IAAA,KAAK,EAAEG,MAAM,CAACK;AAAzC,IAFF,CADF;AAMD;;;;"}
+{"version":3,"file":"CalendarWithTimeWheelWrapper.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\n\nexport const CalendarWithTimeWheelWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers: { attributes, styles },\n    isControllerOnly,\n  } = useContext(CalendarWithTimeWheelContext);\n  if (isControllerOnly) return <CalendarWithTimeWheelContent />;\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_TIMEWHEEL}\n    >\n      <CalendarWithTimeWheelContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],"names":["CalendarWithTimeWheelWrapper","useContext","CalendarWithTimeWheelContext","setPopperElement","setArrowElement","usePopperHelpers","attributes","styles","isControllerOnly","popper","background","zIndex","ControlledDateTimePickerDatatestid","CONTEXTUAL_MENU","CALENDAR_TIMEWHEEL","arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,4BAA4B,GAAG,SAA/BA,4BAA+B,GAAmB;AAC7D,oBAKIC,UAAU,CAACC,4BAAD,CALd;AAAA,MACEC,gBADF,eACEA,gBADF;AAAA,MAEEC,eAFF,eAEEA,eAFF;AAAA,0CAGEC,gBAHF;AAAA,MAGsBC,UAHtB,yBAGsBA,UAHtB;AAAA,MAGkCC,MAHlC,yBAGkCA,MAHlC;AAAA,MAIEC,gBAJF,eAIEA,gBAJF;;AAMA,MAAIA,gBAAJ,EAAsB,oBAAO,oBAAC,4BAAD,OAAP;AACtB,sBACE;AACE,IAAA,GAAG,EAAEL,gBADP;AAEE,IAAA,KAAK,kCAAOI,MAAM,CAACE,MAAd;AAAsBC,MAAAA,UAAU,EAAE,OAAlC;AAA2CC,MAAAA,MAAM,EAAE;AAAnD;AAFP,KAGML,UAAU,CAACG,MAHjB;AAIE,mBAAaG,kCAAkC,CAACC,eAAnC,CAAmDC;AAJlE,mBAME,oBAAC,4BAAD,OANF,eAOE;AAAK,IAAA,GAAG,EAAEV,eAAV;AAA2B,IAAA,KAAK,EAAEG,MAAM,CAACQ;AAAzC,IAPF,CADF;AAWD;;;;"}

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js

@@ -1,21 +1,24 @@
 import styled from 'styled-components';
+import { DSButtonV2 } from '@elliemae/ds-button';
 import { CalendarContent } from '../Calendar/CalendarContent.js';
 import 'react';
+import '../../../ControlledDateTimePickerDatatestid.js';
 import '../Calendar/CalendarBody.js';
 import '../Calendar/CalendarMonthDays.js';
 import '../Calendar/CalendarDaysList.js';
 import '../Calendar/Day.js';
+import '@babel/runtime/helpers/esm/extends';
 import '../../../utils/dateHelpers.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
+import '../../../utils/constants.js';
 import '../../../utils/stringHelpers.js';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import '../../../utils/numberHelpers.js';
-import '../../../ControlledDateTimePickerDatatestid.js';
 import '../../../ControlledDateTimePickerCTX.js';
 import '../../../ControlledDateTimePickerTypes.js';
 import '../Calendar/CalendarContext.js';
 import '../Calendar/Styleds.js';
-import '@elliemae/ds-button';
+import '@elliemae/ds-grid';
 import '../Calendar/CalendarWeekDays.js';
 import '../Calendar/CalendarHead.js';
 import '@elliemae/ds-icons/ChevronDoubleLeft';
@@ -24,42 +27,48 @@ import '@elliemae/ds-icons/ChevronRight';
 import '@elliemae/ds-icons/ChevronDoubleRight';
 import '../Calendar/CalendarFooter.js';
 
-var StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled.div.withConfig({
+var StyledIconTriggerButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
   componentId: "sc-h2xj8r-0"
-})(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";}"], function (_ref) {
+})(["color:", ";width:26px;height:26px;"], function (_ref) {
   var theme = _ref.theme;
+  return theme.colors.brand['600'];
+});
+var StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-h2xj8r-1"
+})(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";margin-left:1px;}"], function (_ref2) {
+  var theme = _ref2.theme;
   return theme.colors.neutral['000'];
-}, function (_ref2) {
-  var isControllerOnly = _ref2.isControllerOnly;
-  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
 }, function (_ref3) {
-  var theme = _ref3.theme;
+  var isControllerOnly = _ref3.isControllerOnly;
+  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
+}, function (_ref4) {
+  var theme = _ref4.theme;
   return theme.colors.neutral[200];
 });
 var StyledCalendar = /*#__PURE__*/styled(CalendarContent).withConfig({
-  componentId: "sc-h2xj8r-1"
+  componentId: "sc-h2xj8r-2"
 })(["box-shadow:none;"]);
 var CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled.footer.withConfig({
-  componentId: "sc-h2xj8r-2"
-})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral[300];
-}, function (_ref5) {
+  componentId: "sc-h2xj8r-3"
+})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], function (_ref5) {
   var theme = _ref5.theme;
-  return theme.space.xxs2;
+  return theme.colors.neutral[300];
 }, function (_ref6) {
   var theme = _ref6.theme;
   return theme.space.xxs2;
 }, function (_ref7) {
   var theme = _ref7.theme;
-  return theme.colors.danger[900];
+  return theme.space.xxs2;
 }, function (_ref8) {
   var theme = _ref8.theme;
-  return theme.fontWeights.thin;
+  return theme.colors.danger[900];
 }, function (_ref9) {
   var theme = _ref9.theme;
+  return theme.fontWeights.thin;
+}, function (_ref10) {
+  var theme = _ref10.theme;
   return theme.fontSizes.microText[200];
 });
 
-export { CalendarWithTimeWheelFooterMessage, StyledCalendar, StyledCalendarWithTimeWheelWrapper };
+export { CalendarWithTimeWheelFooterMessage, StyledCalendar, StyledCalendarWithTimeWheelWrapper, StyledIconTriggerButton };
 //# sourceMappingURL=Styleds.js.map

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styleds.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { CalendarContent } from '../Calendar/CalendarContent';\n\nexport const StyledCalendarWithTimeWheelWrapper = styled.div<{ isControllerOnly: boolean }>`\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ isControllerOnly }) =>\n    isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);'}\n  display: grid;\n  grid-template-columns: 260px 192px;\n  grid-template-rows: 1fr;\n  column-gap: 0;\n\n  & > div:last-of-type {\n    box-shadow: -1px 0 0 0 ${({ theme }) => theme.colors.neutral[200]};\n  }\n`;\n\nexport const StyledCalendar = styled(CalendarContent)`\n  box-shadow: none;\n`;\n\nexport const CalendarWithTimeWheelFooterMessage = styled.footer`\n  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};\n  margin: 0 ${({ theme }) => theme.space.xxs2};\n  padding: ${({ theme }) => theme.space.xxs2} 0;\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-style: italic;\n  font-weight: ${({ theme }) => theme.fontWeights.thin};\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  grid-column: 1/3;\n`;\n"],"names":["StyledCalendarWithTimeWheelWrapper","styled","div","theme","colors","neutral","isControllerOnly","undefined","StyledCalendar","CalendarContent","CalendarWithTimeWheelFooterMessage","footer","space","xxs2","danger","fontWeights","thin","fontSizes","microText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,kCAAkC,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,kKAC/B;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAD+B,EAE3C;AAAA,MAAGC,gBAAH,SAAGA,gBAAH;AAAA,SACAA,gBAAgB,GAAGC,SAAH,GAAe,2EAD/B;AAAA,CAF2C,EAUlB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVkB;IAclCG,cAAc,gBAAGP,MAAM,CAACQ,eAAD,CAAT;AAAA;AAAA;IAIdC,kCAAkC,gBAAGT,MAAM,CAACU,MAAV;AAAA;AAAA,8JACrB;AAAA,MAAGR,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CADqB,EAEjC;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACS,KAAN,CAAYC,IAA3B;AAAA,CAFiC,EAGlC;AAAA,MAAGV,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACS,KAAN,CAAYC,IAA3B;AAAA,CAHkC,EAIpC;AAAA,MAAGV,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaU,MAAb,CAAoB,GAApB,CAAf;AAAA,CAJoC,EAM9B;AAAA,MAAGX,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACY,WAAN,CAAkBC,IAAjC;AAAA,CAN8B,EAOhC;AAAA,MAAGb,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACc,SAAN,CAAgBC,SAAhB,CAA0B,GAA1B,CAAf;AAAA,CAPgC;;;;"}
+{"version":3,"file":"Styleds.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { CalendarContent } from '../Calendar/CalendarContent';\n\nexport const StyledIconTriggerButton = styled(DSButtonV2)`\n  color: ${({ theme }) => theme.colors.brand['600']};\n  width: 26px;\n  height: 26px;\n`;\n\nexport const StyledCalendarWithTimeWheelWrapper = styled.div<{ isControllerOnly: boolean }>`\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ isControllerOnly }) =>\n    isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);'}\n  display: grid;\n  grid-template-columns: 260px 192px;\n  grid-template-rows: 1fr;\n  column-gap: 0;\n\n  & > div:last-of-type {\n    box-shadow: -1px 0 0 0 ${({ theme }) => theme.colors.neutral[200]};\n    margin-left: 1px;\n  }\n`;\n\nexport const StyledCalendar = styled(CalendarContent)`\n  box-shadow: none;\n`;\n\nexport const CalendarWithTimeWheelFooterMessage = styled.footer`\n  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};\n  margin: 0 ${({ theme }) => theme.space.xxs2};\n  padding: ${({ theme }) => theme.space.xxs2} 0;\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-style: italic;\n  font-weight: ${({ theme }) => theme.fontWeights.thin};\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  grid-column: 1/3;\n`;\n"],"names":["StyledIconTriggerButton","styled","DSButtonV2","theme","colors","brand","StyledCalendarWithTimeWheelWrapper","div","neutral","isControllerOnly","undefined","StyledCalendar","CalendarContent","CalendarWithTimeWheelFooterMessage","footer","space","xxs2","danger","fontWeights","thin","fontSizes","microText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,uBAAuB,gBAAGC,MAAM,CAACC,UAAD,CAAT;AAAA;AAAA,2CACzB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,KAAnB,CAAf;AAAA,CADyB;IAMvBC,kCAAkC,gBAAGL,MAAM,CAACM,GAAV;AAAA;AAAA,kLAC/B;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaI,OAAb,CAAqB,KAArB,CAAf;AAAA,CAD+B,EAE3C;AAAA,MAAGC,gBAAH,SAAGA,gBAAH;AAAA,SACAA,gBAAgB,GAAGC,SAAH,GAAe,2EAD/B;AAAA,CAF2C,EAUlB;AAAA,MAAGP,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaI,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVkB;IAelCG,cAAc,gBAAGV,MAAM,CAACW,eAAD,CAAT;AAAA;AAAA;IAIdC,kCAAkC,gBAAGZ,MAAM,CAACa,MAAV;AAAA;AAAA,8JACrB;AAAA,MAAGX,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaI,OAAb,CAAqB,GAArB,CAAf;AAAA,CADqB,EAEjC;AAAA,MAAGL,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACY,KAAN,CAAYC,IAA3B;AAAA,CAFiC,EAGlC;AAAA,MAAGb,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACY,KAAN,CAAYC,IAA3B;AAAA,CAHkC,EAIpC;AAAA,MAAGb,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaa,MAAb,CAAoB,GAApB,CAAf;AAAA,CAJoC,EAM9B;AAAA,MAAGd,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,WAAN,CAAkBC,IAAjC;AAAA,CAN8B,EAOhC;AAAA,MAAGhB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACiB,SAAN,CAAgBC,SAAhB,CAA0B,GAA1B,CAAf;AAAA,CAPgC;;;;"}

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js

@@ -17,7 +17,8 @@ var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelC
       hideDate = _useContext.hideDate,
       hideTime = _useContext.hideTime,
       monthInputRef = _useContext.monthInputRef,
-      hourInputRef = _useContext.hourInputRef;
+      hourInputRef = _useContext.hourInputRef,
+      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs;
 
   var _useContext2 = useContext(CalendarContext),
       handleToggleCalendar = _useContext2.handleToggleCalendar;
@@ -122,9 +123,10 @@ var useConfigCalendarWithTimeWheelCTX = function useConfigCalendarWithTimeWheelC
       handleSetTriggerRef: handleSetTriggerRef,
       handleMenuWrapperKeyDown: handleMenuWrapperKeyDown,
       handlePickerIconKeyDown: handlePickerIconKeyDown,
-      isControllerOnly: isControllerOnly
+      isControllerOnly: isControllerOnly,
+      ariaCurrentValueForInputs: ariaCurrentValueForInputs
     };
-  }, [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly]);
+  }, [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, ariaCurrentValueForInputs]);
 };
 
 export { useConfigCalendarWithTimeWheelCTX };

package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfigCalendarWithTimeWheelCTX.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useState, useCallback, useContext } from 'react';\nimport { usePopper } from 'react-popper';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../../ControlledDateTimePickerTypes';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { onKeyDownT } from '../../../index.d';\nimport { CalendarContext } from '../Calendar/CalendarContext';\nimport { TimeWheelContext } from '../TimeWheel/TimeWheelContext';\nimport type { CalendarWithTimeWheelContextT } from './CalendarWithTimeWheelContext';\n\nexport const useConfigCalendarWithTimeWheelCTX = (): CalendarWithTimeWheelContextT => {\n  const {\n    pickerButtonRef,\n    props: { type, onPickerOpen, onPickerClose },\n    hideDate,\n    hideTime,\n    monthInputRef,\n    hourInputRef,\n  } = useContext(ControlledDateTimePickerContext);\n  const { handleToggleCalendar } = useContext(CalendarContext);\n  const { handleToggleTimePicker } = useContext(TimeWheelContext);\n  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = useState(false);\n  const onHomeKeyDown = useCallback(() => {\n    if (!hideDate) monthInputRef?.current?.focus?.();\n    else if (!hideTime) hourInputRef?.current?.focus?.();\n  }, [hideDate, hideTime, monthInputRef, hourInputRef]);\n  const handlePickerIconKeyDown: onKeyDownT<HTMLButtonElement> = useCallback(\n    (e) => {\n      const { key } = e;\n      const preventDefaultKeys = ['Home', 'End'];\n      const stopPropagationKeys = ['Home', 'End'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n    },\n    [onHomeKeyDown],\n  );\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n  const usePopperHelpers = usePopper(referenceElement, popperElement, {\n    modifiers: [{ name: 'arrow', options: { element: arrowElement } }],\n  });\n  const openCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(true);\n      onPickerOpen();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerOpen],\n  );\n  const closeCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(false);\n      onPickerClose();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerClose],\n  );\n\n  const handleToggleCalendarWithTimeWheel = useCallback(\n    (e) => {\n      if (!showCalendarWithTimeWheel) openCalendar(e);\n      else closeCalendar(e);\n    },\n    [closeCalendar, openCalendar, showCalendarWithTimeWheel],\n  );\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!pickerButtonRef?.current?.contains?.(e?.target)) closeCalendar(e);\n  });\n\n  const handleSetTriggerRef = useCallback(\n    (newRef) => {\n      pickerButtonRef.current = newRef;\n      setReferenceElement(newRef);\n    },\n    [pickerButtonRef],\n  );\n  const handleMenuWrapperKeyDown = useCallback(\n    (e) => {\n      const { key } = e;\n      if (key === 'Escape') {\n        closeCalendar(e);\n        pickerButtonRef?.current?.focus?.();\n      }\n    },\n    [closeCalendar, pickerButtonRef],\n  );\n\n  const isControllerOnly = useMemo(() => type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);\n\n  return useMemo(\n    () => ({\n      showCalendarWithTimeWheel,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n    }),\n    [\n      showCalendarWithTimeWheel,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n    ],\n  );\n};\n"],"names":["useConfigCalendarWithTimeWheelCTX","useContext","ControlledDateTimePickerContext","pickerButtonRef","props","type","onPickerOpen","onPickerClose","hideDate","hideTime","monthInputRef","hourInputRef","CalendarContext","handleToggleCalendar","TimeWheelContext","handleToggleTimePicker","useState","showCalendarWithTimeWheel","setShowCalendarWithTimeWheel","onHomeKeyDown","useCallback","current","focus","handlePickerIconKeyDown","e","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","usePopperHelpers","usePopper","modifiers","name","options","element","openCalendar","setTimeout","closeCalendar","handleToggleCalendarWithTimeWheel","useOnClickOutside","contains","target","handleSetTriggerRef","newRef","handleMenuWrapperKeyDown","isControllerOnly","useMemo","CONTROLLED_DATE_TIME_PICKER_TYPES","DATE_TIME","CONTROLLER_ONLY"],"mappings":"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"}
+{"version":3,"file":"useConfigCalendarWithTimeWheelCTX.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useMemo, useState, useCallback, useContext } from 'react';\nimport { usePopper } from 'react-popper';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../../ControlledDateTimePickerTypes';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { useOnClickOutside } from '../../../utils/hooks/useOnClickOutside';\nimport type { onKeyDownT } from '../../../index.d';\nimport { CalendarContext } from '../Calendar/CalendarContext';\nimport { TimeWheelContext } from '../TimeWheel/TimeWheelContext';\nimport type { CalendarWithTimeWheelContextT } from './CalendarWithTimeWheelContext';\n\nexport const useConfigCalendarWithTimeWheelCTX = (): CalendarWithTimeWheelContextT => {\n  const {\n    pickerButtonRef,\n    props: { type, onPickerOpen, onPickerClose },\n    hideDate,\n    hideTime,\n    monthInputRef,\n    hourInputRef,\n    ariaCurrentValueForInputs,\n  } = useContext(ControlledDateTimePickerContext);\n  const { handleToggleCalendar } = useContext(CalendarContext);\n  const { handleToggleTimePicker } = useContext(TimeWheelContext);\n  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = useState(false);\n  const onHomeKeyDown = useCallback(() => {\n    if (!hideDate) monthInputRef?.current?.focus?.();\n    else if (!hideTime) hourInputRef?.current?.focus?.();\n  }, [hideDate, hideTime, monthInputRef, hourInputRef]);\n  const handlePickerIconKeyDown: onKeyDownT<HTMLButtonElement> = useCallback(\n    (e) => {\n      const { key } = e;\n      const preventDefaultKeys = ['Home', 'End'];\n      const stopPropagationKeys = ['Home', 'End'];\n      if (preventDefaultKeys.includes(key)) e.preventDefault();\n      if (stopPropagationKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n    },\n    [onHomeKeyDown],\n  );\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperElement, setPopperElement] = useState(null);\n  const [arrowElement, setArrowElement] = useState(null);\n  const usePopperHelpers = usePopper(referenceElement, popperElement, {\n    modifiers: [{ name: 'arrow', options: { element: arrowElement } }],\n  });\n  const openCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(true);\n      onPickerOpen();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerOpen],\n  );\n  const closeCalendar = useCallback(\n    (e) => {\n      setShowCalendarWithTimeWheel(false);\n      onPickerClose();\n      setTimeout(() => handleToggleCalendar(e));\n      setTimeout(() => handleToggleTimePicker(e));\n    },\n    [handleToggleCalendar, handleToggleTimePicker, onPickerClose],\n  );\n\n  const handleToggleCalendarWithTimeWheel = useCallback(\n    (e) => {\n      if (!showCalendarWithTimeWheel) openCalendar(e);\n      else closeCalendar(e);\n    },\n    [closeCalendar, openCalendar, showCalendarWithTimeWheel],\n  );\n\n  useOnClickOutside(popperElement, (e) => {\n    if (!pickerButtonRef?.current?.contains?.(e?.target)) closeCalendar(e);\n  });\n\n  const handleSetTriggerRef = useCallback(\n    (newRef) => {\n      pickerButtonRef.current = newRef;\n      setReferenceElement(newRef);\n    },\n    [pickerButtonRef],\n  );\n  const handleMenuWrapperKeyDown = useCallback(\n    (e) => {\n      const { key } = e;\n      if (key === 'Escape') {\n        closeCalendar(e);\n        pickerButtonRef?.current?.focus?.();\n      }\n    },\n    [closeCalendar, pickerButtonRef],\n  );\n\n  const isControllerOnly = useMemo(() => type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);\n\n  return useMemo(\n    () => ({\n      showCalendarWithTimeWheel,\n      setPopperElement,\n      setArrowElement,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n      ariaCurrentValueForInputs,\n    }),\n    [\n      showCalendarWithTimeWheel,\n      usePopperHelpers,\n      handleToggleCalendarWithTimeWheel,\n      handleSetTriggerRef,\n      handleMenuWrapperKeyDown,\n      handlePickerIconKeyDown,\n      isControllerOnly,\n      ariaCurrentValueForInputs,\n    ],\n  );\n};\n"],"names":["useConfigCalendarWithTimeWheelCTX","useContext","ControlledDateTimePickerContext","pickerButtonRef","props","type","onPickerOpen","onPickerClose","hideDate","hideTime","monthInputRef","hourInputRef","ariaCurrentValueForInputs","CalendarContext","handleToggleCalendar","TimeWheelContext","handleToggleTimePicker","useState","showCalendarWithTimeWheel","setShowCalendarWithTimeWheel","onHomeKeyDown","useCallback","current","focus","handlePickerIconKeyDown","e","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","usePopperHelpers","usePopper","modifiers","name","options","element","openCalendar","setTimeout","closeCalendar","handleToggleCalendarWithTimeWheel","useOnClickOutside","contains","target","handleSetTriggerRef","newRef","handleMenuWrapperKeyDown","isControllerOnly","useMemo","CONTROLLED_DATE_TIME_PICKER_TYPES","DATE_TIME","CONTROLLER_ONLY"],"mappings":"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"}

package/esm/controlled-date-time-picker/parts/Pickers/PickersIcons.js

@@ -7,29 +7,27 @@ import { TimeWheel } from './TimeWheel/TimeWheel.js';
 import '../../ControlledDateTimePickerTypes.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
-import '@elliemae/ds-basic/Button';
+import '@elliemae/ds-button';
 import './CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js';
+import '@elliemae/ds-icon';
 import '@elliemae/ds-icons/DatePicker';
 import './CalendarWithTimeWheel/CalendarWithTimeWheelContext.js';
-import '../../ControlledDateTimePickerDatatestid.js';
-import './CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './CalendarWithTimeWheel/CalendarWithTimeWheelContent.js';
 import './CalendarWithTimeWheel/Styleds.js';
 import './Calendar/CalendarContent.js';
+import '../../ControlledDateTimePickerDatatestid.js';
 import './Calendar/CalendarBody.js';
 import './Calendar/CalendarMonthDays.js';
 import './Calendar/CalendarDaysList.js';
 import './Calendar/Day.js';
+import '@babel/runtime/helpers/esm/extends';
 import '../../utils/dateHelpers.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
+import '../../utils/constants.js';
 import '../../utils/stringHelpers.js';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import '../../utils/numberHelpers.js';
 import './Calendar/CalendarContext.js';
 import './Calendar/Styleds.js';
-import '@elliemae/ds-button';
 import './Calendar/CalendarWeekDays.js';
 import './Calendar/CalendarHead.js';
 import '@elliemae/ds-icons/ChevronDoubleLeft';
@@ -37,12 +35,14 @@ import '@elliemae/ds-icons/ChevronLeft';
 import '@elliemae/ds-icons/ChevronRight';
 import '@elliemae/ds-icons/ChevronDoubleRight';
 import './Calendar/CalendarFooter.js';
+import './CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import './CalendarWithTimeWheel/CalendarWithTimeWheelContent.js';
 import './CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js';
 import './TimeWheel/TimeWheelContent.js';
 import './TimeWheel/Styleds.js';
 import './TimeWheel/HoursList.js';
-import '@elliemae/ds-icons/ChevronSmallUp';
-import '@elliemae/ds-icons/ChevronSmallDown';
+import '@elliemae/ds-icons';
 import './TimeWheel/TimeWheelContext.js';
 import './TimeWheel/MinutesList.js';
 import './TimeWheel/MeridiemList.js';

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js

@@ -1,14 +1,13 @@
 import _extends from '@babel/runtime/helpers/esm/extends';
 import React, { useContext } from 'react';
-import ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';
-import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
+import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
 import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
 import { TimeWheelContext } from './TimeWheelContext.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
-import '@elliemae/ds-basic/Button';
+import '@elliemae/ds-button';
 
 var HoursList = function HoursList() {
   var _useContext = useContext(TimeWheelContext),
@@ -31,14 +30,14 @@ var HoursList = function HoursList() {
 
   return /*#__PURE__*/React.createElement(StyledWheelList, null, /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "subtract one hour",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React.createElement(ChevronSmallUp, null),
+    buttonType: "raw",
     size: "m",
     onClick: handlePrevHour,
     onKeyDown: handlePrevHourBtnOnKeyDown,
     innerRef: prevHourBtnRef,
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
     tabIndex: -1
-  })), visibleHours.map(function (hourString) {
+  }, /*#__PURE__*/React.createElement(ChevronSmallUp, null))), visibleHours.map(function (hourString) {
     var key = "timewheel-hour-".concat(hourString);
     if (!hourString) return /*#__PURE__*/React.createElement(StyledWheelListItem, {
       key: key
@@ -58,13 +57,12 @@ var HoursList = function HoursList() {
     }, /*#__PURE__*/React.createElement(StyledTimeBtn, _extends({
       isCurrentListItem: isCurrentListItem,
       autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
-      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'SELECTED_HOUR' : 'HOUR'],
+      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR'],
       selected: hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum,
       "aria-label": "".concat(hourString, " hours"),
       "aria-disabled": isDisabled,
       isDisabled: isDisabled,
-      buttonType: "text",
-      labelText: hourString,
+      buttonType: "raw",
       size: "m",
       onClick: function onClick(e) {
         return handleTimeWheelBtnChangeHours(hourString, e);
@@ -72,19 +70,20 @@ var HoursList = function HoursList() {
       tabIndex: tabIndex,
       role: "spinbutton",
       "aria-valuemax": "12",
-      "aria-valuemin": "01",
-      "aria-valuenow": hourString
-    }, btnProps)));
+      "aria-valuemin": "1",
+      "aria-valuenow": currHourNum,
+      "aria-valuetext": "".concat(hourString, " hours")
+    }, btnProps), hourString));
   }), /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "add one hour",
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React.createElement(ChevronSmallDown, null),
+    buttonType: "raw",
     size: "m",
     onClick: handleNextHour,
     onKeyDown: handleNextHourBtnOnKeyDown,
     innerRef: nextHourBtnRef,
-    tabIndex: -1
-  })));
+    tabIndex: -1,
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
+  }, /*#__PURE__*/React.createElement(ChevronSmallDown, null))));
 };
 
 export { HoursList };

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoursList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const HoursList = (): JSX.Element => {\n  const {\n    currHourNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one hour\"\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallUp />}\n          size=\"m\"\n          onClick={handlePrevHour}\n          onKeyDown={handlePrevHourBtnOnKeyDown}\n          innerRef={prevHourBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n      {visibleHours.map((hourString) => {\n        const key = `timewheel-hour-${hourString}`;\n        if (!hourString) return <StyledWheelListItem key={key} />;\n        const currHourTimeString = `${hourString}:${minutes || '00'} ${meridiem || 'AM'}`;\n\n        const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;\n        const isDisabled = getIsDisabledTime(currHourTimeString);\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currHourBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\n              autoFocus={autoFocusHourTimeWheel && isCurrentListItem}\n              data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'SELECTED_HOUR' : 'HOUR']}\n              selected={hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum}\n              aria-label={`${hourString} hours`}\n              aria-disabled={isDisabled}\n              isDisabled={isDisabled}\n              buttonType=\"text\"\n              labelText={hourString}\n              size=\"m\"\n              onClick={(e) => handleTimeWheelBtnChangeHours(hourString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax=\"12\"\n              aria-valuemin=\"01\"\n              aria-valuenow={hourString}\n              {...btnProps}\n            />\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one hour\"\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallDown />}\n          size=\"m\"\n          onClick={handleNextHour}\n          onKeyDown={handleNextHourBtnOnKeyDown}\n          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],"names":["HoursList","useContext","TimeWheelContext","currHourNum","hours","minutes","meridiem","visibleHours","handlePrevHour","handleNextHour","handleTimeWheelBtnChangeHours","handlePrevHourBtnOnKeyDown","handleCurrHourOnKeyDown","handleNextHourBtnOnKeyDown","prevHourBtnRef","currHourBtnRef","nextHourBtnRef","getIsDisabledTime","autoFocusHourTimeWheel","map","hourString","key","currHourTimeString","isEmptyCurrValueCurrentListItem","convertToPositiveNumberIfPossible","isCurrentListItem","isDisabled","tabIndex","btnProps","onKeyDown","undefined","innerRef","ControlledDateTimePickerDatatestid","TIMEWHEEL","length","e"],"mappings":"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"}
+{"version":3,"file":"HoursList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const HoursList = (): JSX.Element => {\n  const {\n    currHourNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevHour}\n          onKeyDown={handlePrevHourBtnOnKeyDown}\n          innerRef={prevHourBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleHours.map((hourString) => {\n        const key = `timewheel-hour-${hourString}`;\n        if (!hourString) return <StyledWheelListItem key={key} />;\n        const currHourTimeString = `${hourString}:${minutes || '00'} ${meridiem || 'AM'}`;\n\n        const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;\n        const isDisabled = getIsDisabledTime(currHourTimeString);\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currHourBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\n              autoFocus={autoFocusHourTimeWheel && isCurrentListItem}\n              data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR']}\n              selected={hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum}\n              aria-label={`${hourString} hours`}\n              aria-disabled={isDisabled}\n              isDisabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e) => handleTimeWheelBtnChangeHours(hourString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax=\"12\"\n              aria-valuemin=\"1\"\n              aria-valuenow={currHourNum}\n              aria-valuetext={`${hourString} hours`}\n              {...btnProps}\n            >\n              {hourString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextHour}\n          onKeyDown={handleNextHourBtnOnKeyDown}\n          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],"names":["HoursList","useContext","TimeWheelContext","currHourNum","hours","minutes","meridiem","visibleHours","handlePrevHour","handleNextHour","handleTimeWheelBtnChangeHours","handlePrevHourBtnOnKeyDown","handleCurrHourOnKeyDown","handleNextHourBtnOnKeyDown","prevHourBtnRef","currHourBtnRef","nextHourBtnRef","getIsDisabledTime","autoFocusHourTimeWheel","ControlledDateTimePickerDatatestid","TIMEWHEEL","PREV_HOUR","map","hourString","key","currHourTimeString","isEmptyCurrValueCurrentListItem","convertToPositiveNumberIfPossible","isCurrentListItem","isDisabled","tabIndex","btnProps","onKeyDown","undefined","innerRef","length","e","NEXT_HOUR"],"mappings":"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"}

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js

@@ -1,12 +1,11 @@
 import React, { useContext } from 'react';
-import ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';
-import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
+import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
 import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
 import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
 import { TimeWheelContext } from './TimeWheelContext.js';
 import 'styled-components';
 import '@elliemae/ds-grid';
-import '@elliemae/ds-basic/Button';
+import '@elliemae/ds-button';
 
 /* eslint-disable complexity */
 var MeridiemList = function MeridiemList() {
@@ -34,9 +33,8 @@ var MeridiemList = function MeridiemList() {
     "aria-label": "set am meridiem",
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM,
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React.createElement(ChevronSmallUp, null),
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('AM', e);
@@ -44,17 +42,16 @@ var MeridiemList = function MeridiemList() {
     onKeyDown: handlePrevMeridiemBtnOnKeyDown,
     innerRef: prevMeridiemBtnRef,
     tabIndex: -1
-  })), meridiem === 'AM' || meridiem === '' ? /*#__PURE__*/React.createElement(StyledWheelListItem, null) : null, /*#__PURE__*/React.createElement(StyledWheelListItem, {
+  }, /*#__PURE__*/React.createElement(ChevronSmallUp, null))), meridiem === 'AM' || meridiem === '' ? /*#__PURE__*/React.createElement(StyledWheelListItem, null) : null, /*#__PURE__*/React.createElement(StyledWheelListItem, {
     isCurrentListItem: isAmCurrent
   }, /*#__PURE__*/React.createElement(StyledTimeBtn, {
     isCurrentListItem: isAmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM'],
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
     selected: meridiem === 'AM',
     "aria-label": "AM ".concat(isAmCurrent ? 'selected' : ''),
     "aria-disabled": isDisabledAm,
     isDisabled: isDisabledAm,
-    buttonType: "text",
-    labelText: "AM",
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('AM', e);
@@ -66,17 +63,16 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemax": "1",
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isPmCurrent ? 'PM' : 'AM'
-  })), /*#__PURE__*/React.createElement(StyledWheelListItem, {
+    "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
+  }, "AM")), /*#__PURE__*/React.createElement(StyledWheelListItem, {
     isCurrentListItem: isPmCurrent
   }, /*#__PURE__*/React.createElement(StyledTimeBtn, {
     isCurrentListItem: isPmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM'],
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
     "aria-label": "PM ".concat(isPmCurrent ? 'selected' : ''),
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
-    buttonType: "text",
-    labelText: "PM",
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('PM', e);
@@ -88,14 +84,13 @@ var MeridiemList = function MeridiemList() {
     "aria-valuemax": "1",
     "aria-valuemin": "0",
     "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isPmCurrent ? 'PM' : 'AM'
-  })), meridiem === 'PM' ? /*#__PURE__*/React.createElement(StyledWheelListItem, null) : null, /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
+    "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
+  }, "PM")), meridiem === 'PM' ? /*#__PURE__*/React.createElement(StyledWheelListItem, null) : null, /*#__PURE__*/React.createElement(StyledWheelListItem, null, /*#__PURE__*/React.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "set pm meridiem",
     "aria-disabled": isDisabledPm,
     isDisabled: isDisabledPm,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM,
-    buttonType: "text",
-    leftIcon: /*#__PURE__*/React.createElement(ChevronSmallDown, null),
+    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
+    buttonType: "raw",
     size: "m",
     onClick: function onClick(e) {
       return handleTimeWheelBtnChangeMeridiem('PM', e);
@@ -103,7 +98,7 @@ var MeridiemList = function MeridiemList() {
     onKeyDown: handleNextMeridiemBtnOnKeyDown,
     innerRef: nextMeridiemBtnRef,
     tabIndex: -1
-  })));
+  }, /*#__PURE__*/React.createElement(ChevronSmallDown, null))));
 };
 
 export { MeridiemList, MeridiemList as default };

package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeridiemList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const {\n    hours,\n    minutes,\n    meridiem,\n    handleTimeWheelBtnChangeMeridiem,\n    handlePrevMeridiemBtnOnKeyDown,\n    handleCurrMeridiemOnKeyDown,\n    handleNextMeridiemBtnOnKeyDown,\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n  } = useContext(TimeWheelContext);\n  const isAmCurrent = !meridiem || meridiem === 'AM';\n  const isPmCurrent = meridiem === 'PM';\n  const hourMinuteString = `${hours || '01'}:${minutes || '00'}`;\n  const amTimeString = `${hourMinuteString} AM`;\n  const pmTimeString = `${hourMinuteString} PM`;\n  const isDisabledAm = getIsDisabledTime(amTimeString);\n  const isDisabledPm = getIsDisabledTime(pmTimeString);\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM}\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallUp />}\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={handlePrevMeridiemBtnOnKeyDown}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n      {/* <StyledWheelListItem /> */}\n      {meridiem === 'AM' || meridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isAmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM']}\n          selected={meridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          buttonType=\"text\"\n          labelText=\"AM\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isAmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isPmCurrent ? 'PM' : 'AM'}\n        />\n      </StyledWheelListItem>\n      <StyledWheelListItem isCurrentListItem={isPmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isPmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'SELECTED_MERIDIEM' : 'MERIDIEM']}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          buttonType=\"text\"\n          labelText=\"PM\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isPmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isPmCurrent ? 'PM' : 'AM'}\n        />\n      </StyledWheelListItem>\n      {/* <StyledWheelListItem /> */}\n      {meridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.MERIDIEM}\n          buttonType=\"text\"\n          leftIcon={<ChevronSmallDown />}\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={handleNextMeridiemBtnOnKeyDown}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n        />\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],"names":["MeridiemList","useContext","TimeWheelContext","hours","minutes","meridiem","handleTimeWheelBtnChangeMeridiem","handlePrevMeridiemBtnOnKeyDown","handleCurrMeridiemOnKeyDown","handleNextMeridiemBtnOnKeyDown","prevMeridiemBtnRef","currMeridiemBtnRef","nextMeridiemBtnRef","getIsDisabledTime","isAmCurrent","isPmCurrent","hourMinuteString","amTimeString","pmTimeString","isDisabledAm","isDisabledPm","ControlledDateTimePickerDatatestid","TIMEWHEEL","MERIDIEM","e","undefined"],"mappings":"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"}
+{"version":3,"file":"MeridiemList.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const {\n    hours,\n    minutes,\n    meridiem,\n    handleTimeWheelBtnChangeMeridiem,\n    handlePrevMeridiemBtnOnKeyDown,\n    handleCurrMeridiemOnKeyDown,\n    handleNextMeridiemBtnOnKeyDown,\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n  } = useContext(TimeWheelContext);\n  const isAmCurrent = !meridiem || meridiem === 'AM';\n  const isPmCurrent = meridiem === 'PM';\n  const hourMinuteString = `${hours || '01'}:${minutes || '00'}`;\n  const amTimeString = `${hourMinuteString} AM`;\n  const pmTimeString = `${hourMinuteString} PM`;\n  const isDisabledAm = getIsDisabledTime(amTimeString);\n  const isDisabledPm = getIsDisabledTime(pmTimeString);\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={handlePrevMeridiemBtnOnKeyDown}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {meridiem === 'AM' || meridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isAmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={meridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          isDisabled={isDisabledAm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isAmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n        >\n          AM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      <StyledWheelListItem isCurrentListItem={isPmCurrent}>\n        <StyledTimeBtn\n          isCurrentListItem={isPmCurrent}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? currMeridiemBtnRef : undefined}\n          tabIndex={isPmCurrent ? 0 : -1}\n          role=\"spinbutton\"\n          aria-valuemax=\"1\"\n          aria-valuemin=\"0\"\n          aria-valuenow={isPmCurrent ? '1' : '0'}\n          aria-valuetext={isAmCurrent ? 'ante meridiem' : 'post meridiem'}\n        >\n          PM\n        </StyledTimeBtn>\n      </StyledWheelListItem>\n      {meridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          isDisabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={handleNextMeridiemBtnOnKeyDown}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],"names":["MeridiemList","useContext","TimeWheelContext","hours","minutes","meridiem","handleTimeWheelBtnChangeMeridiem","handlePrevMeridiemBtnOnKeyDown","handleCurrMeridiemOnKeyDown","handleNextMeridiemBtnOnKeyDown","prevMeridiemBtnRef","currMeridiemBtnRef","nextMeridiemBtnRef","getIsDisabledTime","isAmCurrent","isPmCurrent","hourMinuteString","amTimeString","pmTimeString","isDisabledAm","isDisabledPm","ControlledDateTimePickerDatatestid","TIMEWHEEL","PREV_MERIDIEM","e","undefined","NEXT_MERIDIEM"],"mappings":"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"}