golden-logic-ui 1.2.371 → 1.2.373

package/dist/components/GeneralComponents/GlDateRangeCalendar.vue.js

@@ -1,8 +1,14 @@
-import { ref as $, computed as x, watch as ge, onMounted as me, onUnmounted as ve, createElementBlock as g, openBlock as m, Fragment as S, createCommentVNode as T, normalizeClass as b, createElementVNode as r, toDisplayString as u, withDirectives as fe, renderList as I, vShow as he } from "vue";
-const ye = {
+import { ref as _, computed as D, watch as de, onMounted as ce, onUnmounted as ge, createElementBlock as u, openBlock as d, Fragment as C, createCommentVNode as S, normalizeClass as b, createElementVNode as r, toDisplayString as c, withDirectives as me, renderList as N, vShow as ve } from "vue";
+const fe = {
   key: 0,
   class: "gl-label-form"
-}, pe = { class: "mt-1 text-gray-900 dark:text-white" }, De = ["dir"], ke = ["for"], xe = { class: "relative" }, we = { class: "relative" }, Me = ["required", "name", "id", "value", "placeholder"], Ye = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 w-[20rem] sm:w-auto max-w-[calc(100vw-2rem)]" }, be = { class: "flex flex-col sm:flex-row gap-4 sm:gap-6" }, _e = { class: "w-full sm:w-64" }, $e = { class: "flex items-center justify-between mb-3" }, Ce = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Se = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Te = { class: "grid grid-cols-7" }, Ve = ["onClick", "onMouseenter", "disabled"], Ne = { class: "hidden sm:block sm:w-64" }, Ie = { class: "flex items-center justify-between mb-3" }, Le = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Be = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Ee = { class: "grid grid-cols-7" }, Fe = ["onClick", "onMouseenter", "disabled"], qe = { class: "flex items-center justify-between gap-3 mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, He = { class: "text-sm text-gray-600 dark:text-gray-300 truncate" }, Re = { class: "flex items-center gap-2 shrink-0" }, Ae = { class: "gl-span-form-error" }, Ze = {
+}, he = { class: "mt-1 text-gray-900 dark:text-white" }, ye = ["dir"], pe = ["for"], ke = { class: "relative" }, De = { class: "relative" }, we = ["required", "name", "id", "value", "placeholder"], xe = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 w-[20rem] sm:w-auto max-w-[calc(100vw-2rem)]" }, Ye = { class: "flex flex-col sm:flex-row gap-4 sm:gap-6" }, be = { class: "w-full sm:w-64" }, Me = { class: "flex items-center justify-between mb-3" }, _e = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, $e = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Ce = { class: "grid grid-cols-7" }, Se = ["onClick", "onMouseenter", "disabled"], Te = {
+  key: 1,
+  class: "w-9 h-9 mx-auto"
+}, Ve = { class: "hidden sm:block sm:w-64" }, Ne = { class: "flex items-center justify-between mb-3" }, Ie = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Be = { class: "grid grid-cols-7 gap-y-1 mb-1" }, Le = { class: "grid grid-cols-7" }, Ee = ["onClick", "onMouseenter", "disabled"], Fe = {
+  key: 1,
+  class: "w-9 h-9 mx-auto"
+}, qe = { class: "flex items-center justify-between gap-3 mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, He = { class: "text-sm text-gray-600 dark:text-gray-300 truncate" }, Re = { class: "flex items-center gap-2 shrink-0" }, Ae = { class: "gl-span-form-error" }, Ze = {
   key: 1,
   class: "block mt-1 text-sm font-normal leading-5 text-gray-500"
 }, Pe = {
@@ -85,100 +91,95 @@ const ye = {
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(s, { emit: te }) {
-    const o = s, E = te, L = $(null), M = $(!1), F = /* @__PURE__ */ new Date(), v = $(F.getMonth()), _ = $(F.getFullYear()), c = $(null), f = $(null), V = $(null), ae = x(() => H() === "ar"), q = {
+  setup(l, { emit: ee }) {
+    const o = l, E = ee, I = _(null), x = _(!1), F = /* @__PURE__ */ new Date(), v = _(F.getMonth()), M = _(F.getFullYear()), g = _(null), f = _(null), T = _(null), te = D(() => B() === "ar"), q = {
       en: { apply: "Apply", cancel: "Cancel" },
       ar: { apply: "تطبيق", cancel: "إلغاء" }
-    }, H = () => o.locale && o.locale.startsWith("ar") ? "ar" : "en", R = (a) => q[H()][a] || q.en[a] || a, A = x(() => {
+    }, B = () => o.locale && o.locale.startsWith("ar") ? "ar" : "en", H = (a) => q[B()][a] || q.en[a] || a, R = D(() => {
       const a = [];
       for (let e = 0; e < 12; e++)
         a.push(new Date(2e3, e, 1).toLocaleDateString(o.locale, { month: "long" }));
       return a;
-    }), Z = x(() => {
-      const a = [];
-      for (let e = 0; e < 7; e++)
-        a.push(new Date(2e3, 0, 2 + e).toLocaleDateString(o.locale, { weekday: "short" }));
-      return a;
+    }), A = D(() => {
+      const a = B() === "ar" ? "narrow" : "short", e = [];
+      for (let t = 0; t < 7; t++)
+        e.push(new Date(2e3, 0, 2 + t).toLocaleDateString(o.locale, { weekday: a }));
+      return e;
     }), Y = (a) => {
       if (!a) return null;
       let e, t, n;
-      const l = String(a).split(/[-/]/);
-      if (l.length !== 3) return null;
+      const s = String(a).split(/[-/]/);
+      if (s.length !== 3) return null;
       switch (o.date_format) {
         case "DD-MM-YYYY":
         case "DD/MM/YYYY":
-          n = parseInt(l[0]), t = parseInt(l[1]) - 1, e = parseInt(l[2]);
+          n = parseInt(s[0]), t = parseInt(s[1]) - 1, e = parseInt(s[2]);
           break;
         case "MM-DD-YYYY":
         case "MM/DD/YYYY":
-          t = parseInt(l[0]) - 1, n = parseInt(l[1]), e = parseInt(l[2]);
+          t = parseInt(s[0]) - 1, n = parseInt(s[1]), e = parseInt(s[2]);
           break;
         default:
-          e = parseInt(l[0]), t = parseInt(l[1]) - 1, n = parseInt(l[2]);
+          e = parseInt(s[0]), t = parseInt(s[1]) - 1, n = parseInt(s[2]);
           break;
       }
       const p = new Date(e, t, n);
       return isNaN(p.getTime()) || p.getFullYear() !== e || p.getMonth() !== t || p.getDate() !== n ? null : p;
-    }, z = (a) => {
+    }, Z = (a) => {
       if (!a) return null;
       if (String(a).toLowerCase() === "today") return /* @__PURE__ */ new Date();
       const e = String(a).match(/^([+-]?)(\d+)([dmy])$/i);
       if (e) {
-        const l = e[1] === "-" ? -1 : 1, p = parseInt(e[2]) * l, w = e[3].toLowerCase(), k = /* @__PURE__ */ new Date();
-        return w === "d" ? k.setDate(k.getDate() + p) : w === "m" ? k.setMonth(k.getMonth() + p) : w === "y" && k.setFullYear(k.getFullYear() + p), k;
+        const s = e[1] === "-" ? -1 : 1, p = parseInt(e[2]) * s, w = e[3].toLowerCase(), m = /* @__PURE__ */ new Date();
+        return w === "d" ? m.setDate(m.getDate() + p) : w === "m" ? m.setMonth(m.getMonth() + p) : w === "y" && m.setFullYear(m.getFullYear() + p), m;
       }
       const t = Y(a);
       if (t) return t;
       const n = new Date(a);
       return isNaN(n.getTime()) ? null : n;
-    }, C = (a) => {
+    }, $ = (a) => {
       if (!a) return "";
       let e = a instanceof Date ? a : Y(a);
       if ((!e || isNaN(e.getTime())) && (e = new Date(a)), isNaN(e.getTime())) return "";
-      const t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), l = String(e.getDate()).padStart(2, "0");
+      const t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), s = String(e.getDate()).padStart(2, "0");
       switch (o.date_format) {
         case "DD-MM-YYYY":
-          return `${l}-${n}-${t}`;
+          return `${s}-${n}-${t}`;
         case "MM-DD-YYYY":
-          return `${n}-${l}-${t}`;
+          return `${n}-${s}-${t}`;
         case "DD/MM/YYYY":
-          return `${l}/${n}/${t}`;
+          return `${s}/${n}/${t}`;
         case "MM/DD/YYYY":
-          return `${n}/${l}/${t}`;
+          return `${n}/${s}/${t}`;
         case "YYYY/MM/DD":
-          return `${t}/${n}/${l}`;
+          return `${t}/${n}/${s}`;
         default:
-          return `${t}-${n}-${l}`;
+          return `${t}-${n}-${s}`;
       }
     }, i = (a) => {
       const e = new Date(a);
       return e.setHours(0, 0, 0, 0), e;
-    }, P = (a, e) => a && e && a.toDateString() === e.toDateString(), G = x(() => {
+    }, z = (a, e) => a && e && a.toDateString() === e.toDateString(), P = D(() => {
       const a = o.modelValue?.start, e = o.modelValue?.end;
       if (!a && !e) return "";
-      const t = a ? C(Y(a) || new Date(a)) : "", n = e ? C(Y(e) || new Date(e)) : "";
+      const t = a ? $(Y(a) || new Date(a)) : "", n = e ? $(Y(e) || new Date(e)) : "";
       return t && n ? `${t} ${o.separator} ${n}` : t || n;
-    }), re = x(() => {
-      const a = c.value ? C(c.value) : "…", e = f.value ? C(f.value) : "…";
+    }), ae = D(() => {
+      const a = g.value ? $(g.value) : "…", e = f.value ? $(f.value) : "…";
       return `${a} ${o.separator} ${e}`;
-    }), U = (a, e) => {
-      const t = new Date(a, e, 1), n = new Date(a, e + 1, 0), l = t.getDay(), p = n.getDate(), w = [], k = new Date(a, e, 0).getDate();
-      for (let d = l - 1; d >= 0; d--)
-        w.push({
-          day: k - d,
-          currentMonth: !1,
-          date: new Date(a, e - 1, k - d)
-        });
-      for (let d = 1; d <= p; d++)
-        w.push({ day: d, currentMonth: !0, date: new Date(a, e, d) });
-      const de = 42 - w.length;
-      for (let d = 1; d <= de; d++)
-        w.push({ day: d, currentMonth: !1, date: new Date(a, e + 1, d) });
+    }), G = (a, e) => {
+      const t = new Date(a, e, 1), n = new Date(a, e + 1, 0), s = t.getDay(), p = n.getDate(), w = [];
+      for (let m = 0; m < s; m++)
+        w.push({ day: null, currentMonth: !1, date: null });
+      for (let m = 1; m <= p; m++)
+        w.push({ day: m, currentMonth: !0, date: new Date(a, e, m) });
+      for (; w.length % 7 !== 0; )
+        w.push({ day: null, currentMonth: !1, date: null });
       return w;
-    }, N = x(() => {
-      const a = v.value === 11 ? 0 : v.value + 1, e = v.value === 11 ? _.value + 1 : _.value;
+    }, V = D(() => {
+      const a = v.value === 11 ? 0 : v.value + 1, e = v.value === 11 ? M.value + 1 : M.value;
       return { month: a, year: e };
-    }), ne = x(() => U(_.value, v.value)), se = x(() => U(N.value.year, N.value.month)), D = (a) => {
+    }), re = D(() => G(M.value, v.value)), ne = D(() => G(V.value.year, V.value.month)), k = (a) => {
       if (o.disabled_days.includes(a.getDay())) return !0;
       if (o.disabled_dates && o.disabled_dates.length > 0) {
         const e = i(a);
@@ -189,110 +190,110 @@ const ye = {
         }
       }
       if (o.min_date) {
-        const e = z(o.min_date);
+        const e = Z(o.min_date);
         if (e && i(a) < i(e)) return !0;
       }
       if (o.max_date) {
-        const e = z(o.max_date);
+        const e = Z(o.max_date);
         if (e && i(a) > i(e)) return !0;
       }
       return !1;
-    }, le = x(() => c.value && !f.value && V.value ? V.value : f.value), B = x(() => {
-      const a = c.value, e = le.value;
+    }, le = D(() => g.value && !f.value && T.value ? T.value : f.value), L = D(() => {
+      const a = g.value, e = le.value;
       return !a || !e ? null : a <= e ? { lo: i(a), hi: i(e) } : { lo: i(e), hi: i(a) };
     }), h = (a) => {
-      const e = B.value;
-      return e ? i(a).getTime() === e.lo.getTime() : P(a, c.value);
+      const e = L.value;
+      return e ? i(a).getTime() === e.lo.getTime() : z(a, g.value);
     }, y = (a) => {
-      const e = B.value;
+      const e = L.value;
       return e ? i(a).getTime() === e.hi.getTime() : !1;
-    }, W = (a) => {
-      const e = B.value;
+    }, U = (a) => {
+      const e = L.value;
       if (!e) return !1;
       const t = i(a).getTime();
       return t > e.lo.getTime() && t < e.hi.getTime();
-    }, J = (a) => P(a, /* @__PURE__ */ new Date()), K = (a) => {
+    }, W = (a) => z(a, /* @__PURE__ */ new Date()), J = (a) => {
       const e = a.date;
-      D(e) || (!c.value || c.value && f.value ? (c.value = i(e), f.value = null) : i(e) < c.value ? (f.value = c.value, c.value = i(e)) : f.value = i(e));
-    }, Q = (a) => {
-      c.value && !f.value && !D(a.date) && (V.value = a.date);
-    }, oe = () => {
-      v.value === 0 ? (v.value = 11, _.value--) : v.value--;
+      k(e) || (!g.value || g.value && f.value ? (g.value = i(e), f.value = null) : i(e) < g.value ? (f.value = g.value, g.value = i(e)) : f.value = i(e));
+    }, K = (a) => {
+      g.value && !f.value && !k(a.date) && (T.value = a.date);
+    }, se = () => {
+      v.value === 0 ? (v.value = 11, M.value--) : v.value--;
+    }, Q = () => {
+      v.value === 11 ? (v.value = 0, M.value++) : v.value++;
     }, X = () => {
-      v.value === 11 ? (v.value = 0, _.value++) : v.value++;
-    }, j = () => {
       const a = o.modelValue?.start, e = a ? Y(a) || new Date(a) : /* @__PURE__ */ new Date();
-      isNaN(e.getTime()) || (v.value = e.getMonth(), _.value = e.getFullYear());
-    }, ie = () => {
+      isNaN(e.getTime()) || (v.value = e.getMonth(), M.value = e.getFullYear());
+    }, oe = () => {
       const a = o.modelValue?.start, e = o.modelValue?.end;
-      c.value = a ? i(Y(a) || new Date(a)) : null, f.value = e ? i(Y(e) || new Date(e)) : null, V.value = null, j(), M.value = !0;
-    }, O = () => {
-      M.value ? M.value = !1 : ie();
-    }, ue = () => {
+      g.value = a ? i(Y(a) || new Date(a)) : null, f.value = e ? i(Y(e) || new Date(e)) : null, T.value = null, X(), x.value = !0;
+    }, j = () => {
+      x.value ? x.value = !1 : oe();
+    }, ie = () => {
       const a = {
-        start: c.value ? C(c.value) : "",
-        end: f.value ? C(f.value) : ""
+        start: g.value ? $(g.value) : "",
+        end: f.value ? $(f.value) : ""
       };
-      E("update:modelValue", a), E("change", a), M.value = !1;
-    }, ce = () => {
-      M.value = !1;
-    }, ee = (a) => {
-      L.value && !L.value.contains(a.target) && (M.value = !1);
+      E("update:modelValue", a), E("change", a), x.value = !1;
+    }, ue = () => {
+      x.value = !1;
+    }, O = (a) => {
+      I.value && !I.value.contains(a.target) && (x.value = !1);
     };
-    return ge(
+    return de(
       () => o.modelValue,
       () => {
-        M.value || j();
+        x.value || X();
       },
       { deep: !0 }
-    ), me(() => document.addEventListener("click", ee)), ve(() => document.removeEventListener("click", ee)), (a, e) => (m(), g(S, null, [
-      s.show ? (m(), g("div", {
+    ), ce(() => document.addEventListener("click", O)), ge(() => document.removeEventListener("click", O)), (a, e) => (d(), u(C, null, [
+      l.show ? (d(), u("div", {
         key: 0,
-        class: b(s.field_name)
+        class: b(l.field_name)
       }, [
-        s.label_name ? (m(), g("label", ye, u(s.label_name), 1)) : T("", !0),
-        r("p", pe, u(G.value), 1),
+        l.label_name ? (d(), u("label", fe, c(l.label_name), 1)) : S("", !0),
+        r("p", he, c(P.value), 1),
         e[0] || (e[0] = r("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
-      ], 2)) : T("", !0),
-      s.show ? T("", !0) : (m(), g("div", {
+      ], 2)) : S("", !0),
+      l.show ? S("", !0) : (d(), u("div", {
         key: 1,
         ref_key: "datepickerContainer",
-        ref: L,
-        dir: ae.value ? "rtl" : "ltr",
+        ref: I,
+        dir: te.value ? "rtl" : "ltr",
         class: b({
-          [s.field_name]: s.field_name && s.field_name !== "",
-          [s.container_class]: s.container_class && s.container_class !== ""
+          [l.field_name]: l.field_name && l.field_name !== "",
+          [l.container_class]: l.container_class && l.container_class !== ""
         })
       }, [
-        s.label_name ? (m(), g("label", {
+        l.label_name ? (d(), u("label", {
           key: 0,
           class: b({
-            "gl-label-form": s.error_message == "",
-            "gl-label-form-invalid": s.error_message !== "",
-            required: s.is_required
+            "gl-label-form": l.error_message == "",
+            "gl-label-form-invalid": l.error_message !== "",
+            required: l.is_required
           }),
-          for: s.field_name
-        }, u(s.label_name), 11, ke)) : T("", !0),
-        r("div", xe, [
-          r("div", we, [
+          for: l.field_name
+        }, c(l.label_name), 11, pe)) : S("", !0),
+        r("div", ke, [
+          r("div", De, [
             r("input", {
               type: "text",
               readonly: "",
               class: b(["rtl:text-right pe-10 cursor-pointer", {
-                "gl-input-form": s.error_message == "",
-                "gl-input-form-invalid": s.error_message !== "",
-                [s.input_class]: s.input_class && s.input_class !== ""
+                "gl-input-form": l.error_message == "",
+                "gl-input-form-invalid": l.error_message !== "",
+                [l.input_class]: l.input_class && l.input_class !== ""
               }]),
-              required: s.is_required,
-              name: s.field_name,
-              id: s.field_name,
-              value: G.value,
-              placeholder: s.placeholder,
-              onClick: O
-            }, null, 10, Me),
+              required: l.is_required,
+              name: l.field_name,
+              id: l.field_name,
+              value: P.value,
+              placeholder: l.placeholder,
+              onClick: j
+            }, null, 10, we),
             r("div", {
               class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
-              onClick: O
+              onClick: j
             }, e[1] || (e[1] = [
               r("svg", {
                 class: "w-4 h-4 text-gray-500 dark:text-gray-400",
@@ -305,13 +306,13 @@ const ye = {
               ], -1)
             ]))
           ]),
-          fe(r("div", Ye, [
-            r("div", be, [
-              r("div", _e, [
-                r("div", $e, [
+          me(r("div", xe, [
+            r("div", Ye, [
+              r("div", be, [
+                r("div", Me, [
                   r("button", {
                     type: "button",
-                    onClick: oe,
+                    onClick: se,
                     class: "p-1 rounded text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"
                   }, e[2] || (e[2] = [
                     r("svg", {
@@ -328,11 +329,11 @@ const ye = {
                       })
                     ], -1)
                   ])),
-                  r("span", Ce, u(A.value[v.value]) + " " + u(_.value), 1),
+                  r("span", _e, c(R.value[v.value]) + " " + c(M.value), 1),
                   e[4] || (e[4] = r("span", { class: "w-7 sm:hidden" }, null, -1)),
                   r("button", {
                     type: "button",
-                    onClick: X,
+                    onClick: Q,
                     class: "p-1 rounded text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 sm:hidden"
                   }, e[3] || (e[3] = [
                     r("svg", {
@@ -350,48 +351,48 @@ const ye = {
                     ], -1)
                   ]))
                 ]),
-                r("div", Se, [
-                  (m(!0), g(S, null, I(Z.value, (t) => (m(), g("div", {
+                r("div", $e, [
+                  (d(!0), u(C, null, N(A.value, (t) => (d(), u("div", {
                     key: "lh-" + t,
-                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1"
-                  }, u(t), 1))), 128))
+                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1 truncate"
+                  }, c(t), 1))), 128))
                 ]),
-                r("div", Te, [
-                  (m(!0), g(S, null, I(ne.value, (t, n) => (m(), g("div", {
+                r("div", Ce, [
+                  (d(!0), u(C, null, N(re.value, (t, n) => (d(), u("div", {
                     key: "l-" + n,
                     class: b(["py-0.5", {
-                      "bg-primary/10 dark:bg-primaryDark/20": t.currentMonth && (W(t.date) || h(t.date) || y(t.date)),
+                      "bg-primary/10 dark:bg-primaryDark/20": t.currentMonth && (U(t.date) || h(t.date) || y(t.date)),
                       "rounded-s-full": h(t.date),
                       "rounded-e-full": y(t.date)
                     }])
                   }, [
-                    r("button", {
+                    t.currentMonth ? (d(), u("button", {
+                      key: 0,
                       type: "button",
-                      onClick: (l) => K(t),
-                      onMouseenter: (l) => Q(t),
-                      disabled: D(t.date),
+                      onClick: (s) => J(t),
+                      onMouseenter: (s) => K(t),
+                      disabled: k(t.date),
                       class: b([
                         "w-9 h-9 mx-auto text-sm rounded-full flex items-center justify-center transition-colors",
                         {
-                          "text-gray-300 dark:text-gray-600 pointer-events-none": !t.currentMonth,
-                          "text-gray-900 dark:text-white": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
-                          "bg-primary dark:bg-primaryDark text-white font-semibold": t.currentMonth && (h(t.date) || y(t.date)),
-                          "ring-1 ring-primary dark:ring-primaryDark": J(t.date) && t.currentMonth && !h(t.date) && !y(t.date),
-                          "hover:bg-gray-100 dark:hover:bg-gray-700": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
-                          "opacity-40 cursor-not-allowed": D(t.date)
+                          "text-gray-900 dark:text-white": !h(t.date) && !y(t.date) && !k(t.date),
+                          "bg-primary dark:bg-primaryDark text-white font-semibold": h(t.date) || y(t.date),
+                          "ring-1 ring-primary dark:ring-primaryDark": W(t.date) && !h(t.date) && !y(t.date),
+                          "hover:bg-gray-100 dark:hover:bg-gray-700": !h(t.date) && !y(t.date) && !k(t.date),
+                          "opacity-40 cursor-not-allowed": k(t.date)
                         }
                       ])
-                    }, u(t.day), 43, Ve)
+                    }, c(t.day), 43, Se)) : (d(), u("div", Te))
                   ], 2))), 128))
                 ])
               ]),
-              r("div", Ne, [
-                r("div", Ie, [
+              r("div", Ve, [
+                r("div", Ne, [
                   e[6] || (e[6] = r("span", { class: "w-7" }, null, -1)),
-                  r("span", Le, u(A.value[N.value.month]) + " " + u(N.value.year), 1),
+                  r("span", Ie, c(R.value[V.value.month]) + " " + c(V.value.year), 1),
                   r("button", {
                     type: "button",
-                    onClick: X,
+                    onClick: Q,
                     class: "p-1 rounded text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"
                   }, e[5] || (e[5] = [
                     r("svg", {
@@ -410,63 +411,63 @@ const ye = {
                   ]))
                 ]),
                 r("div", Be, [
-                  (m(!0), g(S, null, I(Z.value, (t) => (m(), g("div", {
+                  (d(!0), u(C, null, N(A.value, (t) => (d(), u("div", {
                     key: "rh-" + t,
-                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1"
-                  }, u(t), 1))), 128))
+                    class: "text-center text-xs font-semibold text-gray-700 dark:text-gray-300 py-1 truncate"
+                  }, c(t), 1))), 128))
                 ]),
-                r("div", Ee, [
-                  (m(!0), g(S, null, I(se.value, (t, n) => (m(), g("div", {
+                r("div", Le, [
+                  (d(!0), u(C, null, N(ne.value, (t, n) => (d(), u("div", {
                     key: "r-" + n,
                     class: b(["py-0.5", {
-                      "bg-primary/10 dark:bg-primaryDark/20": t.currentMonth && (W(t.date) || h(t.date) || y(t.date)),
+                      "bg-primary/10 dark:bg-primaryDark/20": t.currentMonth && (U(t.date) || h(t.date) || y(t.date)),
                       "rounded-s-full": h(t.date),
                       "rounded-e-full": y(t.date)
                     }])
                   }, [
-                    r("button", {
+                    t.currentMonth ? (d(), u("button", {
+                      key: 0,
                       type: "button",
-                      onClick: (l) => K(t),
-                      onMouseenter: (l) => Q(t),
-                      disabled: D(t.date),
+                      onClick: (s) => J(t),
+                      onMouseenter: (s) => K(t),
+                      disabled: k(t.date),
                       class: b([
                         "w-9 h-9 mx-auto text-sm rounded-full flex items-center justify-center transition-colors",
                         {
-                          "text-gray-300 dark:text-gray-600 pointer-events-none": !t.currentMonth,
-                          "text-gray-900 dark:text-white": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
-                          "bg-primary dark:bg-primaryDark text-white font-semibold": t.currentMonth && (h(t.date) || y(t.date)),
-                          "ring-1 ring-primary dark:ring-primaryDark": J(t.date) && t.currentMonth && !h(t.date) && !y(t.date),
-                          "hover:bg-gray-100 dark:hover:bg-gray-700": t.currentMonth && !h(t.date) && !y(t.date) && !D(t.date),
-                          "opacity-40 cursor-not-allowed": D(t.date)
+                          "text-gray-900 dark:text-white": !h(t.date) && !y(t.date) && !k(t.date),
+                          "bg-primary dark:bg-primaryDark text-white font-semibold": h(t.date) || y(t.date),
+                          "ring-1 ring-primary dark:ring-primaryDark": W(t.date) && !h(t.date) && !y(t.date),
+                          "hover:bg-gray-100 dark:hover:bg-gray-700": !h(t.date) && !y(t.date) && !k(t.date),
+                          "opacity-40 cursor-not-allowed": k(t.date)
                         }
                       ])
-                    }, u(t.day), 43, Fe)
+                    }, c(t.day), 43, Ee)) : (d(), u("div", Fe))
                   ], 2))), 128))
                 ])
               ])
             ]),
             r("div", qe, [
-              r("span", He, u(re.value), 1),
+              r("span", He, c(ae.value), 1),
               r("div", Re, [
                 r("button", {
                   type: "button",
-                  onClick: ce,
+                  onClick: ue,
                   class: "px-4 py-2 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-200 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"
-                }, u(R("cancel")), 1),
+                }, c(H("cancel")), 1),
                 r("button", {
                   type: "button",
-                  onClick: ue,
+                  onClick: ie,
                   class: "px-4 py-2 text-sm font-medium rounded-lg text-white bg-primary dark:bg-primaryDark hover:bg-primary/90 dark:hover:bg-primaryDark/90 transition-colors"
-                }, u(R("apply")), 1)
+                }, c(H("apply")), 1)
               ])
             ])
           ], 512), [
-            [he, M.value]
+            [ve, x.value]
           ])
         ]),
-        r("span", Ae, u(s.error_message), 1),
-        s.description ? (m(), g("small", Ze, u(s.description), 1)) : T("", !0)
-      ], 10, De))
+        r("span", Ae, c(l.error_message), 1),
+        l.description ? (d(), u("small", Ze, c(l.description), 1)) : S("", !0)
+      ], 10, ye))
     ], 64));
   }
 };

package/package.json

@@ -3,7 +3,7 @@
   "description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
   "type": "module",
   "private": false,
-  "version": "1.2.371",
+  "version": "1.2.373",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mrgiant/GoldenLogicUi.git"