@elliemae/ds-form-date-time-picker 3.5.0-rc.9 → 3.6.0-next.0

package/dist/cjs/ControlledDateTimePicker.js

@@ -29,7 +29,7 @@ __export(ControlledDateTimePicker_exports, {
 });
 module.exports = __toCommonJS(ControlledDateTimePicker_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_theming = require("./exported-related/theming");
 var import_propTypes = require("./propTypes");
@@ -38,9 +38,10 @@ var import_ControlledDateTimePickerContent = require("./parts/ControlledDateTime
 var import_ControlledDateTimePickerCTX = require("./ControlledDateTimePickerCTX");
 const DSControlledDateTimePicker = (props) => {
   const ctx = (0, import_useControlledDateTimePicker.useControlledDateTimePicker)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(import_ControlledDateTimePickerContent.ControlledDateTimePickerContent, null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateTimePickerContent.ControlledDateTimePickerContent, {})
+  });
 };
 DSControlledDateTimePicker.displayName = import_theming.DSControlledDateTimePickerName;
 const DSControlledDateTimePickerWithSchema = (0, import_ds_utilities.describe)(DSControlledDateTimePicker);

package/dist/cjs/ControlledDateTimePicker.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ControlledDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSControlledDateTimePickerName } from './exported-related/theming';\nimport { propTypes } from './propTypes';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from './propTypes';\n\nconst DSControlledDateTimePicker = (props: DSControlledDateTimePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateTimePicker(props);\n  return (\n    <ControlledDateTimePickerContext.Provider value={ctx}>\n      <ControlledDateTimePickerContent />\n    </ControlledDateTimePickerContext.Provider>\n  );\n};\n\nDSControlledDateTimePicker.displayName = DSControlledDateTimePickerName;\nconst DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);\nDSControlledDateTimePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAyB;AACzB,qBAA+C;AAC/C,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,UAAM,gEAA4B,KAAK;AAC7C,SACE,6BAAAA,QAAA,cAAC,mEAAgC,UAAhC;AAAA,IAAyC,OAAO;AAAA,KAC/C,6BAAAA,QAAA,cAAC,4EAAgC,CACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,8BAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,0BAAyB;AACzB,qBAA+C;AAC/C,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,UAAM,gEAA4B,KAAK;AAC7C,SACE,4CAAC,mEAAgC,UAAhC;AAAA,IAAyC,OAAO;AAAA,IAC/C,sDAAC,0EAAgC;AAAA,GACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,8BAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "names": []
 }

package/dist/cjs/parts/ClearButton/ClearButton.js

@@ -28,7 +28,8 @@ __export(ClearButton_exports, {
 });
 module.exports = __toCommonJS(ClearButton_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_button = require("@elliemae/ds-button");
@@ -42,7 +43,7 @@ const ClearButton = () => {
     shouldDisplay: withClearBtn
   };
   const { latestInteractionRegion, currFocusDescriber } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledClearButton, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledClearButton, {
     "aria-label": "clear selected date",
     buttonType: "icon",
     size: import_ds_button.BUTTON_SIZES.M,
@@ -55,9 +56,10 @@ const ClearButton = () => {
     onClick: onClearClick,
     onKeyDown: onClearButtonKeyDown,
     type: "button",
-    ...styledsAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseMedium, {
-    color: import_ds_icon.DSIconColors.PRIMARY
-  }));
+    ...styledsAttrs,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseMedium, {
+      color: import_ds_icon.DSIconColors.PRIMARY
+    })
+  });
 };
 //# sourceMappingURL=ClearButton.js.map

package/dist/cjs/parts/ClearButton/ClearButton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/ClearButton/ClearButton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment */\nimport React, { useContext } from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n  const { onClearClick, onClearButtonKeyDown, clearButtonRef, withClearBtn } = useClearButton();\n  const styledsAttrs = {\n    shouldDisplay: withClearBtn,\n  };\n  const { latestInteractionRegion, currFocusDescriber } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <StyledClearButton\n      aria-label=\"clear selected date\"\n      buttonType=\"icon\"\n      size={BUTTON_SIZES.M}\n      data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n      innerRef={(DomElem: HTMLButtonElement) => {\n        clearButtonRef.current = DomElem;\n        if (latestInteractionRegion === 'clear-btn' && currFocusDescriber === 'clear-btn') DomElem?.focus?.();\n      }}\n      onClick={onClearClick}\n      onKeyDown={onClearButtonKeyDown}\n      type=\"button\"\n      {...styledsAttrs}\n    >\n      <CloseMedium color={DSIconColors.PRIMARY} />\n    </StyledClearButton>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,sBAA4B;AAC5B,qBAA6B;AAC7B,uBAA6B;AAC7B,qBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,4BAA+B;AAExB,MAAM,cAAc,MAAmB;AAC5C,QAAM,EAAE,cAAc,sBAAsB,gBAAgB,aAAa,QAAI,sCAAe;AAC5F,QAAM,eAAe;AAAA,IACnB,eAAe;AAAA,EACjB;AACA,QAAM,EAAE,yBAAyB,mBAAmB,QAAI,yBAAW,kEAA+B;AAElG,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,eAAa,6EAAmC;AAAA,IAChD,UAAU,CAAC,YAA+B;AACxC,qBAAe,UAAU;AACzB,UAAI,4BAA4B,eAAe,uBAAuB;AAAa,iBAAS,QAAQ;AAAA,IACtG;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,KAEJ,6BAAAA,QAAA,cAAC;AAAA,IAAY,OAAO,4BAAa;AAAA,GAAS,CAC5C;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkC;AAClC,sBAA4B;AAC5B,qBAA6B;AAC7B,uBAA6B;AAC7B,qBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,4BAA+B;AAExB,MAAM,cAAc,MAAmB;AAC5C,QAAM,EAAE,cAAc,sBAAsB,gBAAgB,aAAa,QAAI,sCAAe;AAC5F,QAAM,eAAe;AAAA,IACnB,eAAe;AAAA,EACjB;AACA,QAAM,EAAE,yBAAyB,mBAAmB,QAAI,yBAAW,kEAA+B;AAElG,SACE,4CAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,eAAa,6EAAmC;AAAA,IAChD,UAAU,CAAC,YAA+B;AACxC,qBAAe,UAAU;AACzB,UAAI,4BAA4B,eAAe,uBAAuB;AAAa,iBAAS,QAAQ;AAAA,IACtG;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAK;AAAA,IACJ,GAAG;AAAA,IAEJ,sDAAC;AAAA,MAAY,OAAO,4BAAa;AAAA,KAAS;AAAA,GAC5C;AAEJ;",
+  "names": []
 }

package/dist/cjs/parts/ControlledDateTimePickerContent.js

@@ -28,7 +28,8 @@ __export(ControlledDateTimePickerContent_exports, {
 });
 module.exports = __toCommonJS(ControlledDateTimePickerContent_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ControlledDateTimePickerCTX = require("../ControlledDateTimePickerCTX");
 var import_Styleds = require("./Styleds");
@@ -72,19 +73,30 @@ const ControlledDateTimePickerContent = () => {
     rightControlCols.push("28px");
   if (withAnyPicker)
     rightControlCols.push("auto");
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledInputsWrapperGrid, {
-    cols: mainCols,
-    gutter: "xxs",
-    pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? "2px" : void 0,
-    onKeyDown: onGlobalKeyDown,
-    disabled,
-    onBlur: trackFocusResetter,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTAINER,
-    ...styledsAttrs,
-    ...globalAttrs,
-    ...xstyledAttrs
-  }, hideDate ? null : /* @__PURE__ */ import_react.default.createElement(import_DateInputs.DateInputs, null), hideTime ? null : /* @__PURE__ */ import_react.default.createElement(import_TimeInputs.TimeInputs, null), withAnyRightController ? /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: rightControlCols
-  }, shouldPreserveClearableSpace ? /* @__PURE__ */ import_react.default.createElement(import_ClearButton.ClearButton, null) : null, withAnyPicker ? /* @__PURE__ */ import_react.default.createElement(import_PickersIcons.PickersIcons, null) : null) : null));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledInputsWrapperGrid, {
+      cols: mainCols,
+      gutter: "xxs",
+      pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? "2px" : void 0,
+      onKeyDown: onGlobalKeyDown,
+      disabled,
+      onBlur: trackFocusResetter,
+      "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTAINER,
+      ...styledsAttrs,
+      ...globalAttrs,
+      ...xstyledAttrs,
+      children: [
+        hideDate ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DateInputs.DateInputs, {}),
+        hideTime ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeInputs.TimeInputs, {}),
+        withAnyRightController ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+          cols: rightControlCols,
+          children: [
+            shouldPreserveClearableSpace ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ClearButton.ClearButton, {}) : null,
+            withAnyPicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PickersIcons.PickersIcons, {}) : null
+          ]
+        }) : null
+      ]
+    })
+  });
 };
 //# sourceMappingURL=ControlledDateTimePickerContent.js.map

package/dist/cjs/parts/ControlledDateTimePickerContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/ControlledDateTimePickerContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX';\nimport { StyledInputsWrapperGrid } from './Styleds';\nimport { DateInputs } from './DateInputs/DateInputs';\nimport { TimeInputs } from './TimeInputs/TimeInputs';\nimport { PickersIcons } from './Pickers/PickersIcons';\nimport { ClearButton } from './ClearButton/ClearButton';\nimport { ControlledDateTimePickerDatatestid } from '../ControlledDateTimePickerDatatestid';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n  const {\n    props: { hasError, disabled },\n    hideDate,\n    hideDatePicker,\n    hideTime,\n    hideTimePicker,\n    hideDateTimePicker,\n    withAnyPicker,\n    withAnyRightController,\n    shouldPreserveClearableSpace,\n    isControllerOnly,\n    globalAttrs,\n    xstyledAttrs,\n    onGlobalKeyDown,\n    trackFocusResetter,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const styledsAttrs = {\n    justPicker: hideDate && hideTime,\n    withAnyPicker,\n    hasError,\n    isControllerOnly,\n  };\n\n  const mainCols = [];\n  if (!hideDate) mainCols.push('auto');\n  if (!hideTime) mainCols.push('auto');\n  if (withAnyRightController) mainCols.push('auto');\n\n  const rightControlCols = [];\n  if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n  if (withAnyPicker) rightControlCols.push('auto');\n\n  return (\n    <>\n      {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\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      <StyledInputsWrapperGrid\n        cols={mainCols}\n        gutter=\"xxs\"\n        pr={hideDatePicker && hideTimePicker && hideDateTimePicker ? '2px' : undefined}\n        onKeyDown={onGlobalKeyDown}\n        disabled={disabled}\n        onBlur={trackFocusResetter}\n        data-testid={ControlledDateTimePickerDatatestid.CONTAINER}\n        {...styledsAttrs}\n        {...globalAttrs}\n        {...xstyledAttrs}\n      >\n        {hideDate ? null : <DateInputs />}\n        {hideTime ? null : <TimeInputs />}\n        {withAnyRightController ? (\n          <Grid cols={rightControlCols}>\n            {shouldPreserveClearableSpace ? <ClearButton /> : null}\n            {withAnyPicker ? <PickersIcons /> : null}\n          </Grid>\n        ) : null}\n      </StyledInputsWrapperGrid>\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwC;AACxC,wBAA2B;AAC3B,wBAA2B;AAC3B,0BAA6B;AAC7B,yBAA4B;AAC5B,gDAAmD;AAE5C,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,SAAS;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,QAAM,eAAe;AAAA,IACnB,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,CAAC;AAClB,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI;AAAwB,aAAS,KAAK,MAAM;AAEhD,QAAM,mBAAmB,CAAC;AAC1B,MAAI;AAA8B,qBAAiB,KAAK,MAAM;AAC9D,MAAI;AAAe,qBAAiB,KAAK,MAAM;AAE/C,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBAKE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM;AAAA,IACN,QAAO;AAAA,IACP,IAAI,kBAAkB,kBAAkB,qBAAqB,QAAQ;AAAA,IACrE,WAAW;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR,eAAa,6EAAmC;AAAA,IAC/C,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,KAEH,WAAW,OAAO,6BAAAA,QAAA,cAAC,kCAAW,GAC9B,WAAW,OAAO,6BAAAA,QAAA,cAAC,kCAAW,GAC9B,yBACC,6BAAAA,QAAA,cAAC;AAAA,IAAK,MAAM;AAAA,KACT,+BAA+B,6BAAAA,QAAA,cAAC,oCAAY,IAAK,MACjD,gBAAgB,6BAAAA,QAAA,cAAC,sCAAa,IAAK,IACtC,IACE,IACN,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwC;AACxC,wBAA2B;AAC3B,wBAA2B;AAC3B,0BAA6B;AAC7B,yBAA4B;AAC5B,gDAAmD;AAE5C,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,SAAS;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,QAAM,eAAe;AAAA,IACnB,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,CAAC;AAClB,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI;AAAwB,aAAS,KAAK,MAAM;AAEhD,QAAM,mBAAmB,CAAC;AAC1B,MAAI;AAA8B,qBAAiB,KAAK,MAAM;AAC9D,MAAI;AAAe,qBAAiB,KAAK,MAAM;AAE/C,SACE;AAAA,IAKE,uDAAC;AAAA,MACC,MAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAI,kBAAkB,kBAAkB,qBAAqB,QAAQ;AAAA,MACrE,WAAW;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,eAAa,6EAAmC;AAAA,MAC/C,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,mBAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,WAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,yBACC,6CAAC;AAAA,UAAK,MAAM;AAAA,UACT;AAAA,2CAA+B,4CAAC,kCAAY,IAAK;AAAA,YACjD,gBAAgB,4CAAC,oCAAa,IAAK;AAAA;AAAA,SACtC,IACE;AAAA;AAAA,KACN;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/parts/DateInputs/DDInput.js

@@ -28,6 +28,7 @@ __export(DDInput_exports, {
 });
 module.exports = __toCommonJS(DDInput_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ControlledDateTimePickerDatatestid = require("../../ControlledDateTimePickerDatatestid");
 var import_Styleds = require("../Styleds");
@@ -61,7 +62,7 @@ const DDInput = import_react.default.memo(
       },
       [onChange]
     );
-    return /* @__PURE__ */ import_react.default.createElement(import_Styleds.Styled2DigitsInput, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.Styled2DigitsInput, {
       onChange: validateOnChange,
       onBlur,
       onFocus,

package/dist/cjs/parts/DateInputs/DDInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/DDInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { Styled2DigitsInput } from '../Styleds';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day: string) => {\n  if (day === '') return false;\n  const numberOnly = regExpNumbers.test(day);\n  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;\n};\n\ninterface DDInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  isFocused: boolean;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    contextRef,\n    placeholder,\n    ariaCurrentValueForInputs,\n    isFocused,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidDay(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,gDAAmD;AACnD,qBAAmC;AAGnC,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAgB;AACpC,MAAI,QAAQ;AAAI,WAAO;AACvB,QAAM,aAAa,cAAc,KAAK,GAAG;AACzC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,EAAE,IAAI;AACrF;AAcO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,aAAa,GAAG,QAAQ,KAAK,GAAG;AAClC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE,6BAAAA,QAAA,cAAC;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,CAAC,YAA8B;AAClC,QAAC,WAAwD,UAAU;AACnE,YAAI;AAAW,mBAAS,QAAQ;AAAA,MAClC;AAAA,MACA;AAAA,MACA,cAAY,oBAAoB;AAAA,MAChC,eAAa,6EAAmC,YAAY;AAAA,MAC5D;AAAA,MACA,iBAAe;AAAA,KACjB;AAAA,EAEJ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,gDAAmD;AACnD,qBAAmC;AAGnC,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAgB;AACpC,MAAI,QAAQ;AAAI,WAAO;AACvB,QAAM,aAAa,cAAc,KAAK,GAAG;AACzC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,EAAE,IAAI;AACrF;AAcO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,aAAa,GAAG,QAAQ,KAAK,GAAG;AAClC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE,4CAAC;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,CAAC,YAA8B;AAClC,QAAC,WAAwD,UAAU;AACnE,YAAI;AAAW,mBAAS,QAAQ;AAAA,MAClC;AAAA,MACA;AAAA,MACA,cAAY,oBAAoB;AAAA,MAChC,eAAa,6EAAmC,YAAY;AAAA,MAC5D;AAAA,MACA,iBAAe;AAAA,KACjB;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/cjs/parts/DateInputs/DateInputs.js

@@ -28,7 +28,8 @@ __export(DateInputs_exports, {
 });
 module.exports = __toCommonJS(DateInputs_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
 var import_MMInput = require("./MMInput");
@@ -66,53 +67,68 @@ const DateInputs = () => {
     latestInteractionRegion,
     currFocusDescriber
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
     cols: [
       import_config.fixedValues.smallInputWidth,
       import_config.fixedValues.separatorWidth,
       import_config.fixedValues.smallInputWidth,
       import_config.fixedValues.separatorWidth,
       import_config.fixedValues.largeInputWidth
+    ],
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MMInput.MMInput, {
+          onChange: onMonthChange,
+          onBlur: onMonthBlur,
+          onFocus: onMonthFocus,
+          onKeyDown: onMonthKeyDown,
+          value: month,
+          contextRef: monthInputRef,
+          innerRef: innerRefMonthInput,
+          autoFocusMonthInput,
+          placeholder: "MM",
+          ariaCurrentValueForInputs,
+          disabled,
+          isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "month-input"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, {
+        alignItems: "center",
+        children: "/"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DDInput.DDInput, {
+          onChange: onDayChange,
+          onBlur: onDayBlur,
+          onFocus: onDayFocus,
+          onKeyDown: onDayKeyDown,
+          value: day,
+          contextRef: dayInputRef,
+          placeholder: "DD",
+          ariaCurrentValueForInputs,
+          disabled,
+          isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "day-input"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, {
+        alignItems: "center",
+        children: "/"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_YYYYInput.YYYYInput, {
+          onChange: onYearChange,
+          onBlur: onYearBlur,
+          onFocus: onYearFocus,
+          onKeyDown: onYearKeyDown,
+          value: year,
+          contextRef: yearInputRef,
+          placeholder: "YYYY",
+          ariaCurrentValueForInputs,
+          disabled,
+          isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "year-input"
+        })
+      })
     ]
-  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledFocusWithIn, null, /* @__PURE__ */ import_react.default.createElement(import_MMInput.MMInput, {
-    onChange: onMonthChange,
-    onBlur: onMonthBlur,
-    onFocus: onMonthFocus,
-    onKeyDown: onMonthKeyDown,
-    value: month,
-    contextRef: monthInputRef,
-    innerRef: innerRefMonthInput,
-    autoFocusMonthInput,
-    placeholder: "MM",
-    ariaCurrentValueForInputs,
-    disabled,
-    isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "month-input"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledSeparator, {
-    alignItems: "center"
-  }, "/"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledFocusWithIn, null, /* @__PURE__ */ import_react.default.createElement(import_DDInput.DDInput, {
-    onChange: onDayChange,
-    onBlur: onDayBlur,
-    onFocus: onDayFocus,
-    onKeyDown: onDayKeyDown,
-    value: day,
-    contextRef: dayInputRef,
-    placeholder: "DD",
-    ariaCurrentValueForInputs,
-    disabled,
-    isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "day-input"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledSeparator, {
-    alignItems: "center"
-  }, "/"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledFocusWithIn, null, /* @__PURE__ */ import_react.default.createElement(import_YYYYInput.YYYYInput, {
-    onChange: onYearChange,
-    onBlur: onYearBlur,
-    onFocus: onYearFocus,
-    onKeyDown: onYearKeyDown,
-    value: year,
-    contextRef: yearInputRef,
-    placeholder: "YYYY",
-    ariaCurrentValueForInputs,
-    disabled,
-    isFocused: latestInteractionRegion === "date-inputs" && currFocusDescriber === "year-input"
-  })));
+  });
 };
 //# sourceMappingURL=DateInputs.js.map

package/dist/cjs/parts/DateInputs/DateInputs.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/DateInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\n\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { MMInput } from './MMInput';\nimport { DDInput } from './DDInput';\nimport { YYYYInput } from './YYYYInput';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds';\nimport { useDateInputs } from './useDateInputs';\nimport { fixedValues } from '../config';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    innerRefMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const {\n    monthInputRef,\n    dayInputRef,\n    yearInputRef,\n    ariaCurrentValueForInputs,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          innerRef={innerRefMonthInput}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'month-input'}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          placeholder=\"DD\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'day-input'}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          placeholder=\"YYYY\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'year-input'}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,qBAAqB;AAErB,yCAAgD;AAChD,qBAAwB;AACxB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAmD;AACnD,2BAA8B;AAC9B,oBAA4B;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM;AAAA,MACJ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,IACd;AAAA,KAEA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC;AAAA,IACC,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,UAAU;AAAA,IACV;AAAA,IACA,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,GACjF,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAgB,YAAW;AAAA,KAAS,GAAC,GACtC,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC;AAAA,IACC,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,GACjF,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAgB,YAAW;AAAA,KAAS,GAAC,GACtC,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC;AAAA,IACC,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,GACjF,CACF,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,qBAAqB;AAErB,yCAAgD;AAChD,qBAAwB;AACxB,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAmD;AACnD,2BAA8B;AAC9B,oBAA4B;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,SACE,6CAAC;AAAA,IACC,MAAM;AAAA,MACJ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,IACd;AAAA,IAEA;AAAA,kDAAC;AAAA,QACC,sDAAC;AAAA,UACC,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAW;AAAA,UACX,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,UAAU;AAAA,UACV;AAAA,UACA,aAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,SACjF;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAgB,YAAW;AAAA,QAAS;AAAA,OAAC;AAAA,MACtC,4CAAC;AAAA,QACC,sDAAC;AAAA,UACC,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAW;AAAA,UACX,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,aAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,SACjF;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAgB,YAAW;AAAA,QAAS;AAAA,OAAC;AAAA,MACtC,4CAAC;AAAA,QACC,sDAAC;AAAA,UACC,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAW;AAAA,UACX,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,aAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,SACjF;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/parts/DateInputs/MMInput.js

@@ -28,6 +28,7 @@ __export(MMInput_exports, {
 });
 module.exports = __toCommonJS(MMInput_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_Styleds = require("../Styleds");
@@ -78,7 +79,7 @@ const MMInput = import_react.default.memo(
       }
       return handleRef;
     }, [handleRef, innerRef]);
-    return /* @__PURE__ */ import_react.default.createElement(import_Styleds.Styled2DigitsInput, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.Styled2DigitsInput, {
       autoFocus: autoFocusMonthInput,
       onChange: validateOnChange,
       onBlur,

package/dist/cjs/parts/DateInputs/MMInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/MMInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback, useMemo } from 'react';\nimport { setMultipleRefs } from '@elliemae/ds-utilities';\nimport { Styled2DigitsInput } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month: string) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  autoFocusMonthInput: boolean;\n  value: string;\n  disabled: boolean;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n  innerRef: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    placeholder,\n    contextRef,\n    innerRef,\n    autoFocusMonthInput,\n    ariaCurrentValueForInputs,\n    isFocused,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n\n    const handleRef = useCallback(\n      (DomElem: HTMLInputElement) => {\n        (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n        if (isFocused) DomElem?.focus?.();\n      },\n      [contextRef, isFocused],\n    );\n\n    const currentRef = useMemo(() => {\n      if (innerRef) {\n        return setMultipleRefs([handleRef, innerRef]);\n      }\n      return handleRef;\n    }, [handleRef, innerRef]);\n\n    return (\n      <Styled2DigitsInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={currentRef}\n        placeholder={placeholder}\n        aria-label={`month input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,0BAAgC;AAChC,qBAAmC;AACnC,gDAAmD;AAGnD,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,UAAkB;AACxC,MAAI,UAAU;AAAI,WAAO;AACzB,QAAM,aAAa,cAAc,KAAK,KAAK;AAC3C,SAAO,MAAM,SAAS,KAAK,UAAU,QAAQ,CAAC,cAAc,OAAO,SAAS,OAAO,EAAE,IAAI;AAC3F;AAeO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,eAAe,GAAG,QAAQ,KAAK,GAAG;AACpC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,gBAAY;AAAA,MAChB,CAAC,YAA8B;AAC7B,QAAC,WAAwD,UAAU;AACnE,YAAI;AAAW,mBAAS,QAAQ;AAAA,MAClC;AAAA,MACA,CAAC,YAAY,SAAS;AAAA,IACxB;AAEA,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAI,UAAU;AACZ,mBAAO,qCAAgB,CAAC,WAAW,QAAQ,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,IACT,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,WACE,6BAAAA,QAAA,cAAC;AAAA,MACC,WAAW;AAAA,MACX,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,cAAY,sBAAsB;AAAA,MAClC,eAAa,6EAAmC,YAAY;AAAA,MAC5D;AAAA,MACA,iBAAe;AAAA,KACjB;AAAA,EAEJ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA4C;AAC5C,0BAAgC;AAChC,qBAAmC;AACnC,gDAAmD;AAGnD,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,UAAkB;AACxC,MAAI,UAAU;AAAI,WAAO;AACzB,QAAM,aAAa,cAAc,KAAK,KAAK;AAC3C,SAAO,MAAM,SAAS,KAAK,UAAU,QAAQ,CAAC,cAAc,OAAO,SAAS,OAAO,EAAE,IAAI;AAC3F;AAeO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,eAAe,GAAG,QAAQ,KAAK,GAAG;AACpC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,gBAAY;AAAA,MAChB,CAAC,YAA8B;AAC7B,QAAC,WAAwD,UAAU;AACnE,YAAI;AAAW,mBAAS,QAAQ;AAAA,MAClC;AAAA,MACA,CAAC,YAAY,SAAS;AAAA,IACxB;AAEA,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAI,UAAU;AACZ,mBAAO,qCAAgB,CAAC,WAAW,QAAQ,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,IACT,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,WACE,4CAAC;AAAA,MACC,WAAW;AAAA,MACX,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,cAAY,sBAAsB;AAAA,MAClC,eAAa,6EAAmC,YAAY;AAAA,MAC5D;AAAA,MACA,iBAAe;AAAA,KACjB;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/cjs/parts/DateInputs/YYYYInput.js

@@ -28,6 +28,7 @@ __export(YYYYInput_exports, {
 });
 module.exports = __toCommonJS(YYYYInput_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ControlledDateTimePickerDatatestid = require("../../ControlledDateTimePickerDatatestid");
 var import_Styleds = require("../Styleds");
@@ -61,7 +62,7 @@ const YYYYInput = import_react.default.memo(
       },
       [onChange]
     );
-    return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledMin4DigitsInput, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledMin4DigitsInput, {
       onChange: validateOnChange,
       onBlur,
       onFocus,

package/dist/cjs/parts/DateInputs/YYYYInput.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/YYYYInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { StyledMin4DigitsInput } from '../Styleds';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidYear = (year: string) => {\n  if (year === '') return false;\n  const numberOnly = regExpNumbers.test(year);\n  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;\n};\n\ninterface YYYYInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n}\nexport const YYYYInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    placeholder,\n    contextRef,\n    ariaCurrentValueForInputs,\n    isFocused,\n  }: YYYYInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidYear(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <StyledMin4DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        placeholder={placeholder}\n        aria-label={`year input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,gDAAmD;AACnD,qBAAsC;AAGtC,MAAM,gBAAgB;AACtB,MAAM,gBAAgB,CAAC,SAAiB;AACtC,MAAI,SAAS;AAAI,WAAO;AACxB,QAAM,aAAa,cAAc,KAAK,IAAI;AAC1C,SAAO,KAAK,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,MAAM,EAAE,IAAI;AACvE;AAcO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAqC;AACnC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,cAAc,GAAG,QAAQ,KAAK,GAAG;AACnC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE,6BAAAA,QAAA,cAAC;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,CAAC,YAA8B;AAClC,QAAC,WAAwD,UAAU;AACnE,YAAI;AAAW,mBAAS,QAAQ;AAAA,MAClC;AAAA,MACA;AAAA,MACA,cAAY,qBAAqB;AAAA,MACjC,eAAa,6EAAmC,YAAY;AAAA,MAC5D;AAAA,MACA,iBAAe;AAAA,KACjB;AAAA,EAEJ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,gDAAmD;AACnD,qBAAsC;AAGtC,MAAM,gBAAgB;AACtB,MAAM,gBAAgB,CAAC,SAAiB;AACtC,MAAI,SAAS;AAAI,WAAO;AACxB,QAAM,aAAa,cAAc,KAAK,IAAI;AAC1C,SAAO,KAAK,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,MAAM,EAAE,IAAI;AACvE;AAcO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAqC;AACnC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,cAAc,GAAG,QAAQ,KAAK,GAAG;AACnC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE,4CAAC;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,CAAC,YAA8B;AAClC,QAAC,WAAwD,UAAU;AACnE,YAAI;AAAW,mBAAS,QAAQ;AAAA,MAClC;AAAA,MACA;AAAA,MACA,cAAY,qBAAqB;AAAA,MACjC,eAAa,6EAAmC,YAAY;AAAA,MAC5D;AAAA,MACA,iBAAe;AAAA,KACjB;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/cjs/parts/Pickers/Calendar/Calendar.js

@@ -29,7 +29,8 @@ __export(Calendar_exports, {
 });
 module.exports = __toCommonJS(Calendar_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
 var import_CalendarIconTrigger = require("./CalendarIconTrigger");
 var import_CalendarWrapper = require("./CalendarWrapper");
@@ -37,16 +38,27 @@ 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);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarContext.CalendarContext.Provider, {
+    value: ctx,
+    children
+  });
 };
 const CalendarContent = () => {
   const { showCalendar, handleMenuWrapperKeyDown } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
   const { isControllerOnly } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  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);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      isControllerOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarIconTrigger.CalendarIconTrigger, {}),
+      isControllerOnly || showCalendar ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+          onKeyDown: handleMenuWrapperKeyDown,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWrapper.CalendarWrapper, {})
+        })
+      }) : null
+    ]
+  });
 };
-const Calendar = () => /* @__PURE__ */ import_react.default.createElement(WrappedCalendarContext, null, /* @__PURE__ */ import_react.default.createElement(CalendarContent, null));
+const Calendar = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedCalendarContext, {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CalendarContent, {})
+});
 //# sourceMappingURL=Calendar.js.map

package/dist/cjs/parts/Pickers/Calendar/Calendar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/Calendar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarIconTrigger } from './CalendarIconTrigger';\nimport { CalendarWrapper } from './CalendarWrapper';\n\nimport { CalendarContext } from './CalendarContext';\nimport { useConfigCalendarCTX } from './useConfigCalendarCTX';\n\nexport const WrappedCalendarContext = ({ children }: { children: JSX.Element }) => {\n  const ctx = useConfigCalendarCTX();\n  return <CalendarContext.Provider value={ctx}>{children}</CalendarContext.Provider>;\n};\n\nconst CalendarContent = () => {\n  const { showCalendar, handleMenuWrapperKeyDown } = useContext(CalendarContext);\n  const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\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\n// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const Calendar = () => (\n  <WrappedCalendarContext>\n    <CalendarContent />\n  </WrappedCalendarContext>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,yCAAgD;AAChD,iCAAoC;AACpC,6BAAgC;AAEhC,6BAAgC;AAChC,kCAAqC;AAE9B,MAAM,yBAAyB,CAAC,EAAE,SAAS,MAAiC;AACjF,QAAM,UAAM,kDAAqB;AACjC,SAAO,6BAAAA,QAAA,cAAC,uCAAgB,UAAhB;AAAA,IAAyB,OAAO;AAAA,KAAM,QAAS;AACzD;AAEA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,EAAE,cAAc,yBAAyB,QAAI,yBAAW,sCAAe;AAC7E,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,mBAAmB,OAAO,6BAAAA,QAAA,cAAC,oDAAoB,GAC/C,oBAAoB,eACnB,6BAAAA,QAAA,2BAAAA,QAAA,gBAIE,6BAAAA,QAAA,cAAC;AAAA,IAAI,WAAW;AAAA,KACd,6BAAAA,QAAA,cAAC,4CAAgB,CACnB,CACF,IACE,IACN;AAEJ;AAGO,MAAM,WAAW,MACtB,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,qBAAgB,CACnB;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkC;AAClC,yCAAgD;AAChD,iCAAoC;AACpC,6BAAgC;AAEhC,6BAAgC;AAChC,kCAAqC;AAE9B,MAAM,yBAAyB,CAAC,EAAE,SAAS,MAAiC;AACjF,QAAM,UAAM,kDAAqB;AACjC,SAAO,4CAAC,uCAAgB,UAAhB;AAAA,IAAyB,OAAO;AAAA,IAAM;AAAA,GAAS;AACzD;AAEA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,EAAE,cAAc,yBAAyB,QAAI,yBAAW,sCAAe;AAC7E,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,SACE;AAAA,IACG;AAAA,yBAAmB,OAAO,4CAAC,kDAAoB;AAAA,MAC/C,oBAAoB,eACnB;AAAA,QAIE,sDAAC;AAAA,UAAI,WAAW;AAAA,UACd,sDAAC,0CAAgB;AAAA,SACnB;AAAA,OACF,IACE;AAAA;AAAA,GACN;AAEJ;AAGO,MAAM,WAAW,MACtB,4CAAC;AAAA,EACC,sDAAC,mBAAgB;AAAA,CACnB;",
+  "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js

@@ -28,13 +28,20 @@ __export(CalendarBody_exports, {
 });
 module.exports = __toCommonJS(CalendarBody_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 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", {
+const CalendarBody = import_react.default.memo(({ weekRowsNum }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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))));
+  "aria-rowcount": weekRowsNum,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWeekDays.CalendarWeekDays, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledBody, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarMonthDays.CalendarMonthDays, {})
+    })
+  ]
+}));
 //# sourceMappingURL=CalendarBody.js.map

package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAkC;AAClC,8BAAiC;AACjC,qBAA2B;AAIpB,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,EAAE,YAAY,MACpD,6BAAAA,QAAA,cAAC;AAAA,EAAK,MAAK;AAAA,EAAO,iBAAe;AAAA,EAAG,iBAAe;AAAA,GACjD,6BAAAA,QAAA,cAAC,8CAAiB,GAClB,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC,gDAAkB,CACrB,CACF,CACD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,+BAAkC;AAClC,8BAAiC;AACjC,qBAA2B;AAIpB,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,EAAE,YAAY,MACpD,6CAAC;AAAA,EAAK,MAAK;AAAA,EAAO,iBAAe;AAAA,EAAG,iBAAe;AAAA,EACjD;AAAA,gDAAC,4CAAiB;AAAA,IAClB,4CAAC;AAAA,MACC,sDAAC,8CAAkB;AAAA,KACrB;AAAA;AAAA,CACF,CACD;",
   "names": ["React"]
 }

package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js

@@ -28,7 +28,8 @@ __export(CalendarContent_exports, {
 });
 module.exports = __toCommonJS(CalendarContent_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
 var import_CalendarBody = require("./CalendarBody");
 var import_CalendarHead = require("./CalendarHead");
@@ -37,11 +38,18 @@ var import_CalendarContext = require("./CalendarContext");
 var import_Styleds = require("./Styleds");
 const CalendarContent = ({ className = "" }) => {
   const { daysMatrixByWeekday } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledShadowWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledShadowWrapper, {
     className,
-    "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)));
+    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledCalendarWrapper, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarHead.CalendarHead, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarBody.CalendarBody, {
+          weekRowsNum: daysMatrixByWeekday.length
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarFooter.CalendarFooter, {})
+      ]
+    })
+  });
 };
 //# sourceMappingURL=CalendarContent.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/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 { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarBody } from './CalendarBody';\nimport { CalendarHead } from './CalendarHead';\nimport { CalendarFooter } from './CalendarFooter';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const { daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n    >\n      <StyledCalendarWrapper>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,gDAAmD;AAEnD,0BAA6B;AAC7B,0BAA6B;AAC7B,4BAA+B;AAC/B,6BAAgC;AAChC,qBAA2D;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM,EAAE,oBAAoB,QAAI,yBAAW,sCAAe;AAE1D,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,KAErE,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,sCAAa,GACd,6BAAAA,QAAA,cAAC;AAAA,IAAa,aAAa,oBAAoB;AAAA,GAAQ,GACvD,6BAAAA,QAAA,cAAC,0CAAe,CAClB,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkC;AAClC,gDAAmD;AAEnD,0BAA6B;AAC7B,0BAA6B;AAC7B,4BAA+B;AAC/B,6BAAgC;AAChC,qBAA2D;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM,EAAE,oBAAoB,QAAI,yBAAW,sCAAe;AAE1D,SACE,4CAAC;AAAA,IACC;AAAA,IACA,eAAa,6EAAmC,qBAAqB;AAAA,IAErE,uDAAC;AAAA,MACC;AAAA,oDAAC,oCAAa;AAAA,QACd,4CAAC;AAAA,UAAa,aAAa,oBAAoB;AAAA,SAAQ;AAAA,QACvD,4CAAC,wCAAe;AAAA;AAAA,KAClB;AAAA,GACF;AAEJ;",
+  "names": []
 }