@ctlyst.id/internal-ui 3.3.8 → 3.3.9

package/dist/index.js

@@ -2496,7 +2496,33 @@ var Datepicker = ({
         id,
         name,
         selected,
-        customInput: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(input_field_default, { label, isRequired, autoComplete: "off", isError }),
+        customInput: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          input_field_default,
+          {
+            label,
+            isRequired,
+            autoComplete: "off",
+            isError,
+            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 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                import_react33.IconButton,
+                {
+                  "data-test-id": "H0rseVCzGIaqoLho-EPbu",
+                  display: "flex",
+                  alignItems: "center",
+                  variant: "unstyled",
+                  "aria-label": "Remove",
+                  onClick: onClear,
+                  cursor: "pointer",
+                  size: "sm",
+                  minW: "unset",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Close, { size: 4, color: "neutral.600" })
+                }
+              )
+            ] })
+          }
+        ),
         showPopperArrow: false,
         calendarClassName: (0, import_shared_utils8.cx)({ inline: props.inline }),
         dropdownMode: "select",
@@ -2514,27 +2540,7 @@ var Datepicker = ({
     return component;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react33.FormControl, { "data-test-id": "CT_Component_datepicker_wrapper", isInvalid: isError, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react33.InputGroup, { children: [
-      component,
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react33.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 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          import_react33.IconButton,
-          {
-            "data-test-id": "H0rseVCzGIaqoLho-EPbu",
-            display: "flex",
-            alignItems: "center",
-            variant: "unstyled",
-            "aria-label": "Remove",
-            onClick: onClear,
-            cursor: "pointer",
-            size: "sm",
-            minW: "unset",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Close, { size: 4, color: "neutral.600" })
-          }
-        )
-      ] })
-    ] }),
+    component,
     !isError ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react33.FormHelperText, { fontSize: "text.xs", mt: 1, children: helperText }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react33.FormErrorMessage, { fontSize: "text.xs", mt: 1, children: error })
   ] });
 };
@@ -4875,7 +4881,8 @@ var InputTimeArea = (0, import_react84.forwardRef)((props, ref) => {
       boxSizing: "content-box",
       height: "22px",
       ref,
-      p: "2px",
+      px: "2px",
+      py: 0,
       sx: {
         fontVariantNumeric: "tabular-nums"
       },