@elliemae/ds-form-date-time-picker 3.0.0-next.44 → 3.0.0-next.47

package/dist/cjs/utils/hooks/useOnClickOutside.js

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useOnClickOutside_exports = {};
 __export(useOnClickOutside_exports, {
   useOnClickOutside: () => useOnClickOutside
 });
+module.exports = __toCommonJS(useOnClickOutside_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 const useOnClickOutside = (ref, handler) => {
@@ -49,5 +43,4 @@ const useOnClickOutside = (ref, handler) => {
     };
   }, [ref, handler]);
 };
-module.exports = __toCommonJS(useOnClickOutside_exports);
 //# sourceMappingURL=useOnClickOutside.js.map

package/dist/cjs/utils/hooks/useOnClickOutside.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/utils/hooks/useOnClickOutside.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useEffect } from 'react';\n\nexport const useOnClickOutside = (ref: HTMLElement | null, handler: NoopishFunc<MouseEvent | TouchEvent>): void => {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (event.target instanceof Element)\n        if (!ref || ref?.contains?.(event.target)) {\n          return;\n        }\n      handler(event);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [ref, handler]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAEnB,MAAM,oBAAoB,CAAC,KAAyB,YAAwD;AACjH,8BAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AAEnD,UAAI,MAAM,kBAAkB;AAC1B,YAAI,CAAC,OAAO,KAAK,WAAW,MAAM,MAAM,GAAG;AACzC;AAAA,QACF;AAAA;AACF,cAAQ,KAAK;AAAA,IACf;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAEnB,MAAM,oBAAoB,CAAC,KAAyB,YAAwD;AACjH,8BAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AAEnD,UAAI,MAAM,kBAAkB;AAC1B,YAAI,CAAC,OAAO,KAAK,WAAW,MAAM,MAAM,GAAG;AACzC;AAAA,QACF;AAAA;AACF,cAAQ,KAAK;AAAA,IACf;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB;",
   "names": []
 }

package/dist/cjs/utils/numberHelpers.js

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var numberHelpers_exports = {};
 __export(numberHelpers_exports, {
   convertToPositiveNumberIfPossible: () => convertToPositiveNumberIfPossible
 });
+module.exports = __toCommonJS(numberHelpers_exports);
 var React = __toESM(require("react"));
 const convertToPositiveNumberIfPossible = (numberString) => {
   const convertedNum = Number.parseInt(numberString, 10);
@@ -36,5 +30,4 @@ const convertToPositiveNumberIfPossible = (numberString) => {
     return -1;
   return convertedNum;
 };
-module.exports = __toCommonJS(numberHelpers_exports);
 //# sourceMappingURL=numberHelpers.js.map

package/dist/cjs/utils/numberHelpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/numberHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const convertToPositiveNumberIfPossible = (numberString: string): number => {\n  const convertedNum = Number.parseInt(numberString, 10);\n  if (Number.isNaN(convertedNum)) return -1;\n  return convertedNum;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oCAAoC,CAAC,iBAAiC;AACjF,QAAM,eAAe,OAAO,SAAS,cAAc,EAAE;AACrD,MAAI,OAAO,MAAM,YAAY;AAAG,WAAO;AACvC,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oCAAoC,CAAC,iBAAiC;AACjF,QAAM,eAAe,OAAO,SAAS,cAAc,EAAE;AACrD,MAAI,OAAO,MAAM,YAAY;AAAG,WAAO;AACvC,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/utils/stringHelpers.js

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stringHelpers_exports = {};
 __export(stringHelpers_exports, {
   dateTimeToDate: () => dateTimeToDate,
@@ -44,6 +37,7 @@ __export(stringHelpers_exports, {
   isValidTimeString: () => isValidTimeString,
   prependStringWithPlaceHolders: () => prependStringWithPlaceHolders
 });
+module.exports = __toCommonJS(stringHelpers_exports);
 var React = __toESM(require("react"));
 var import_constants = require("./constants");
 var import_numberHelpers = require("./numberHelpers");
@@ -151,5 +145,4 @@ const getAriaDayFromDateString = (dateString) => {
     return "";
   return `${import_constants.monthNames[monthNum - 1]} ${import_constants.announcableCardinalDays[dayNum]} ${yearNum}`;
 };
-module.exports = __toCommonJS(stringHelpers_exports);
 //# sourceMappingURL=stringHelpers.js.map

package/dist/cjs/utils/stringHelpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/stringHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { monthNames, announcableCardinalDays } from './constants';\nimport { convertToPositiveNumberIfPossible } from './numberHelpers';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes';\n/* eslint-disable max-lines */\nexport const prependStringWithPlaceHolders = (val: string, finalLength: number, placeholder = '0'): string => {\n  if (val.length === finalLength) return val;\n  const stringAsAnArray = val.split('').reverse();\n  return new Array(finalLength)\n    .fill(placeholder)\n    .map((_c, i) => (stringAsAnArray[i] ? stringAsAnArray[i] : placeholder))\n    .reverse()\n    .join('');\n};\nexport const fillStringWithPlaceHolders = (val: string, finalLength: number, placeholder = '_'): string => {\n  if (val.length === finalLength) return val;\n  const stringAsAnArray = val.split('');\n  return new Array(finalLength)\n    .fill(placeholder)\n    .map((_c, i) => (stringAsAnArray[i] ? stringAsAnArray[i] : placeholder))\n    .join('');\n};\n\nexport const getFormattedDateString = ({ month, day, year }: { month: string; day: string; year: string }): string => {\n  const finalMonth = fillStringWithPlaceHolders(month, 2);\n  const finalDay = fillStringWithPlaceHolders(day, 2);\n  const finalYear = fillStringWithPlaceHolders(year, 4);\n  return `${finalMonth}/${finalDay}/${finalYear}`;\n};\nexport const dateTimeToDate = (dateTime: string): string => dateTime?.split?.(' ')?.[0];\nexport const deconstructValuesFromDateString = (dateString: string): { month: string; day: string; year: string } => {\n  const [dirtyMonth = '', dirtyDay = '', dirtyYear = ''] = dateString.split('/');\n  const replaceAllRegexp = /_/g;\n  return {\n    month: (dirtyMonth || '').replace(replaceAllRegexp, ''),\n    day: (dirtyDay || '').replace(replaceAllRegexp, ''),\n    year: (dirtyYear || '').replace(replaceAllRegexp, ''),\n  };\n};\nexport const deconstructValuesFromTimeString = (\n  timeString: string,\n): { hours: string; minutes: string; meridiem: string } => {\n  const [dirtyHour = '', dirtyMintuesAndMeridiem = ''] = timeString.split(':');\n  const [dirtyMinutes = '', dirtyMeridiem = ''] = dirtyMintuesAndMeridiem.split(' ');\n  const replaceAllRegexp = /_/g;\n  return {\n    hours: (dirtyHour || '').replace(replaceAllRegexp, ''),\n    minutes: (dirtyMinutes || '').replace(replaceAllRegexp, ''),\n    meridiem: (dirtyMeridiem || '').replace(replaceAllRegexp, ''),\n  };\n};\n// https://regex101.com/r/U5r5lh/1/\nconst dateRegExp = /^[0-9_][0-9_]\\/[0-9_][0-9_]\\/[0-9_]{4}$/;\nexport const isValidDateString = (testString: string): boolean => {\n  if (testString === '') return true;\n  const isValidDateRegexp = dateRegExp.test(testString);\n  if (!isValidDateRegexp) return false;\n  const { month, day, year } = deconstructValuesFromDateString(testString);\n  if (Number.parseInt(month, 10) > 12 || Number.parseInt(day, 10) > 31 || Number.parseInt(year, 10) > 9999)\n    return false;\n\n  return true;\n};\n\nexport const getFormattedTimeString = ({\n  hours,\n  minutes,\n  // seconds,\n  meridiem,\n}: {\n  hours: string;\n  minutes: string;\n  // seconds:string;\n  meridiem: string;\n}): string => {\n  const finalHour = fillStringWithPlaceHolders(hours, 2);\n  const finalMinutes = fillStringWithPlaceHolders(minutes, 2);\n  // const finalSeconds = fillStringWithPlaceHolders(seconds, 2); // <-- seconds format\n  const finalMeridiem = fillStringWithPlaceHolders(meridiem, 2);\n  // return `${finalHour}:${finalMinutes}:${finalSeconds} ${finalMeridiem}`;// <-- seconds format\n  return `${finalHour}:${finalMinutes} ${finalMeridiem}`;\n};\nexport const dateTimeToTime = (dateTime: string): string => {\n  const [\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n    date,\n    // timeNumbers = '__:__:__', // <-- seconds format\n    timeNumbers = '__:__',\n    timeMeridiem = '__',\n  ] = dateTime.split(' ');\n  return `${timeNumbers} ${timeMeridiem}`;\n};\nexport const deconstructTimeValues = (\n  timeString: string,\n): {\n  hours: string;\n  minutes: string;\n  meridiem: string;\n} => {\n  const [dirtyTimes = '', dirtyMeridiem] = timeString.split(' '); // <--['__:__','__']\n  const [dirtyHours, dirtyMinutes] = dirtyTimes.split(':'); // <--['__','__']\n  const regex = /_/g; // Note the 'g' flag, which matches all occurrences of the expression\n  const newValues = {\n    hours: (dirtyHours || '').replace(regex, ''),\n    minutes: (dirtyMinutes || '').replace(regex, ''),\n    meridiem: (dirtyMeridiem || '').replace(regex, ''),\n  };\n  return newValues;\n};\n\n// https://regex101.com/r/jeBmNT/1\nconst timeRegExp = /^[0-9_][0-9_]:[0-9_][0-9_]\\s[aApP_][mM_]$/;\nexport const isValidTimeString = (testString: string): boolean => {\n  if (testString === '') return true;\n  const isValidTimeRegexp = timeRegExp.test(testString);\n  if (!isValidTimeRegexp) return false;\n  const { hours, minutes } = deconstructTimeValues(testString);\n  if (Number.parseInt(hours, 10) > 12 || Number.parseInt(minutes, 10) > 60) return false;\n\n  return true;\n};\n\nexport const isIncompleteString = (testString: string, placeholder = '_'): boolean =>\n  testString === '' || testString.includes(placeholder);\n\nexport const isEmptyDateStringMask = (testString: string): boolean => testString === '__/__/____';\nexport const isEmptyTimeStringMask = (testString: string): boolean => testString === '__:__ __';\nexport const isEmptyDateTimeStringMask = (testString: string): boolean => testString === '__/__/____ __:__ __';\n\nexport const getAriaDayFromDateString = (dateString: string): string => {\n  const { month: monthString, day: dayString, year: yearString } = deconstructValuesFromDateString(dateString);\n  const monthNum = convertToPositiveNumberIfPossible(monthString);\n  const dayNum = convertToPositiveNumberIfPossible(dayString) as DSControlledDateTimePickerInternalsT.DateDay | -1;\n  const yearNum = convertToPositiveNumberIfPossible(yearString);\n  if (monthNum === -1 || dayNum === -1 || yearNum === -1) return '';\n  return `${monthNames[monthNum - 1]} ${announcableCardinalDays[dayNum]} ${yearNum}`;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoD;AACpD,2BAAkD;AAG3C,MAAM,gCAAgC,CAAC,KAAa,aAAqB,cAAc,QAAgB;AAC5G,MAAI,IAAI,WAAW;AAAa,WAAO;AACvC,QAAM,kBAAkB,IAAI,MAAM,EAAE,EAAE,QAAQ;AAC9C,SAAO,IAAI,MAAM,WAAW,EACzB,KAAK,WAAW,EAChB,IAAI,CAAC,IAAI,MAAO,gBAAgB,KAAK,gBAAgB,KAAK,WAAY,EACtE,QAAQ,EACR,KAAK,EAAE;AACZ;AACO,MAAM,6BAA6B,CAAC,KAAa,aAAqB,cAAc,QAAgB;AACzG,MAAI,IAAI,WAAW;AAAa,WAAO;AACvC,QAAM,kBAAkB,IAAI,MAAM,EAAE;AACpC,SAAO,IAAI,MAAM,WAAW,EACzB,KAAK,WAAW,EAChB,IAAI,CAAC,IAAI,MAAO,gBAAgB,KAAK,gBAAgB,KAAK,WAAY,EACtE,KAAK,EAAE;AACZ;AAEO,MAAM,yBAAyB,CAAC,EAAE,OAAO,KAAK,WAAiE;AACpH,QAAM,aAAa,2BAA2B,OAAO,CAAC;AACtD,QAAM,WAAW,2BAA2B,KAAK,CAAC;AAClD,QAAM,YAAY,2BAA2B,MAAM,CAAC;AACpD,SAAO,GAAG,cAAc,YAAY;AACtC;AACO,MAAM,iBAAiB,CAAC,aAA6B,UAAU,QAAQ,GAAG,IAAI;AAC9E,MAAM,kCAAkC,CAAC,eAAqE;AACnH,QAAM,CAAC,aAAa,IAAI,WAAW,IAAI,YAAY,MAAM,WAAW,MAAM,GAAG;AAC7E,QAAM,mBAAmB;AACzB,SAAO;AAAA,IACL,OAAQ,eAAc,IAAI,QAAQ,kBAAkB,EAAE;AAAA,IACtD,KAAM,aAAY,IAAI,QAAQ,kBAAkB,EAAE;AAAA,IAClD,MAAO,cAAa,IAAI,QAAQ,kBAAkB,EAAE;AAAA,EACtD;AACF;AACO,MAAM,kCAAkC,CAC7C,eACyD;AACzD,QAAM,CAAC,YAAY,IAAI,0BAA0B,MAAM,WAAW,MAAM,GAAG;AAC3E,QAAM,CAAC,eAAe,IAAI,gBAAgB,MAAM,wBAAwB,MAAM,GAAG;AACjF,QAAM,mBAAmB;AACzB,SAAO;AAAA,IACL,OAAQ,cAAa,IAAI,QAAQ,kBAAkB,EAAE;AAAA,IACrD,SAAU,iBAAgB,IAAI,QAAQ,kBAAkB,EAAE;AAAA,IAC1D,UAAW,kBAAiB,IAAI,QAAQ,kBAAkB,EAAE;AAAA,EAC9D;AACF;AAEA,MAAM,aAAa;AACZ,MAAM,oBAAoB,CAAC,eAAgC;AAChE,MAAI,eAAe;AAAI,WAAO;AAC9B,QAAM,oBAAoB,WAAW,KAAK,UAAU;AACpD,MAAI,CAAC;AAAmB,WAAO;AAC/B,QAAM,EAAE,OAAO,KAAK,SAAS,gCAAgC,UAAU;AACvE,MAAI,OAAO,SAAS,OAAO,EAAE,IAAI,MAAM,OAAO,SAAS,KAAK,EAAE,IAAI,MAAM,OAAO,SAAS,MAAM,EAAE,IAAI;AAClG,WAAO;AAET,SAAO;AACT;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EAEA;AAAA,MAMY;AACZ,QAAM,YAAY,2BAA2B,OAAO,CAAC;AACrD,QAAM,eAAe,2BAA2B,SAAS,CAAC;AAE1D,QAAM,gBAAgB,2BAA2B,UAAU,CAAC;AAE5D,SAAO,GAAG,aAAa,gBAAgB;AACzC;AACO,MAAM,iBAAiB,CAAC,aAA6B;AAC1D,QAAM;AAAA,IAEJ;AAAA,IAEA,cAAc;AAAA,IACd,eAAe;AAAA,MACb,SAAS,MAAM,GAAG;AACtB,SAAO,GAAG,eAAe;AAC3B;AACO,MAAM,wBAAwB,CACnC,eAKG;AACH,QAAM,CAAC,aAAa,IAAI,iBAAiB,WAAW,MAAM,GAAG;AAC7D,QAAM,CAAC,YAAY,gBAAgB,WAAW,MAAM,GAAG;AACvD,QAAM,QAAQ;AACd,QAAM,YAAY;AAAA,IAChB,OAAQ,eAAc,IAAI,QAAQ,OAAO,EAAE;AAAA,IAC3C,SAAU,iBAAgB,IAAI,QAAQ,OAAO,EAAE;AAAA,IAC/C,UAAW,kBAAiB,IAAI,QAAQ,OAAO,EAAE;AAAA,EACnD;AACA,SAAO;AACT;AAGA,MAAM,aAAa;AACZ,MAAM,oBAAoB,CAAC,eAAgC;AAChE,MAAI,eAAe;AAAI,WAAO;AAC9B,QAAM,oBAAoB,WAAW,KAAK,UAAU;AACpD,MAAI,CAAC;AAAmB,WAAO;AAC/B,QAAM,EAAE,OAAO,YAAY,sBAAsB,UAAU;AAC3D,MAAI,OAAO,SAAS,OAAO,EAAE,IAAI,MAAM,OAAO,SAAS,SAAS,EAAE,IAAI;AAAI,WAAO;AAEjF,SAAO;AACT;AAEO,MAAM,qBAAqB,CAAC,YAAoB,cAAc,QACnE,eAAe,MAAM,WAAW,SAAS,WAAW;AAE/C,MAAM,wBAAwB,CAAC,eAAgC,eAAe;AAC9E,MAAM,wBAAwB,CAAC,eAAgC,eAAe;AAC9E,MAAM,4BAA4B,CAAC,eAAgC,eAAe;AAElF,MAAM,2BAA2B,CAAC,eAA+B;AACtE,QAAM,EAAE,OAAO,aAAa,KAAK,WAAW,MAAM,eAAe,gCAAgC,UAAU;AAC3G,QAAM,WAAW,4DAAkC,WAAW;AAC9D,QAAM,SAAS,4DAAkC,SAAS;AAC1D,QAAM,UAAU,4DAAkC,UAAU;AAC5D,MAAI,aAAa,MAAM,WAAW,MAAM,YAAY;AAAI,WAAO;AAC/D,SAAO,GAAG,4BAAW,WAAW,MAAM,yCAAwB,WAAW;AAC3E;",
   "names": []
 }

package/dist/cjs/utils/timeHelpers.js

@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var timeHelpers_exports = {};
 __export(timeHelpers_exports, {
   getValidationTimeStringMetaInfo: () => getValidationTimeStringMetaInfo
 });
+module.exports = __toCommonJS(timeHelpers_exports);
 var React = __toESM(require("react"));
 var import_stringHelpers = require("./stringHelpers");
 const getValidationTimeStringMetaInfo = (timeString, getIsDisabledTime = (timeS) => false) => {
@@ -40,5 +34,4 @@ const getValidationTimeStringMetaInfo = (timeString, getIsDisabledTime = (timeS)
   }
   return metaInfo;
 };
-module.exports = __toCommonJS(timeHelpers_exports);
 //# sourceMappingURL=timeHelpers.js.map

package/dist/cjs/utils/timeHelpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/timeHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { isIncompleteString } from './stringHelpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nexport const getValidationTimeStringMetaInfo = (\n  timeString: string,\n  getIsDisabledTime = (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n    timeS: string,\n  ) => false,\n): Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> => {\n  const metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = {};\n  if (!isIncompleteString(timeString)) {\n    metaInfo.isDisabledTime = getIsDisabledTime(timeString);\n    if (metaInfo.isDisabledTime) metaInfo.suggestedErrorMsg = 'The selected time is not allowed';\n  }\n\n  return metaInfo;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAmC;AAG5B,MAAM,kCAAkC,CAC7C,YACA,oBAAoB,CAElB,UACG,UACiE;AACtE,QAAM,WAA8E,CAAC;AACrF,MAAI,CAAC,6CAAmB,UAAU,GAAG;AACnC,aAAS,iBAAiB,kBAAkB,UAAU;AACtD,QAAI,SAAS;AAAgB,eAAS,oBAAoB;AAAA,EAC5D;AAEA,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAmC;AAG5B,MAAM,kCAAkC,CAC7C,YACA,oBAAoB,CAElB,UACG,UACiE;AACtE,QAAM,WAA8E,CAAC;AACrF,MAAI,CAAC,6CAAmB,UAAU,GAAG;AACnC,aAAS,iBAAiB,kBAAkB,UAAU;AACtD,QAAI,SAAS;AAAgB,eAAS,oBAAoB;AAAA,EAC5D;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/utils/typeGuards.js

@@ -4,33 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var typeGuards_exports = {};
 __export(typeGuards_exports, {
   getIsDate: () => getIsDate,
   getIsDateTime: () => getIsDateTime,
   getIsTime: () => getIsTime
 });
+module.exports = __toCommonJS(typeGuards_exports);
 var React = __toESM(require("react"));
 const dateTimeTypes = ["full-date-time", "date-time-inputs", "date-time-picker", "date-time-picker-controller-only"];
 const dateTypes = ["full-date", "date-inputs", "date-picker", "date-picker-controller-only"];
@@ -38,5 +32,4 @@ const timeTypes = ["full-time", "time-inputs", "time-picker", "time-picker-contr
 const getIsDateTime = (props) => dateTimeTypes.includes(props.type);
 const getIsDate = (props) => dateTypes.includes(props.type);
 const getIsTime = (props) => timeTypes.includes(props.type);
-module.exports = __toCommonJS(typeGuards_exports);
 //# sourceMappingURL=typeGuards.js.map

package/dist/cjs/utils/typeGuards.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/typeGuards.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { DSControlledDateTimePickerT } from '../propTypes';\n\nconst dateTimeTypes = ['full-date-time', 'date-time-inputs', 'date-time-picker', 'date-time-picker-controller-only'];\nconst dateTypes = ['full-date', 'date-inputs', 'date-picker', 'date-picker-controller-only'];\nconst timeTypes = ['full-time', 'time-inputs', 'time-picker', 'time-picker-controller-only'];\n\nexport const getIsDateTime = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.DateTimePickerProps | DSControlledDateTimePickerT.InternalDateTimePickerProps =>\n  dateTimeTypes.includes(props.type);\n\nexport const getIsDate = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.DatePickerProps | DSControlledDateTimePickerT.InternalDatePickerProps =>\n  dateTypes.includes(props.type);\n\nexport const getIsTime = (\n  props: DSControlledDateTimePickerT.Props | DSControlledDateTimePickerT.InternalProps,\n): props is DSControlledDateTimePickerT.TimePickerProps | DSControlledDateTimePickerT.InternalTimePickerProps =>\n  timeTypes.includes(props.type);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,gBAAgB,CAAC,kBAAkB,oBAAoB,oBAAoB,kCAAkC;AACnH,MAAM,YAAY,CAAC,aAAa,eAAe,eAAe,6BAA6B;AAC3F,MAAM,YAAY,CAAC,aAAa,eAAe,eAAe,6BAA6B;AAEpF,MAAM,gBAAgB,CAC3B,UAEA,cAAc,SAAS,MAAM,IAAI;AAE5B,MAAM,YAAY,CACvB,UAEA,UAAU,SAAS,MAAM,IAAI;AAExB,MAAM,YAAY,CACvB,UAEA,UAAU,SAAS,MAAM,IAAI;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,gBAAgB,CAAC,kBAAkB,oBAAoB,oBAAoB,kCAAkC;AACnH,MAAM,YAAY,CAAC,aAAa,eAAe,eAAe,6BAA6B;AAC3F,MAAM,YAAY,CAAC,aAAa,eAAe,eAAe,6BAA6B;AAEpF,MAAM,gBAAgB,CAC3B,UAEA,cAAc,SAAS,MAAM,IAAI;AAE5B,MAAM,YAAY,CACvB,UAEA,UAAU,SAAS,MAAM,IAAI;AAExB,MAAM,YAAY,CACvB,UAEA,UAAU,SAAS,MAAM,IAAI;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/HoursList.js

@@ -61,7 +61,9 @@ const HoursList = () => {
     innerRef: prevHourBtnRef,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
     tabIndex: -1
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, null))), visibleHours.map((hourString) => {
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, {
+    color: ["brand-primary", 700]
+  }))), visibleHours.map((hourString) => {
     const key = `timewheel-hour-${hourString || ""}`;
     if (!hourString)
       return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
@@ -107,7 +109,9 @@ const HoursList = () => {
     innerRef: nextHourBtnRef,
     tabIndex: -1,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, null))));
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
+    color: ["brand-primary", 700]
+  }))));
 };
 export {
   HoursList

package/dist/esm/parts/Pickers/TimeWheel/HoursList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/HoursList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\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    currMinuteNum,\n    currMeridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handleCurrHourOnKeyDown,\n  } = useContext(TimeWheelContext);\n  const {\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n    hours,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  const handleCurrYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currHourBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currHourBtnRef],\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          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}:${currMinuteNum} ${currMeridiem}`;\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 ? handleCurrYearRef : undefined,\n        };\n        const styleProps = {\n          isCurrentListItem,\n          isDisabled,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              {...styleProps}\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              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) => 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          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,MAAmB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,+BAA+B;AAC9C,QAAM,oBAAoB,YACxB,CAAC,kBAAqC;AACpC,eAAW,MAAM;AACf,qBAAe,UAAU;AACzB,UAAI,4BAA4B,eAAe,uBAAuB;AACpE,uBAAe,QAAQ;AAAA,IAC3B,CAAC;AAAA,EACH,GACA,CAAC,oBAAoB,yBAAyB,cAAc,CAC9D;AACA,SACE,qCAAC,uBACC,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,oBAAe,CAClB,CACF,GACC,aAAa,IAAI,CAAC,eAAe;AAChC,UAAM,MAAM,kBAAkB,cAAc;AAC5C,QAAI,CAAC;AAAY,aAAO,qCAAC;AAAA,QAAoB;AAAA,OAAU;AACvD,UAAM,qBAAqB,GAAG,cAAc,iBAAiB;AAE7D,UAAM,kCAAkC,CAAC,SAAS,kCAAkC,UAAU,MAAM;AACpG,UAAM,oBAAoB,mCAAmC,UAAU;AACvE,UAAM,aAAa,kBAAkB,kBAAkB;AACvD,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,0BAA0B;AAAA,MACzD,UAAU,oBAAoB,oBAAoB;AAAA,IACpD;AACA,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,IACF;AACA,WACE,qCAAC;AAAA,MAAoB;AAAA,MAAsC;AAAA,OACzD,qCAAC,+DACK,aADL;AAAA,MAEC,WAAW,0BAA0B;AAAA,MACrC,eAAa,mCAAmC,UAAU,oBAAoB,iBAAiB;AAAA,MAC/F,UAAU,MAAM,WAAW,KAAK,kCAAkC,UAAU,MAAM;AAAA,MAClF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAA2C,8BAA8B,YAAY,CAAC;AAAA,MAChG;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,QACf,WAEH,UACH,CACF;AAAA,EAEJ,CAAC,GACD,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,sBAAiB,CACpB,CACF,CACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\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    currMinuteNum,\n    currMeridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handleCurrHourOnKeyDown,\n  } = useContext(TimeWheelContext);\n  const {\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n    hours,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  const handleCurrYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currHourBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currHourBtnRef],\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          innerRef={prevHourBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp color={['brand-primary', 700]} />\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}:${currMinuteNum} ${currMeridiem}`;\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 ? handleCurrYearRef : undefined,\n        };\n        const styleProps = {\n          isCurrentListItem,\n          isDisabled,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              {...styleProps}\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              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) => 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          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n        >\n          <ChevronSmallDown color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,MAAmB;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,+BAA+B;AAC9C,QAAM,oBAAoB,YACxB,CAAC,kBAAqC;AACpC,eAAW,MAAM;AACf,qBAAe,UAAU;AACzB,UAAI,4BAA4B,eAAe,uBAAuB;AACpE,uBAAe,QAAQ;AAAA,IAC3B,CAAC;AAAA,EACH,GACA,CAAC,oBAAoB,yBAAyB,cAAc,CAC9D;AACA,SACE,qCAAC,uBACC,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC;AAAA,IAAe,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACjD,CACF,GACC,aAAa,IAAI,CAAC,eAAe;AAChC,UAAM,MAAM,kBAAkB,cAAc;AAC5C,QAAI,CAAC;AAAY,aAAO,qCAAC;AAAA,QAAoB;AAAA,OAAU;AACvD,UAAM,qBAAqB,GAAG,cAAc,iBAAiB;AAE7D,UAAM,kCAAkC,CAAC,SAAS,kCAAkC,UAAU,MAAM;AACpG,UAAM,oBAAoB,mCAAmC,UAAU;AACvE,UAAM,aAAa,kBAAkB,kBAAkB;AACvD,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,0BAA0B;AAAA,MACzD,UAAU,oBAAoB,oBAAoB;AAAA,IACpD;AACA,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,IACF;AACA,WACE,qCAAC;AAAA,MAAoB;AAAA,MAAsC;AAAA,OACzD,qCAAC,+DACK,aADL;AAAA,MAEC,WAAW,0BAA0B;AAAA,MACrC,eAAa,mCAAmC,UAAU,oBAAoB,iBAAiB;AAAA,MAC/F,UAAU,MAAM,WAAW,KAAK,kCAAkC,UAAU,MAAM;AAAA,MAClF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAA2C,8BAA8B,YAAY,CAAC;AAAA,MAChG;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,QACf,WAEH,UACH,CACF;AAAA,EAEJ,CAAC,GACD,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACnD,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js

@@ -63,7 +63,9 @@ const MeridiemList = () => {
     onClick: (e) => handleTimeWheelBtnChangeMeridiem("AM", e),
     innerRef: prevMeridiemBtnRef,
     tabIndex: -1
-  }), /* @__PURE__ */ React2.createElement(ChevronSmallUp, null))), currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ React2.createElement(StyledWheelListItem, null) : null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
+  }), /* @__PURE__ */ React2.createElement(ChevronSmallUp, {
+    color: ["brand-primary", 700]
+  }))), currMeridiem === "AM" || currMeridiem === "" ? /* @__PURE__ */ React2.createElement(StyledWheelListItem, null) : null, /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
     isCurrentListItem: isAmCurrent
   }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, __spreadProps(__spreadValues({}, styledPropsCurrentAmMeridiem), {
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? "CURRENT_MERIDIEM" : "MERIDIEM"],
@@ -108,7 +110,9 @@ const MeridiemList = () => {
     onClick: (e) => handleTimeWheelBtnChangeMeridiem("PM", e),
     innerRef: nextMeridiemBtnRef,
     tabIndex: -1
-  }), /* @__PURE__ */ React2.createElement(ChevronSmallDown, null))));
+  }), /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
+    color: ["brand-primary", 700]
+  }))));
 };
 var MeridiemList_default = MeridiemList;
 export {

package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/MeridiemList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const { currMeridiem, handleTimeWheelBtnChangeMeridiem, handleCurrMeridiemOnKeyDown } = useContext(TimeWheelContext);\n  const {\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n    hours,\n    minutes,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  const isAmCurrent = !currMeridiem || currMeridiem === 'AM';\n  const isPmCurrent = currMeridiem === '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  const styledPropsPrevMeridiem = { isDisabled: isDisabledAm };\n  const styledPropsCurrentAmMeridiem = { isCurrentListItem: isAmCurrent, isDisabled: isDisabledAm };\n  const styledPropsCurrentPmMeridiem = { isCurrentListItem: isPmCurrent, isDisabled: isDisabledPm };\n  const styledPropsNextMeridiem = { isDisabled: isDisabledPm };\n  const handleCurrMeridiemRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currMeridiemBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-meridiem')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef],\n  );\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          {...styledPropsPrevMeridiem}\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {currMeridiem === 'AM' || currMeridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          {...styledPropsCurrentAmMeridiem}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={currMeridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? handleCurrMeridiemRef : 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          {...styledPropsCurrentPmMeridiem}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={currMeridiem === 'PM'}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? handleCurrMeridiemRef : 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      {currMeridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          {...styledPropsNextMeridiem}\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MeridiemList = (): JSX.Element => {\n  const { currMeridiem, handleTimeWheelBtnChangeMeridiem, handleCurrMeridiemOnKeyDown } = useContext(TimeWheelContext);\n  const {\n    prevMeridiemBtnRef,\n    currMeridiemBtnRef,\n    nextMeridiemBtnRef,\n    getIsDisabledTime,\n    hours,\n    minutes,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  const isAmCurrent = !currMeridiem || currMeridiem === 'AM';\n  const isPmCurrent = currMeridiem === '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  const styledPropsPrevMeridiem = { isDisabled: isDisabledAm };\n  const styledPropsCurrentAmMeridiem = { isCurrentListItem: isAmCurrent, isDisabled: isDisabledAm };\n  const styledPropsCurrentPmMeridiem = { isCurrentListItem: isPmCurrent, isDisabled: isDisabledPm };\n  const styledPropsNextMeridiem = { isDisabled: isDisabledPm };\n  const handleCurrMeridiemRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currMeridiemBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-meridiem')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currMeridiemBtnRef],\n  );\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          {...styledPropsPrevMeridiem}\n          aria-label=\"set am meridiem\"\n          aria-disabled={isDisabledAm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          innerRef={prevMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {currMeridiem === 'AM' || currMeridiem === '' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem isCurrentListItem={isAmCurrent}>\n        <StyledTimeBtn\n          {...styledPropsCurrentAmMeridiem}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={currMeridiem === 'AM'}\n          aria-label={`AM ${isAmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledAm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('AM', e)}\n          onKeyDown={isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isAmCurrent ? handleCurrMeridiemRef : 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          {...styledPropsCurrentPmMeridiem}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM']}\n          selected={currMeridiem === 'PM'}\n          aria-label={`PM ${isPmCurrent ? 'selected' : ''}`}\n          aria-disabled={isDisabledPm}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          onKeyDown={isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined}\n          innerRef={isPmCurrent ? handleCurrMeridiemRef : 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      {currMeridiem === 'PM' ? <StyledWheelListItem /> : null}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          {...styledPropsNextMeridiem}\n          aria-label=\"set pm meridiem\"\n          aria-disabled={isDisabledPm}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM}\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMeridiem('PM', e)}\n          innerRef={nextMeridiemBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MeridiemList;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js

@@ -60,7 +60,9 @@ const MinutesList = () => {
     innerRef: prevMinutesBtnRef,
     tabIndex: -1,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, null))), visibleMinutes.map((minutesString) => {
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallUp, {
+    color: ["brand-primary", 700]
+  }))), visibleMinutes.map((minutesString) => {
     const key = `timewheel-minutes-${minutesString || ""}`;
     if (!minutesString)
       return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
@@ -103,7 +105,9 @@ const MinutesList = () => {
     innerRef: nextMinutesBtnRef,
     "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
     tabIndex: -1
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, null))));
+  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
+    color: ["brand-primary", 700]
+  }))));
 };
 var MinutesList_default = MinutesList;
 export {

package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/MinutesList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MinutesList = (): JSX.Element => {\n  const {\n    currHourNum,\n    currMinuteNum,\n    currMeridiem,\n    visibleMinutes,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMinutes,\n    handleCurrMinutesOnKeyDown,\n  } = useContext(TimeWheelContext);\n  const {\n    prevMinutesBtnRef,\n    currMinutesBtnRef,\n    nextMinutesBtnRef,\n    getIsDisabledTime,\n    minutes,\n    currFocusDescriber,\n    latestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const handleCurrMeridiemRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currMinutesBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-minute')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currMinutesBtnRef],\n  );\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevMinute}\n          innerRef={prevMinutesBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleMinutes.map((minutesString) => {\n        const key = `timewheel-minutes-${minutesString || ''}`;\n        if (!minutesString) return <StyledWheelListItem key={key} />;\n        const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;\n        const isEmptyCurrValueCurrentListItem =\n          !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;\n        const isDisabled = getIsDisabledTime(currMinutesTimeString);\n\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? handleCurrMeridiemRef : undefined,\n        };\n        const styledProps = { isCurrentListItem, isDisabled };\n        return (\n          <StyledWheelListItem\n            key={key}\n            isCurrentListItem={isCurrentListItem}\n            selected={convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n          >\n            <StyledTimeBtn\n              {...styledProps}\n              data-testid={\n                ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE']\n              }\n              selected={minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n              aria-label={`${minutesString} minutes`}\n              aria-disabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMinutes(minutesString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax={59}\n              aria-valuemin={0}\n              aria-valuenow={currMinuteNum}\n              aria-valuetext={`${minutesString} minutes`}\n              {...btnProps}\n            >\n              {minutesString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextMinute}\n          innerRef={nextMinutesBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MinutesList;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,+BAA+B;AAC9C,QAAM,wBAAwB,YAC5B,CAAC,kBAAqC;AACpC,eAAW,MAAM;AACf,wBAAkB,UAAU;AAC5B,UAAI,4BAA4B,eAAe,uBAAuB;AACpE,uBAAe,QAAQ;AAAA,IAC3B,CAAC;AAAA,EACH,GACA,CAAC,oBAAoB,yBAAyB,iBAAiB,CACjE;AACA,SACE,qCAAC,uBACC,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,oBAAe,CAClB,CACF,GACC,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB,iBAAiB;AAClD,QAAI,CAAC;AAAe,aAAO,qCAAC;AAAA,QAAoB;AAAA,OAAU;AAC1D,UAAM,wBAAwB,GAAG,eAAe,iBAAiB;AACjE,UAAM,kCACJ,CAAC,WAAW,kCAAkC,aAAa,MAAM;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,aAAa,kBAAkB,qBAAqB;AAE1D,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,wBAAwB;AAAA,IACxD;AACA,UAAM,cAAc,EAAE,mBAAmB,WAAW;AACpD,WACE,qCAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,kCAAkC,aAAa,MAAM;AAAA,OAE/D,qCAAC,+DACK,cADL;AAAA,MAEC,eACE,mCAAmC,UAAU,oBAAoB,mBAAmB;AAAA,MAEtF,UAAU,QAAQ,WAAW,KAAK,kCAAkC,aAAa,MAAM;AAAA,MACvF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAA2C,gCAAgC,eAAe,CAAC;AAAA,MACrG;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,QACf,WAEH,aACH,CACF;AAAA,EAEJ,CAAC,GACD,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,sBAAiB,CACpB,CACF,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MinutesList = (): JSX.Element => {\n  const {\n    currHourNum,\n    currMinuteNum,\n    currMeridiem,\n    visibleMinutes,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMinutes,\n    handleCurrMinutesOnKeyDown,\n  } = useContext(TimeWheelContext);\n  const {\n    prevMinutesBtnRef,\n    currMinutesBtnRef,\n    nextMinutesBtnRef,\n    getIsDisabledTime,\n    minutes,\n    currFocusDescriber,\n    latestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const handleCurrMeridiemRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      setTimeout(() => {\n        currMinutesBtnRef.current = ButtonDomNode;\n        if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-minute')\n          ButtonDomNode?.focus?.();\n      });\n    },\n    [currFocusDescriber, latestInteractionRegion, currMinutesBtnRef],\n  );\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevMinute}\n          innerRef={prevMinutesBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE}\n        >\n          <ChevronSmallUp color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleMinutes.map((minutesString) => {\n        const key = `timewheel-minutes-${minutesString || ''}`;\n        if (!minutesString) return <StyledWheelListItem key={key} />;\n        const currMinutesTimeString = `${currHourNum}:${minutesString} ${currMeridiem}`;\n        const isEmptyCurrValueCurrentListItem =\n          !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;\n        const isDisabled = getIsDisabledTime(currMinutesTimeString);\n\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? handleCurrMeridiemRef : undefined,\n        };\n        const styledProps = { isCurrentListItem, isDisabled };\n        return (\n          <StyledWheelListItem\n            key={key}\n            isCurrentListItem={isCurrentListItem}\n            selected={convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n          >\n            <StyledTimeBtn\n              {...styledProps}\n              data-testid={\n                ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE']\n              }\n              selected={minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n              aria-label={`${minutesString} minutes`}\n              aria-disabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) => handleTimeWheelBtnChangeMinutes(minutesString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax={59}\n              aria-valuemin={0}\n              aria-valuenow={currMinuteNum}\n              aria-valuetext={`${minutesString} minutes`}\n              {...btnProps}\n            >\n              {minutesString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextMinute}\n          innerRef={nextMinutesBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown color={['brand-primary', 700]} />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MinutesList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,gBAAgB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,+BAA+B;AAC9C,QAAM,wBAAwB,YAC5B,CAAC,kBAAqC;AACpC,eAAW,MAAM;AACf,wBAAkB,UAAU;AAC5B,UAAI,4BAA4B,eAAe,uBAAuB;AACpE,uBAAe,QAAQ;AAAA,IAC3B,CAAC;AAAA,EACH,GACA,CAAC,oBAAoB,yBAAyB,iBAAiB,CACjE;AACA,SACE,qCAAC,uBACC,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC;AAAA,IAAe,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACjD,CACF,GACC,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB,iBAAiB;AAClD,QAAI,CAAC;AAAe,aAAO,qCAAC;AAAA,QAAoB;AAAA,OAAU;AAC1D,UAAM,wBAAwB,GAAG,eAAe,iBAAiB;AACjE,UAAM,kCACJ,CAAC,WAAW,kCAAkC,aAAa,MAAM;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,aAAa,kBAAkB,qBAAqB;AAE1D,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,wBAAwB;AAAA,IACxD;AACA,UAAM,cAAc,EAAE,mBAAmB,WAAW;AACpD,WACE,qCAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,kCAAkC,aAAa,MAAM;AAAA,OAE/D,qCAAC,+DACK,cADL;AAAA,MAEC,eACE,mCAAmC,UAAU,oBAAoB,mBAAmB;AAAA,MAEtF,UAAU,QAAQ,WAAW,KAAK,kCAAkC,aAAa,MAAM;AAAA,MACvF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAA2C,gCAAgC,eAAe,CAAC;AAAA,MACrG;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,QACf,WAEH,aACH,CACF;AAAA,EAEJ,CAAC,GACD,qCAAC,2BACC,qCAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG,CACnD,CACF,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js

@@ -12,10 +12,8 @@ import { HoursList } from "./HoursList";
 import { MinutesList } from "./MinutesList";
 import { MeridiemList } from "./MeridiemList";
 import { TimeWheelFooter } from "./TimeWheelFooter";
-import { TimeWheelContext } from "./TimeWheelContext";
 const TimeWheelContent = React2.memo(({ showShadow }) => {
-  const { hours, minutes, meridiem } = useContext(TimeWheelContext);
-  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);
+  const { isControllerOnly, hours, minutes, meridiem } = useContext(ControlledDateTimePickerContext);
   return /* @__PURE__ */ React2.createElement(StyledTimePickerContainer, {
     showShadow,
     isControllerOnly,

package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/TimeWheel/TimeWheelContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport {\n  StyledTimePickerContainer,\n  StyledTimePickerHead,\n  StyledTimePickerWheelsLegend,\n  StyledTimePickerWheelWrapper,\n} from './Styleds';\nimport { HoursList } from './HoursList';\nimport { MinutesList } from './MinutesList';\nimport { MeridiemList } from './MeridiemList';\nimport { TimeWheelFooter } from './TimeWheelFooter';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const TimeWheelContent = React.memo(({ showShadow }: { showShadow?: boolean }) => {\n  const { hours, minutes, meridiem } = useContext(TimeWheelContext);\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n  return (\n    <StyledTimePickerContainer\n      showShadow={showShadow}\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL}\n    >\n      <StyledTimePickerHead>{`${hours || '__'}:${minutes || '__'} ${meridiem || '__'}`}</StyledTimePickerHead>\n      <StyledTimePickerWheelsLegend>\n        <div>H</div>\n        <div>M</div>\n        <div>A</div>\n      </StyledTimePickerWheelsLegend>\n      <StyledTimePickerWheelWrapper>\n        <HoursList />\n        <MinutesList />\n        <MeridiemList />\n      </StyledTimePickerWheelWrapper>\n      <TimeWheelFooter />\n    </StyledTimePickerContainer>\n  );\n});\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,OAAM,KAAK,CAAC,EAAE,iBAA2C;AACvF,QAAM,EAAE,OAAO,SAAS,aAAa,WAAW,gBAAgB;AAChE,QAAM,EAAE,qBAAqB,WAAW,+BAA+B;AACvE,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,KAErE,qCAAC,4BAAsB,GAAG,SAAS,QAAQ,WAAW,QAAQ,YAAY,MAAO,GACjF,qCAAC,oCACC,qCAAC,aAAI,GAAC,GACN,qCAAC,aAAI,GAAC,GACN,qCAAC,aAAI,GAAC,CACR,GACA,qCAAC,oCACC,qCAAC,eAAU,GACX,qCAAC,iBAAY,GACb,qCAAC,kBAAa,CAChB,GACA,qCAAC,qBAAgB,CACnB;AAEJ,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport {\n  StyledTimePickerContainer,\n  StyledTimePickerHead,\n  StyledTimePickerWheelsLegend,\n  StyledTimePickerWheelWrapper,\n} from './Styleds';\nimport { HoursList } from './HoursList';\nimport { MinutesList } from './MinutesList';\nimport { MeridiemList } from './MeridiemList';\nimport { TimeWheelFooter } from './TimeWheelFooter';\n\nexport const TimeWheelContent = React.memo(({ showShadow }: { showShadow?: boolean }) => {\n  const { isControllerOnly, hours, minutes, meridiem } = useContext(ControlledDateTimePickerContext);\n  return (\n    <StyledTimePickerContainer\n      showShadow={showShadow}\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL}\n    >\n      <StyledTimePickerHead>{`${hours || '__'}:${minutes || '__'} ${meridiem || '__'}`}</StyledTimePickerHead>\n      <StyledTimePickerWheelsLegend>\n        <div>H</div>\n        <div>M</div>\n        <div>A</div>\n      </StyledTimePickerWheelsLegend>\n      <StyledTimePickerWheelWrapper>\n        <HoursList />\n        <MinutesList />\n        <MeridiemList />\n      </StyledTimePickerWheelWrapper>\n      <TimeWheelFooter />\n    </StyledTimePickerContainer>\n  );\n});\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,OAAM,KAAK,CAAC,EAAE,iBAA2C;AACvF,QAAM,EAAE,kBAAkB,OAAO,SAAS,aAAa,WAAW,+BAA+B;AACjG,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,KAErE,qCAAC,4BAAsB,GAAG,SAAS,QAAQ,WAAW,QAAQ,YAAY,MAAO,GACjF,qCAAC,oCACC,qCAAC,aAAI,GAAC,GACN,qCAAC,aAAI,GAAC,GACN,qCAAC,aAAI,GAAC,CACR,GACA,qCAAC,oCACC,qCAAC,eAAU,GACX,qCAAC,iBAAY,GACb,qCAAC,kBAAa,CAChB,GACA,qCAAC,qBAAgB,CACnB;AAEJ,CAAC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-time-picker",
-  "version": "3.0.0-next.44",
+  "version": "3.0.0-next.47",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Time Picker",
   "files": [
@@ -35,18 +35,18 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-next.44",
-    "@elliemae/ds-grid": "3.0.0-next.44",
+    "@elliemae/ds-button": "3.0.0-next.47",
+    "@elliemae/ds-grid": "3.0.0-next.47",
     "@elliemae/ds-icon": "3.0.0-next.29",
-    "@elliemae/ds-icons": "3.0.0-next.44",
+    "@elliemae/ds-icons": "3.0.0-next.47",
     "@elliemae/ds-system": "3.0.0-next.29",
-    "@elliemae/ds-utilities": "3.0.0-next.44",
+    "@elliemae/ds-utilities": "3.0.0-next.47",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",
     "uid": "~2.0.0"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.3.0",
+    "@elliemae/pui-theme": "~2.4.1",
     "@testing-library/dom": "~8.11.3",
     "@testing-library/jest-dom": "~5.16.2",
     "@testing-library/react": "~12.1.2",
@@ -55,7 +55,7 @@
     "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "^2.3.0",
+    "@elliemae/pui-theme": "~2.4.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "styled-components": "^5.3.3",