@elliemae/ds-controlled-form 3.0.0-next.1 → 3.0.0-next.10

package/dist/cjs/date-time-picker/parts/DateInputs/useDateInputs.js

@@ -0,0 +1,366 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 });
+  }
+  return target;
+};
+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 useDateInputs_exports = {};
+__export(useDateInputs_exports, {
+  useDateInputs: () => useDateInputs
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
+var import_stringHelpers = require("../../utils/stringHelpers");
+var import_dateHelpers = require("../../utils/dateHelpers");
+var import_constants = require("../../utils/constants");
+const useDateInputs = () => {
+  const {
+    props: {
+      onMonthChange: appOnMonthChange,
+      onDayChange: appOnDayChange,
+      onYearChange: appOnYearChange,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      disabled
+    },
+    month,
+    day,
+    year,
+    hideTime,
+    monthInputRef,
+    dayInputRef,
+    yearInputRef,
+    hourInputRef,
+    meridiemInputRef,
+    clearButtonRef,
+    pickerButtonRef,
+    handleChangeComposedDateString,
+    setLatestInteractionRegion,
+    withClearBtn,
+    withAnyPicker,
+    withAnyRightController,
+    autoFocusMonthInput,
+    lastSegmentRef
+  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const onHomeKeyDown = (0, import_react.useCallback)(() => {
+    monthInputRef?.current?.focus?.();
+  }, [monthInputRef]);
+  const onEndKeyDown = (0, import_react.useCallback)(() => {
+    if (withAnyPicker)
+      pickerButtonRef?.current?.focus?.();
+    else if (withClearBtn)
+      clearButtonRef?.current?.focus?.();
+    else if (!hideTime)
+      meridiemInputRef?.current?.focus?.();
+    else
+      yearInputRef?.current?.focus?.();
+  }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, hideTime, meridiemInputRef, yearInputRef]);
+  const setLatestInteractionRegionDateInputs = (0, import_react.useCallback)(() => {
+    setLatestInteractionRegion("date-inputs");
+  }, [setLatestInteractionRegion]);
+  const handleChangeMonth = (0, import_react.useCallback)((newMonth, e, metaInfo = import_constants.defaultMetaInfo) => {
+    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+      month: newMonth,
+      day,
+      year
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), (0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
+      newDateString
+    });
+    appOnMonthChange(newMonth, e, finalMetaInfo);
+    handleChangeComposedDateString(newDateString, finalMetaInfo);
+  }, [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]);
+  const onMonthFocus = (0, import_react.useCallback)(() => {
+    setLatestInteractionRegionDateInputs();
+  }, [setLatestInteractionRegionDateInputs]);
+  const onMonthChange = (0, import_react.useCallback)((e) => {
+    let newMonth = e?.target?.value;
+    if (Number.parseInt(newMonth, 10) > 1)
+      newMonth = (0, import_stringHelpers.prependStringWithPlaceHolders)(newMonth, 2);
+    handleChangeMonth(newMonth, e);
+    if (newMonth.length === 2)
+      dayInputRef?.current?.focus?.();
+  }, [dayInputRef, handleChangeMonth]);
+  const onMonthKeyDown = (0, import_react.useCallback)((e) => {
+    const { key, ctrlKey, metaKey } = e;
+    const monthStringConvertedToInteger = Number.parseInt(month, 10);
+    if (import_constants.homeEndArrowUpDownDashSlashesKeys.includes(key))
+      e.preventDefault();
+    if (import_constants.homeEndArrowUpDownDashSlashesKeys.includes(key))
+      e.stopPropagation();
+    if (key === "Home")
+      onHomeKeyDown();
+    if (key === "End")
+      onEndKeyDown();
+    if (key === "ArrowUp" || key === "ArrowDown") {
+      const monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;
+      let newMonth;
+      if (key === "ArrowUp")
+        newMonth = monthInteger + 1 <= 12 ? monthInteger + 1 : monthInteger;
+      else
+        newMonth = monthInteger - 1 > 0 ? monthInteger - 1 : 1;
+      newMonth = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newMonth}`, 2);
+      handleChangeMonth(newMonth, e);
+    }
+    if (!Number.isNaN(monthStringConvertedToInteger) && (key === "-" || key === "/" || key === "\\")) {
+      const newMonth = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${monthStringConvertedToInteger}`, 2);
+      handleChangeMonth(newMonth, e);
+      if (newMonth.length === 2)
+        dayInputRef?.current?.focus?.();
+    }
+    if ((ctrlKey || metaKey) && key === ";")
+      lastSegmentRef?.current?.focus?.();
+  }, [month, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeMonth, dayInputRef]);
+  const onMonthBlur = (0, import_react.useCallback)((e) => {
+    const newMonth = e?.target?.value;
+    if (newMonth === "0")
+      handleChangeMonth("01", e, { isAutomaticFillTrigger: true });
+    else if (newMonth.length > 0 && newMonth.length < 2)
+      handleChangeMonth((0, import_stringHelpers.prependStringWithPlaceHolders)(newMonth, 2), e, {
+        isAutomaticFillTrigger: true
+      });
+  }, [handleChangeMonth]);
+  const handleChangeDay = (0, import_react.useCallback)((newDay, e, metaInfo = import_constants.defaultMetaInfo) => {
+    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+      month,
+      day: newDay,
+      year
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), (0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
+      newDateString
+    });
+    appOnDayChange(newDay, e, finalMetaInfo);
+    handleChangeComposedDateString(newDateString, finalMetaInfo);
+  }, [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]);
+  const onDayFocus = (0, import_react.useCallback)(() => {
+    setLatestInteractionRegionDateInputs();
+  }, [setLatestInteractionRegionDateInputs]);
+  const onDayChange = (0, import_react.useCallback)((e) => {
+    let newDay = e?.target?.value;
+    if (Number.parseInt(newDay, 10) > 3)
+      newDay = (0, import_stringHelpers.prependStringWithPlaceHolders)(newDay, 2);
+    handleChangeDay(newDay, e);
+    if (newDay.length === 2)
+      yearInputRef?.current?.focus?.();
+  }, [handleChangeDay, yearInputRef]);
+  const onDayKeyDown = (0, import_react.useCallback)((e) => {
+    const { key, ctrlKey, metaKey } = e;
+    const dayStringConvertedToInteger = Number.parseInt(day, 10);
+    if (import_constants.homeEndArrowUpDownDashSlashesKeys.includes(key))
+      e.preventDefault();
+    if (import_constants.homeEndArrowUpDownDashSlashesKeys.includes(key))
+      e.stopPropagation();
+    if (key === "Home")
+      onHomeKeyDown();
+    if (key === "End")
+      onEndKeyDown();
+    if (key === "ArrowUp" || key === "ArrowDown") {
+      const dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;
+      let newDay;
+      if (key === "ArrowUp")
+        newDay = dayInteger + 1 <= 31 ? dayInteger + 1 : dayInteger;
+      else
+        newDay = dayInteger - 1 > 0 ? dayInteger - 1 : 1;
+      newDay = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newDay}`, 2);
+      handleChangeDay(newDay, e);
+    }
+    if (!Number.isNaN(dayStringConvertedToInteger) && (key === "-" || key === "/" || key === "\\")) {
+      const newDay = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${dayStringConvertedToInteger}`, 2);
+      handleChangeDay(newDay, e);
+      if (newDay.length === 2)
+        yearInputRef?.current?.focus?.();
+    }
+    if (key === "Backspace" && day?.length === 0) {
+      monthInputRef?.current?.focus?.();
+    }
+    if ((ctrlKey || metaKey) && key === ";")
+      lastSegmentRef?.current?.focus?.();
+  }, [day, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeDay, yearInputRef, monthInputRef]);
+  const onDayBlur = (0, import_react.useCallback)((e) => {
+    const newDay = e?.target?.value;
+    if (newDay === "0")
+      handleChangeDay("01", e, { isAutomaticFillTrigger: true });
+    else if (newDay.length > 0 && newDay.length < 2)
+      handleChangeDay((0, import_stringHelpers.prependStringWithPlaceHolders)(newDay, 2), e, {
+        isAutomaticFillTrigger: true
+      });
+  }, [handleChangeDay]);
+  const handleChangeYear = (0, import_react.useCallback)((newYear, e, metaInfo = import_constants.defaultMetaInfo) => {
+    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+      month,
+      day,
+      year: newYear
+    });
+    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), (0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
+      newDateString
+    });
+    appOnYearChange(newYear, e, finalMetaInfo);
+    handleChangeComposedDateString(newDateString, finalMetaInfo);
+  }, [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]);
+  const onYearFocus = (0, import_react.useCallback)(() => {
+    setLatestInteractionRegionDateInputs();
+  }, [setLatestInteractionRegionDateInputs]);
+  const onYearChange = (0, import_react.useCallback)((e) => {
+    const newYear = e?.target?.value;
+    handleChangeYear(newYear, e);
+    if (newYear.length === 4) {
+      if (!hideTime)
+        hourInputRef?.current?.focus?.();
+      else if (withAnyRightController) {
+        if (withClearBtn)
+          clearButtonRef.current?.focus?.();
+        else if (withAnyPicker)
+          pickerButtonRef?.current?.focus?.();
+      }
+    }
+  }, [
+    handleChangeYear,
+    hideTime,
+    hourInputRef,
+    withAnyRightController,
+    withAnyPicker,
+    pickerButtonRef,
+    withClearBtn,
+    clearButtonRef
+  ]);
+  const onYearKeyDown = (0, import_react.useCallback)((e) => {
+    const { key, ctrlKey, metaKey } = e;
+    const yearStringConvertedToInteger = Number.parseInt(year, 10);
+    if (import_constants.homeEndArrowUpDownSpaceKeys.includes(key))
+      e.preventDefault();
+    if (import_constants.homeEndArrowUpDownSpaceKeys.includes(key))
+      e.stopPropagation();
+    if (key === "Home")
+      onHomeKeyDown();
+    if (key === "End")
+      onEndKeyDown();
+    if (key === "ArrowUp" || key === "ArrowDown") {
+      const yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;
+      let newYear;
+      if (key === "ArrowUp")
+        newYear = yearInteger + 1 <= 9999 ? yearInteger + 1 : yearInteger;
+      else
+        newYear = yearInteger - 1 > 0 ? yearInteger - 1 : 1;
+      newYear = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newYear}`, 4);
+      handleChangeYear(newYear, e);
+    }
+    if (!Number.isNaN(yearStringConvertedToInteger) && key === " ") {
+      const newYear = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${yearStringConvertedToInteger}`, 4);
+      handleChangeYear(newYear, e);
+      if (newYear.length === 4) {
+        if (!hideTime)
+          hourInputRef?.current?.focus?.();
+        else if (withAnyRightController) {
+          if (withClearBtn)
+            clearButtonRef.current?.focus?.();
+          else if (withAnyPicker)
+            pickerButtonRef?.current?.focus?.();
+        }
+      }
+    }
+    if (key === "Backspace" && year?.length === 0) {
+      dayInputRef?.current?.focus?.();
+    }
+    if ((ctrlKey || metaKey) && key === ";")
+      lastSegmentRef?.current?.focus?.();
+  }, [
+    year,
+    onHomeKeyDown,
+    onEndKeyDown,
+    lastSegmentRef,
+    handleChangeYear,
+    hideTime,
+    hourInputRef,
+    withAnyRightController,
+    withClearBtn,
+    clearButtonRef,
+    withAnyPicker,
+    pickerButtonRef,
+    dayInputRef
+  ]);
+  const onYearBlur = (0, import_react.useCallback)((e) => {
+    const newYear = e?.target?.value;
+    if (newYear.length > 0 && newYear.length < 4)
+      handleChangeYear((0, import_stringHelpers.fillStringWithPlaceHolders)(newYear, 4, "0"), e, {
+        isAutomaticFillTrigger: true
+      });
+  }, [handleChangeYear]);
+  return (0, import_react.useMemo)(() => ({
+    month,
+    day,
+    year,
+    autoFocusMonthInput,
+    disabled,
+    onMonthFocus,
+    onMonthChange,
+    onDayFocus,
+    onDayChange,
+    onYearFocus,
+    onYearChange,
+    onMonthBlur,
+    onDayBlur,
+    onYearBlur,
+    onMonthKeyDown,
+    onDayKeyDown,
+    onYearKeyDown
+  }), [
+    month,
+    day,
+    year,
+    autoFocusMonthInput,
+    disabled,
+    onMonthFocus,
+    onMonthChange,
+    onDayFocus,
+    onDayChange,
+    onYearFocus,
+    onYearChange,
+    onMonthBlur,
+    onDayBlur,
+    onYearBlur,
+    onMonthKeyDown,
+    onDayKeyDown,
+    onYearKeyDown
+  ]);
+};
+module.exports = __toCommonJS(useDateInputs_exports);
+//# sourceMappingURL=useDateInputs.js.map

package/dist/cjs/date-time-picker/parts/DateInputs/useDateInputs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/date-time-picker/parts/DateInputs/useDateInputs.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useCallback, useMemo, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport type {\n  onChangeFuncT,\n  onBlurFuncT,\n  onKeyDownT,\n  onFocusFuncT,\n  useDateInputsRT,\n  internalInputsChangeMetaInfo,\n} from '../../index.d';\nimport {\n  getFormattedDateString,\n  prependStringWithPlaceHolders,\n  fillStringWithPlaceHolders,\n} from '../../utils/stringHelpers';\nimport { getValidationDateStringMetaInfo } from '../../utils/dateHelpers';\nimport { defaultMetaInfo, homeEndArrowUpDownDashSlashesKeys, homeEndArrowUpDownSpaceKeys } from '../../utils/constants';\n\nexport const useDateInputs = (): useDateInputsRT => {\n  const {\n    props: {\n      onMonthChange: appOnMonthChange,\n      onDayChange: appOnDayChange,\n      onYearChange: appOnYearChange,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      disabled,\n    },\n    month,\n    day,\n    year,\n    hideTime,\n    monthInputRef,\n    dayInputRef,\n    yearInputRef,\n    hourInputRef,\n    meridiemInputRef,\n    clearButtonRef,\n    pickerButtonRef,\n    handleChangeComposedDateString,\n    setLatestInteractionRegion,\n    withClearBtn,\n    withAnyPicker,\n    withAnyRightController,\n    autoFocusMonthInput,\n    lastSegmentRef,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const onHomeKeyDown = useCallback(() => {\n    monthInputRef?.current?.focus?.();\n  }, [monthInputRef]);\n  const onEndKeyDown = useCallback(() => {\n    if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n    else if (withClearBtn) clearButtonRef?.current?.focus?.();\n    else if (!hideTime) meridiemInputRef?.current?.focus?.();\n    else yearInputRef?.current?.focus?.();\n  }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, hideTime, meridiemInputRef, yearInputRef]);\n\n  const setLatestInteractionRegionDateInputs = useCallback(() => {\n    setLatestInteractionRegion('date-inputs');\n  }, [setLatestInteractionRegion]);\n\n  const handleChangeMonth = useCallback(\n    (newMonth: string, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month: newMonth,\n        day,\n        year,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnMonthChange(newMonth, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString],\n  );\n  const onMonthFocus: onFocusFuncT = useCallback(() => {\n    setLatestInteractionRegionDateInputs();\n  }, [setLatestInteractionRegionDateInputs]);\n  const onMonthChange: onChangeFuncT = useCallback(\n    (e) => {\n      let newMonth = e?.target?.value;\n      // converts months 2~9 to 02~09\n      if (Number.parseInt(newMonth, 10) > 1) newMonth = prependStringWithPlaceHolders(newMonth, 2);\n      handleChangeMonth(newMonth, e);\n      // auto-advance functionality:\n      if (newMonth.length === 2) dayInputRef?.current?.focus?.();\n    },\n    [dayInputRef, handleChangeMonth],\n  );\n  const onMonthKeyDown: onKeyDownT = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const monthStringConvertedToInteger = Number.parseInt(month, 10);\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.preventDefault();\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;\n        let newMonth;\n        if (key === 'ArrowUp') newMonth = monthInteger + 1 <= 12 ? monthInteger + 1 : monthInteger;\n        else newMonth = monthInteger - 1 > 0 ? monthInteger - 1 : 1;\n        newMonth = prependStringWithPlaceHolders(`${newMonth}`, 2);\n        handleChangeMonth(newMonth, e);\n      }\n      if (!Number.isNaN(monthStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newMonth = prependStringWithPlaceHolders(`${monthStringConvertedToInteger}`, 2);\n        handleChangeMonth(newMonth, e);\n        // auto-advance functionality:\n        if (newMonth.length === 2) dayInputRef?.current?.focus?.();\n      }\n\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') lastSegmentRef?.current?.focus?.();\n    },\n    [month, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeMonth, dayInputRef],\n  );\n  const onMonthBlur: onBlurFuncT = useCallback(\n    (e) => {\n      const newMonth = e?.target?.value;\n      if (newMonth === '0') handleChangeMonth('01', e, { isAutomaticFillTrigger: true });\n      else if (newMonth.length > 0 && newMonth.length < 2)\n        handleChangeMonth(prependStringWithPlaceHolders(newMonth, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeMonth],\n  );\n\n  const handleChangeDay = useCallback(\n    (newDay, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day: newDay,\n        year,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnDayChange(newDay, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString],\n  );\n  const onDayFocus: onFocusFuncT = useCallback(() => {\n    setLatestInteractionRegionDateInputs();\n  }, [setLatestInteractionRegionDateInputs]);\n  const onDayChange: onChangeFuncT = useCallback(\n    (e) => {\n      let newDay = e?.target?.value;\n      // converts days 4~9 to 04~09\n      if (Number.parseInt(newDay, 10) > 3) newDay = prependStringWithPlaceHolders(newDay, 2);\n      handleChangeDay(newDay, e);\n      // auto-advance functionality:\n      if (newDay.length === 2) yearInputRef?.current?.focus?.();\n    },\n    [handleChangeDay, yearInputRef],\n  );\n  const onDayKeyDown: onKeyDownT = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const dayStringConvertedToInteger = Number.parseInt(day, 10);\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.preventDefault();\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;\n        let newDay;\n        if (key === 'ArrowUp') newDay = dayInteger + 1 <= 31 ? dayInteger + 1 : dayInteger;\n        else newDay = dayInteger - 1 > 0 ? dayInteger - 1 : 1;\n        newDay = prependStringWithPlaceHolders(`${newDay}`, 2);\n        handleChangeDay(newDay, e);\n      }\n      if (!Number.isNaN(dayStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newDay = prependStringWithPlaceHolders(`${dayStringConvertedToInteger}`, 2);\n        handleChangeDay(newDay, e);\n        // auto-advance functionality:\n        if (newDay.length === 2) yearInputRef?.current?.focus?.();\n      }\n      // regressive backspace functionality\n      if (key === 'Backspace' && day?.length === 0) {\n        monthInputRef?.current?.focus?.();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') lastSegmentRef?.current?.focus?.();\n    },\n    [day, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeDay, yearInputRef, monthInputRef],\n  );\n  const onDayBlur: onBlurFuncT = useCallback(\n    (e) => {\n      const newDay = e?.target?.value;\n      if (newDay === '0') handleChangeDay('01', e, { isAutomaticFillTrigger: true });\n      else if (newDay.length > 0 && newDay.length < 2)\n        handleChangeDay(prependStringWithPlaceHolders(newDay, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeDay],\n  );\n\n  const handleChangeYear = useCallback(\n    (newYear, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day,\n        year: newYear,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnYearChange(newYear, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString],\n  );\n  const onYearFocus: onFocusFuncT = useCallback(() => {\n    setLatestInteractionRegionDateInputs();\n  }, [setLatestInteractionRegionDateInputs]);\n  const onYearChange: onChangeFuncT = useCallback(\n    (e) => {\n      const newYear = e?.target?.value;\n      handleChangeYear(newYear, e);\n      // auto-advance functionality:\n      if (newYear.length === 4) {\n        if (!hideTime) hourInputRef?.current?.focus?.();\n        else if (withAnyRightController) {\n          if (withClearBtn) clearButtonRef.current?.focus?.();\n          else if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n          // pending approval from Seda, check which one should be focused first...\n        }\n      }\n    },\n    [\n      handleChangeYear,\n      hideTime,\n      hourInputRef,\n      withAnyRightController,\n      withAnyPicker,\n      pickerButtonRef,\n      withClearBtn,\n      clearButtonRef,\n    ],\n  );\n  const onYearKeyDown: onKeyDownT = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const yearStringConvertedToInteger = Number.parseInt(year, 10);\n      if (homeEndArrowUpDownSpaceKeys.includes(key)) e.preventDefault();\n      if (homeEndArrowUpDownSpaceKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;\n        let newYear;\n        if (key === 'ArrowUp') newYear = yearInteger + 1 <= 9999 ? yearInteger + 1 : yearInteger;\n        else newYear = yearInteger - 1 > 0 ? yearInteger - 1 : 1;\n        newYear = prependStringWithPlaceHolders(`${newYear}`, 4);\n        handleChangeYear(newYear, e);\n      }\n      if (!Number.isNaN(yearStringConvertedToInteger) && key === ' ') {\n        const newYear = prependStringWithPlaceHolders(`${yearStringConvertedToInteger}`, 4);\n        handleChangeYear(newYear, e);\n        // auto-advance functionality:\n        if (newYear.length === 4) {\n          if (!hideTime) hourInputRef?.current?.focus?.();\n          else if (withAnyRightController) {\n            if (withClearBtn) clearButtonRef.current?.focus?.();\n            else if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n            // pending approval from Seda, check which one should be focused first...\n          }\n        }\n      }\n      // regressive backspace functionality\n      if (key === 'Backspace' && year?.length === 0) {\n        dayInputRef?.current?.focus?.();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') lastSegmentRef?.current?.focus?.();\n    },\n    [\n      year,\n      onHomeKeyDown,\n      onEndKeyDown,\n      lastSegmentRef,\n      handleChangeYear,\n      hideTime,\n      hourInputRef,\n      withAnyRightController,\n      withClearBtn,\n      clearButtonRef,\n      withAnyPicker,\n      pickerButtonRef,\n      dayInputRef,\n    ],\n  );\n  const onYearBlur: onBlurFuncT = useCallback(\n    (e) => {\n      const newYear = e?.target?.value;\n      if (newYear.length > 0 && newYear.length < 4)\n        handleChangeYear(fillStringWithPlaceHolders(newYear, 4, '0'), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeYear],\n  );\n\n  return useMemo(\n    () => ({\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    }),\n    [\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 });
+  }
+  return target;
+};
+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 Calendar_exports = {};
+__export(Calendar_exports, {
+  Calendar: () => Calendar,
+  WrapWithCalendarContext: () => WrapWithCalendarContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_CalendarIconTrigger = require("./CalendarIconTrigger");
+var import_CalendarWrapper = require("./CalendarWrapper");
+var import_CalendarContext = require("./CalendarContext");
+var import_useConfigCalendarCTX = require("./useConfigCalendarCTX");
+const WrappedCalendarContext = ({ children }) => {
+  const ctx = (0, import_useConfigCalendarCTX.useConfigCalendarCTX)();
+  return /* @__PURE__ */ import_react.default.createElement(import_CalendarContext.CalendarContext.Provider, {
+    value: ctx
+  }, children);
+};
+const WrapWithCalendarContext = (Component) => () => /* @__PURE__ */ import_react.default.createElement(WrappedCalendarContext, null, /* @__PURE__ */ import_react.default.createElement(Component, null));
+const Calendar = WrapWithCalendarContext(() => {
+  const { showCalendar, isControllerOnly, handleMenuWrapperKeyDown } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isControllerOnly ? null : /* @__PURE__ */ import_react.default.createElement(import_CalendarIconTrigger.CalendarIconTrigger, null), isControllerOnly || showCalendar ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    onKeyDown: handleMenuWrapperKeyDown
+  }, /* @__PURE__ */ import_react.default.createElement(import_CalendarWrapper.CalendarWrapper, null))) : null);
+});
+module.exports = __toCommonJS(Calendar_exports);
+//# sourceMappingURL=Calendar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/Calendar/Calendar.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { CalendarIconTrigger } from './CalendarIconTrigger';\nimport { CalendarWrapper } from './CalendarWrapper';\n\nimport { CalendarContext } from './CalendarContext';\nimport { useConfigCalendarCTX } from './useConfigCalendarCTX';\n\nconst WrappedCalendarContext = ({ children }: { children: JSX.Element }) => {\n  const ctx = useConfigCalendarCTX();\n  return <CalendarContext.Provider value={ctx}>{children}</CalendarContext.Provider>;\n};\n\nexport const WrapWithCalendarContext = (Component: React.ComponentType) => (): JSX.Element =>\n  (\n    <WrappedCalendarContext>\n      <Component />\n    </WrappedCalendarContext>\n  );\n// we use the HoC to be able to use the useContext\n// the HoC is Reused in CalendarWithTimeWheel\nexport const Calendar = WrapWithCalendarContext((): JSX.Element => {\n  const { showCalendar, isControllerOnly, handleMenuWrapperKeyDown } = useContext(CalendarContext);\n  return (\n    <>\n      {isControllerOnly ? null : <CalendarIconTrigger />}\n      {isControllerOnly || showCalendar ? (\n        <>\n          {/* The <div> element is catching the \"ESC\" key to close the calendar, there is no valid aria role for this */}\n          {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleMenuWrapperKeyDown}>\n            <CalendarWrapper />\n          </div>\n        </>\n      ) : null}\n    </>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,iCAAoC;AACpC,6BAAgC;AAEhC,6BAAgC;AAChC,kCAAqC;AAErC,MAAM,yBAAyB,CAAC,EAAE,eAA0C;AAC1E,QAAM,MAAM;AACZ,SAAO,mDAAC,uCAAgB,UAAjB;AAAA,IAA0B,OAAO;AAAA,KAAM;AAAA;AAGzC,MAAM,0BAA0B,CAAC,cAAmC,MAEvE,mDAAC,wBAAD,MACE,mDAAC,WAAD;AAKC,MAAM,WAAW,wBAAwB,MAAmB;AACjE,QAAM,EAAE,cAAc,kBAAkB,6BAA6B,6BAAW;AAChF,SACE,wFACG,mBAAmB,OAAO,mDAAC,gDAAD,OAC1B,oBAAoB,eACnB,wFAIE,mDAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,mDAAC,wCAAD,UAGF;AAAA;",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/Calendar/CalendarBody.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 });
+  }
+  return target;
+};
+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 CalendarBody_exports = {};
+__export(CalendarBody_exports, {
+  CalendarBody: () => CalendarBody
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_CalendarMonthDays = require("./CalendarMonthDays");
+var import_CalendarWeekDays = require("./CalendarWeekDays");
+var import_Styleds = require("./Styleds");
+const CalendarBody = import_react.default.memo(({ weekRowsNum }) => /* @__PURE__ */ import_react.default.createElement("span", {
+  role: "grid",
+  "aria-colcount": 7,
+  "aria-rowcount": weekRowsNum
+}, /* @__PURE__ */ import_react.default.createElement(import_CalendarWeekDays.CalendarWeekDays, null), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledBody, null, /* @__PURE__ */ import_react.default.createElement(import_CalendarMonthDays.CalendarMonthDays, null))));
+module.exports = __toCommonJS(CalendarBody_exports);
+//# sourceMappingURL=CalendarBody.js.map

package/dist/cjs/date-time-picker/parts/Pickers/Calendar/CalendarBody.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/Calendar/CalendarBody.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { CalendarMonthDays } from './CalendarMonthDays';\nimport { CalendarWeekDays } from './CalendarWeekDays';\nimport { StyledBody } from './Styleds';\ninterface CalendarBodyPropsT {\n  weekRowsNum: number;\n}\nexport const CalendarBody = React.memo(({ weekRowsNum }: CalendarBodyPropsT) => (\n  <span role=\"grid\" aria-colcount={7} aria-rowcount={weekRowsNum}>\n    <CalendarWeekDays />\n    <StyledBody>\n      <CalendarMonthDays />\n    </StyledBody>\n  </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAkC;AAClC,8BAAiC;AACjC,qBAA2B;AAIpB,MAAM,eAAe,qBAAM,KAAK,CAAC,EAAE,kBACxC,mDAAC,QAAD;AAAA,EAAM,MAAK;AAAA,EAAO,iBAAe;AAAA,EAAG,iBAAe;AAAA,GACjD,mDAAC,0CAAD,OACA,mDAAC,2BAAD,MACE,mDAAC,4CAAD;",
+  "names": []
+}

package/dist/cjs/date-time-picker/parts/Pickers/Calendar/CalendarContent.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 });
+  }
+  return target;
+};
+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 CalendarContent_exports = {};
+__export(CalendarContent_exports, {
+  CalendarContent: () => CalendarContent
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
+var import_CalendarBody = require("./CalendarBody");
+var import_CalendarHead = require("./CalendarHead");
+var import_CalendarFooter = require("./CalendarFooter");
+var import_CalendarContext = require("./CalendarContext");
+var import_Styleds = require("./Styleds");
+const CalendarContent = ({ className = "" }) => {
+  const { isControllerOnly, daysMatrixByWeekday } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledShadowWrapper, {
+    className,
+    isControllerOnly,
+    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
+  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledCalendarWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_CalendarHead.CalendarHead, null), /* @__PURE__ */ import_react.default.createElement(import_CalendarBody.CalendarBody, {
+    weekRowsNum: daysMatrixByWeekday.length
+  }), /* @__PURE__ */ import_react.default.createElement(import_CalendarFooter.CalendarFooter, null)));
+};
+module.exports = __toCommonJS(CalendarContent_exports);
+//# sourceMappingURL=CalendarContent.js.map

package/dist/cjs/date-time-picker/parts/Pickers/Calendar/CalendarContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/date-time-picker/parts/Pickers/Calendar/CalendarContent.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarBody } from './CalendarBody';\nimport { CalendarHead } from './CalendarHead';\nimport { CalendarFooter } from './CalendarFooter';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const { isControllerOnly, daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n    >\n      <StyledCalendarWrapper>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,gDAAmD;AACnD,0BAA6B;AAC7B,0BAA6B;AAC7B,4BAA+B;AAC/B,6BAAgC;AAChC,qBAA2D;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,SAA8C;AAC1F,QAAM,EAAE,kBAAkB,wBAAwB,6BAAW;AAE7D,SACE,mDAAC,oCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,KAErE,mDAAC,sCAAD,MACE,mDAAC,kCAAD,OACA,mDAAC,kCAAD;AAAA,IAAc,aAAa,oBAAoB;AAAA,MAC/C,mDAAC,sCAAD;AAAA;",
+  "names": []
+}