@ctlyst.id/internal-ui 3.5.0 → 3.5.2

package/dist/index.mjs

@@ -2746,7 +2746,7 @@ var Datepicker = ({
   const hasMultipleMonthShow = ((_b = props == null ? void 0 : props.monthsShown) != null ? _b : 1) < 2;
   const component = /* @__PURE__ */ jsxs10(Fragment2, { children: [
     /* @__PURE__ */ jsx27(styles_default, { showHeader: !hasMultipleMonthShow }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx27(field_default, { label, isRequired, isError, children: /* @__PURE__ */ jsx27(
       ReactDatePicker,
       {
         id: id2,
@@ -2760,7 +2760,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
               };
             }
@@ -2769,8 +2769,6 @@ var Datepicker = ({
         customInput: /* @__PURE__ */ jsx27(
           input_field_default,
           {
-            label,
-            isRequired,
             autoComplete: "off",
             isError,
             addOnRight: /* @__PURE__ */ jsxs10(InputRightElement, { alignSelf: "center", bottom: 0, flexDir: "row-reverse", width: "auto", mr: 2, gap: 2, children: [
@@ -2805,7 +2803,7 @@ var Datepicker = ({
         ...getTimeProps(),
         ...props
       }
-    )
+    ) })
   ] });
   if (props.inline) {
     return component;