@ctlyst.id/internal-ui 4.1.4 → 4.1.6

package/dist/index.mjs

@@ -726,6 +726,7 @@ var InputField = React2.forwardRef((props, ref) => {
                     ref,
                     type: inputType,
                     value,
+                    "data-test-id": `CT_Component_InputField${props.name ? `_${props.name}` : ""}`,
                     isDisabled,
                     isSuccess,
                     ...inputProps,
@@ -2654,11 +2655,6 @@ var Styles = ({ showHeader }) => {
         width: 1px;
         white-space: nowrap;
       }
-      .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--today{
-        border-radius:0px;
-        border-color:transparent;
-        background-color:var(--chakra-colors-primary-50);
-      }
       .react-datepicker__month-select,.react-datepicker__year-select {
         background-color:transparent;
         font-size:14px;
@@ -2752,6 +2748,9 @@ var Datepicker = ({
       {
         id: id2,
         name,
+        onChangeRaw: (e) => {
+          if (props.selectsRange) e == null ? void 0 : e.preventDefault();
+        },
         selected,
         popperModifiers: [
           offset(4),
@@ -2772,9 +2771,7 @@ var Datepicker = ({
           {
             autoComplete: "off",
             isError,
-            onKeyPress: (e) => {
-              if (props.selectsRange) e.preventDefault();
-            },
+            sx: props.selectsRange ? { caretColor: "transparent" } : {},
             addOnRight: /* @__PURE__ */ jsxs10(InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
               /* @__PURE__ */ jsx27(Calendar, { size: 4, color: "neutral.400" }),
               value && !props.disabled && /* @__PURE__ */ jsx27(
@@ -5474,9 +5471,9 @@ var TimeInput2 = forwardRef12(
                 gap: 3,
                 children: [
                   /* @__PURE__ */ jsxs29(Flex17, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
-                    /* @__PURE__ */ jsx63(InputTimeArea, { ...hoursProps }),
+                    /* @__PURE__ */ jsx63(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
                     /* @__PURE__ */ jsx63("span", { children: ":" }),
-                    /* @__PURE__ */ jsx63(InputTimeArea, { ...getInputProps("minutes") }),
+                    /* @__PURE__ */ jsx63(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
                     seconds && /* @__PURE__ */ jsxs29(Fragment10, { children: [
                       /* @__PURE__ */ jsx63("span", { children: ":" }),
                       /* @__PURE__ */ jsx63(InputTimeArea, { ...getInputProps("seconds") })