@ctlyst.id/internal-ui 4.1.4 → 4.1.6

package/dist/index.js

@@ -1093,6 +1093,7 @@ var InputField = import_react22.default.forwardRef((props, ref) => {
                     ref,
                     type: inputType,
                     value,
+                    "data-test-id": `CT_Component_InputField${props.name ? `_${props.name}` : ""}`,
                     isDisabled,
                     isSuccess,
                     ...inputProps,
@@ -3001,11 +3002,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;
@@ -3099,6 +3095,9 @@ var Datepicker = ({
       {
         id: id2,
         name,
+        onChangeRaw: (e) => {
+          if (props.selectsRange) e == null ? void 0 : e.preventDefault();
+        },
         selected,
         popperModifiers: [
           (0, import_react34.offset)(4),
@@ -3119,9 +3118,7 @@ var Datepicker = ({
           {
             autoComplete: "off",
             isError,
-            onKeyPress: (e) => {
-              if (props.selectsRange) e.preventDefault();
-            },
+            sx: props.selectsRange ? { caretColor: "transparent" } : {},
             addOnRight: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react20.InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
               /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Calendar, { size: 4, color: "neutral.400" }),
               value && !props.disabled && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -5615,9 +5612,9 @@ var TimeInput2 = (0, import_react85.forwardRef)(
                 gap: 3,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react85.Flex, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...hoursProps }),
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
                     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...getInputProps("minutes") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
                     seconds && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
                       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...getInputProps("seconds") })