@ctlyst.id/internal-ui 4.1.4 → 4.1.5

package/dist/index.mjs

@@ -2654,11 +2654,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;
@@ -2752,6 +2747,9 @@ var Datepicker = ({
       {
         id: id2,
         name,
+        onChangeRaw: (e) => {
+          if (props.selectsRange) e == null ? void 0 : e.preventDefault();
+        },
         selected,
         popperModifiers: [
           offset(4),
@@ -2772,9 +2770,7 @@ var Datepicker = ({
           {
             autoComplete: "off",
             isError,
-            onKeyPress: (e) => {
-              if (props.selectsRange) e.preventDefault();
-            },
+            sx: props.selectsRange ? { caretColor: "transparent" } : {},
             addOnRight: /* @__PURE__ */ jsxs10(InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
               /* @__PURE__ */ jsx27(Calendar, { size: 4, color: "neutral.400" }),
               value && !props.disabled && /* @__PURE__ */ jsx27(