@ctlyst.id/internal-ui 4.1.4 → 4.1.5

package/dist/index.js

@@ -3001,11 +3001,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 +3094,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 +3117,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)(