@ctlyst.id/internal-ui 3.3.8 → 3.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +30 -23
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +33 -33
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2496,7 +2496,33 @@ var Datepicker = ({
|
|
|
2496
2496
|
id,
|
|
2497
2497
|
name,
|
|
2498
2498
|
selected,
|
|
2499
|
-
customInput: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2499
|
+
customInput: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2500
|
+
input_field_default,
|
|
2501
|
+
{
|
|
2502
|
+
label,
|
|
2503
|
+
isRequired,
|
|
2504
|
+
autoComplete: "off",
|
|
2505
|
+
isError,
|
|
2506
|
+
addOnRight: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react20.InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
|
|
2507
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Calendar, { size: 4, color: "neutral.400" }),
|
|
2508
|
+
value && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2509
|
+
import_react33.IconButton,
|
|
2510
|
+
{
|
|
2511
|
+
"data-test-id": "H0rseVCzGIaqoLho-EPbu",
|
|
2512
|
+
display: "flex",
|
|
2513
|
+
alignItems: "center",
|
|
2514
|
+
variant: "unstyled",
|
|
2515
|
+
"aria-label": "Remove",
|
|
2516
|
+
onClick: onClear,
|
|
2517
|
+
cursor: "pointer",
|
|
2518
|
+
size: "sm",
|
|
2519
|
+
minW: "unset",
|
|
2520
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Close, { size: 4, color: "neutral.600" })
|
|
2521
|
+
}
|
|
2522
|
+
)
|
|
2523
|
+
] })
|
|
2524
|
+
}
|
|
2525
|
+
),
|
|
2500
2526
|
showPopperArrow: false,
|
|
2501
2527
|
calendarClassName: (0, import_shared_utils8.cx)({ inline: props.inline }),
|
|
2502
2528
|
dropdownMode: "select",
|
|
@@ -2514,27 +2540,7 @@ var Datepicker = ({
|
|
|
2514
2540
|
return component;
|
|
2515
2541
|
}
|
|
2516
2542
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react33.FormControl, { "data-test-id": "CT_Component_datepicker_wrapper", isInvalid: isError, children: [
|
|
2517
|
-
|
|
2518
|
-
component,
|
|
2519
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react33.InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
|
|
2520
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Calendar, { size: 4, color: "neutral.400" }),
|
|
2521
|
-
value && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2522
|
-
import_react33.IconButton,
|
|
2523
|
-
{
|
|
2524
|
-
"data-test-id": "H0rseVCzGIaqoLho-EPbu",
|
|
2525
|
-
display: "flex",
|
|
2526
|
-
alignItems: "center",
|
|
2527
|
-
variant: "unstyled",
|
|
2528
|
-
"aria-label": "Remove",
|
|
2529
|
-
onClick: onClear,
|
|
2530
|
-
cursor: "pointer",
|
|
2531
|
-
size: "sm",
|
|
2532
|
-
minW: "unset",
|
|
2533
|
-
icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Close, { size: 4, color: "neutral.600" })
|
|
2534
|
-
}
|
|
2535
|
-
)
|
|
2536
|
-
] })
|
|
2537
|
-
] }),
|
|
2543
|
+
component,
|
|
2538
2544
|
!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 })
|
|
2539
2545
|
] });
|
|
2540
2546
|
};
|
|
@@ -4875,7 +4881,8 @@ var InputTimeArea = (0, import_react84.forwardRef)((props, ref) => {
|
|
|
4875
4881
|
boxSizing: "content-box",
|
|
4876
4882
|
height: "22px",
|
|
4877
4883
|
ref,
|
|
4878
|
-
|
|
4884
|
+
px: "2px",
|
|
4885
|
+
py: 0,
|
|
4879
4886
|
sx: {
|
|
4880
4887
|
fontVariantNumeric: "tabular-nums"
|
|
4881
4888
|
},
|