@ctlyst.id/internal-ui 4.1.4 → 4.1.6
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 +7 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -10
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1093,6 +1093,7 @@ var InputField = import_react22.default.forwardRef((props, ref) => {
|
|
|
1093
1093
|
ref,
|
|
1094
1094
|
type: inputType,
|
|
1095
1095
|
value,
|
|
1096
|
+
"data-test-id": `CT_Component_InputField${props.name ? `_${props.name}` : ""}`,
|
|
1096
1097
|
isDisabled,
|
|
1097
1098
|
isSuccess,
|
|
1098
1099
|
...inputProps,
|
|
@@ -3001,11 +3002,6 @@ var Styles = ({ showHeader }) => {
|
|
|
3001
3002
|
width: 1px;
|
|
3002
3003
|
white-space: nowrap;
|
|
3003
3004
|
}
|
|
3004
|
-
.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--today{
|
|
3005
|
-
border-radius:0px;
|
|
3006
|
-
border-color:transparent;
|
|
3007
|
-
background-color:var(--chakra-colors-primary-50);
|
|
3008
|
-
}
|
|
3009
3005
|
.react-datepicker__month-select,.react-datepicker__year-select {
|
|
3010
3006
|
background-color:transparent;
|
|
3011
3007
|
font-size:14px;
|
|
@@ -3099,6 +3095,9 @@ var Datepicker = ({
|
|
|
3099
3095
|
{
|
|
3100
3096
|
id: id2,
|
|
3101
3097
|
name,
|
|
3098
|
+
onChangeRaw: (e) => {
|
|
3099
|
+
if (props.selectsRange) e == null ? void 0 : e.preventDefault();
|
|
3100
|
+
},
|
|
3102
3101
|
selected,
|
|
3103
3102
|
popperModifiers: [
|
|
3104
3103
|
(0, import_react34.offset)(4),
|
|
@@ -3119,9 +3118,7 @@ var Datepicker = ({
|
|
|
3119
3118
|
{
|
|
3120
3119
|
autoComplete: "off",
|
|
3121
3120
|
isError,
|
|
3122
|
-
|
|
3123
|
-
if (props.selectsRange) e.preventDefault();
|
|
3124
|
-
},
|
|
3121
|
+
sx: props.selectsRange ? { caretColor: "transparent" } : {},
|
|
3125
3122
|
addOnRight: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react20.InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
|
|
3126
3123
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_internal_icon6.Calendar, { size: 4, color: "neutral.400" }),
|
|
3127
3124
|
value && !props.disabled && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
@@ -5615,9 +5612,9 @@ var TimeInput2 = (0, import_react85.forwardRef)(
|
|
|
5615
5612
|
gap: 3,
|
|
5616
5613
|
children: [
|
|
5617
5614
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react85.Flex, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
|
|
5618
|
-
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...hoursProps }),
|
|
5615
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
|
|
5619
5616
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
|
|
5620
|
-
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...getInputProps("minutes") }),
|
|
5617
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
|
|
5621
5618
|
seconds && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
5622
5619
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: ":" }),
|
|
5623
5620
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputTimeArea, { ...getInputProps("seconds") })
|