@ctlyst.id/internal-ui 3.5.0 → 3.5.2

package/dist/index.js

@@ -3092,7 +3092,7 @@ var Datepicker = ({
   const hasMultipleMonthShow = ((_b = props == null ? void 0 : props.monthsShown) != null ? _b : 1) < 2;
   const component = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(styles_default, { showHeader: !hasMultipleMonthShow }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(field_default, { label, isRequired, isError, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       import_react_datepicker.default,
       {
         id: id2,
@@ -3106,7 +3106,7 @@ var Datepicker = ({
               const { placement, y } = state;
               return {
                 ...state,
-                y: placement.startsWith("bottom") ? y - 10 : y + 10
+                y: placement.startsWith("bottom") ? y - 10 : y + 14
                 // condition for auto placement
               };
             }
@@ -3115,8 +3115,6 @@ var Datepicker = ({
         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: [
@@ -3151,7 +3149,7 @@ var Datepicker = ({
         ...getTimeProps(),
         ...props
       }
-    )
+    ) })
   ] });
   if (props.inline) {
     return component;