golden-logic-ui 1.2.345 → 1.2.346

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

@@ -0,0 +1,732 @@
+import { ref as p, computed as G, watch as Ce, onMounted as Ne, onUnmounted as $e, createElementBlock as g, openBlock as m, Fragment as q, createCommentVNode as x, normalizeClass as b, createElementVNode as a, toDisplayString as f, withDirectives as Ve, renderList as oe, vShow as Ie } from "vue";
+const Be = {
+  key: 0,
+  class: "gl-label-form"
+}, He = { class: "mt-1 text-gray-900 dark:text-white" }, Fe = ["for"], Le = { class: "relative" }, Pe = {
+  key: 0,
+  class: "flex items-center"
+}, Ge = ["innerHTML"], qe = { class: "relative w-full" }, Ae = ["required", "name", "id", "value", "placeholder"], ze = ["innerHTML"], Ee = {
+  key: 1,
+  class: "relative"
+}, Ue = ["required", "name", "id", "value", "placeholder"], Ze = { 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-full" }, Re = { class: "flex items-center justify-between mb-4" }, We = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Je = { class: "grid grid-cols-7 gap-1 mb-2" }, Ke = { class: "grid grid-cols-7 gap-1" }, Qe = ["onClick", "disabled"], Xe = { class: "mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, je = { class: "flex items-center justify-center gap-2" }, _e = { class: "text-xs font-medium text-gray-500 dark:text-gray-400 me-1" }, Oe = { class: "flex flex-col items-center" }, et = ["value"], tt = { class: "flex flex-col items-center" }, rt = ["value"], at = { class: "flex flex-col gap-1 ms-1" }, nt = { class: "flex items-center justify-between mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, ot = { class: "flex items-center gap-3" }, lt = { class: "gl-span-form-error" }, st = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, ut = {
+  __name: "GlDateTimePicker",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [String, Date],
+      default: ""
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "Select date & time"
+    },
+    input_class: {
+      type: String,
+      default: ""
+    },
+    container_class: {
+      type: String,
+      default: ""
+    },
+    // Date format options
+    date_format: {
+      type: String,
+      default: "YYYY-MM-DD"
+      // Options: YYYY-MM-DD, DD-MM-YYYY, MM-DD-YYYY, DD/MM/YYYY, MM/DD/YYYY, YYYY/MM/DD
+    },
+    // Step (in minutes) used when stepping the minute selector
+    minute_step: {
+      type: Number,
+      default: 1
+    },
+    // Min and max date constraints
+    // Accepts: "YYYY-MM-DD" or relative: "+3m", "-1y", "+7d", "today"
+    min_date: {
+      type: String,
+      default: null
+    },
+    // Accepts: "YYYY-MM-DD" or relative: "+3m", "-1y", "+7d", "today"
+    max_date: {
+      type: String,
+      default: null
+    },
+    // Disable specific days (0 = Sunday, 6 = Saturday)
+    disabled_days: {
+      type: Array,
+      default: () => []
+    },
+    // Disable specific dates (array of date strings in any supported format or Date objects)
+    // Example: ["2026-01-15", "2026-02-20", "25-12-2026"]
+    disabled_dates: {
+      type: Array,
+      default: () => []
+    },
+    // Locale for month/day names
+    locale: {
+      type: String,
+      default: "en"
+    },
+    inputGroupType: {
+      type: String,
+      default: ""
+    },
+    inputGroupText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change", "blur-sm"],
+  setup(n, { expose: le, emit: se }) {
+    const s = n, h = se, Y = p(null), F = p(null), D = p(!1), u = p((/* @__PURE__ */ new Date()).getMonth()), c = p((/* @__PURE__ */ new Date()).getFullYear()), k = p(12), w = p(0), C = p("AM"), A = (t) => {
+      if (!t) return null;
+      if (t.toLowerCase() === "today")
+        return /* @__PURE__ */ new Date();
+      const e = t.match(/^([+-]?)(\d+)([dmy])$/i);
+      if (e) {
+        const l = e[1] === "-" ? -1 : 1, y = parseInt(e[2]) * l, d = e[3].toLowerCase(), i = /* @__PURE__ */ new Date();
+        return d === "d" ? i.setDate(i.getDate() + y) : d === "m" ? i.setMonth(i.getMonth() + y) : d === "y" && i.setFullYear(i.getFullYear() + y), i;
+      }
+      const r = Z(t);
+      if (r) return r;
+      const o = new Date(t);
+      return isNaN(o.getTime()) ? null : o;
+    }, ie = G(() => {
+      const t = [];
+      for (let e = 0; e < 12; e++) {
+        const r = new Date(2e3, e, 1);
+        t.push(r.toLocaleDateString(s.locale, { month: "long" }));
+      }
+      return t;
+    }), ue = G(() => {
+      const t = [];
+      for (let e = 0; e < 7; e++) {
+        const r = new Date(2e3, 0, 2 + e);
+        t.push(r.toLocaleDateString(s.locale, { weekday: "short" }));
+      }
+      return t;
+    }), z = (t, e) => {
+      let r = t % 12;
+      return e === "PM" && (r += 12), r;
+    }, E = (t) => {
+      const e = t >= 12 ? "PM" : "AM";
+      let r = t % 12;
+      return r === 0 && (r = 12), { hour: r, meridiem: e };
+    }, de = (t) => {
+      const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), o = String(t.getDate()).padStart(2, "0");
+      switch (s.date_format) {
+        case "DD-MM-YYYY":
+          return `${o}-${r}-${e}`;
+        case "MM-DD-YYYY":
+          return `${r}-${o}-${e}`;
+        case "DD/MM/YYYY":
+          return `${o}/${r}/${e}`;
+        case "MM/DD/YYYY":
+          return `${r}/${o}/${e}`;
+        case "YYYY/MM/DD":
+          return `${e}/${r}/${o}`;
+        default:
+          return `${e}-${r}-${o}`;
+      }
+    }, ce = (t) => {
+      const { hour: e, meridiem: r } = E(t.getHours()), o = String(e).padStart(2, "0"), l = String(t.getMinutes()).padStart(2, "0");
+      return `${o}:${l} ${r}`;
+    }, V = (t) => {
+      if (!t) return "";
+      let e;
+      return typeof t == "string" && (e = T(t)), (!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime()) ? "" : `${de(e)} ${ce(e)}`;
+    }, U = (t) => {
+      if (!t) return null;
+      let e, r, o;
+      const l = t.split(/[-/]/);
+      if (l.length !== 3) return null;
+      switch (s.date_format) {
+        case "DD-MM-YYYY":
+        case "DD/MM/YYYY":
+          o = parseInt(l[0]), r = parseInt(l[1]) - 1, e = parseInt(l[2]);
+          break;
+        case "MM-DD-YYYY":
+        case "MM/DD/YYYY":
+          r = parseInt(l[0]) - 1, o = parseInt(l[1]), e = parseInt(l[2]);
+          break;
+        default:
+          e = parseInt(l[0]), r = parseInt(l[1]) - 1, o = parseInt(l[2]);
+          break;
+      }
+      return { year: e, month: r, day: o };
+    }, Z = (t) => {
+      if (!t) return null;
+      const e = String(t).trim().split(" ")[0], r = U(e);
+      if (!r) return null;
+      const { year: o, month: l, day: y } = r, d = new Date(o, l, y);
+      return isNaN(d.getTime()) || d.getFullYear() !== o || d.getMonth() !== l || d.getDate() !== y ? null : d;
+    }, T = (t) => {
+      if (!t) return null;
+      const e = String(t).trim(), r = e.indexOf(" "), o = r === -1 ? e : e.slice(0, r), l = r === -1 ? "" : e.slice(r + 1).trim(), y = U(o);
+      if (!y) return null;
+      let d = 0, i = 0;
+      if (l) {
+        const $ = l.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
+        if ($) {
+          const ae = parseInt($[1]);
+          i = parseInt($[2]);
+          const ne = $[3] ? $[3].toUpperCase() : null;
+          ne ? d = z(ae, ne) : d = ae;
+        }
+      }
+      const { year: ee, month: te, day: re } = y, N = new Date(ee, te, re, d, i);
+      return isNaN(N.getTime()) || N.getFullYear() !== ee || N.getMonth() !== te || N.getDate() !== re ? null : N;
+    }, v = p(""), L = p(!1), I = (t) => {
+      if (!t) return;
+      let e = typeof t == "string" ? T(t) : null;
+      if ((!e || isNaN(e.getTime())) && (e = new Date(t)), isNaN(e.getTime())) return;
+      const { hour: r, meridiem: o } = E(e.getHours());
+      k.value = r, w.value = e.getMinutes(), C.value = o;
+    };
+    Ce(() => s.modelValue, (t) => {
+      L.value || (v.value = V(t), I(t));
+    }, { immediate: !0 });
+    const R = (t) => {
+      const e = t.target.value;
+      v.value = e, e === "" && (h("update:modelValue", ""), h("change", ""));
+    }, W = (t) => {
+      L.value = !1;
+      const e = v.value, r = T(e);
+      if (r && !isNaN(r.getTime()) && !S(r)) {
+        const o = V(r);
+        v.value = o, I(o), h("update:modelValue", o), h("change", o);
+      } else e !== "" && (v.value = V(s.modelValue));
+      h("blur-sm", t);
+    }, ge = G(() => {
+      const t = new Date(c.value, u.value, 1), e = new Date(c.value, u.value + 1, 0), r = t.getDay(), o = e.getDate(), l = [], y = new Date(c.value, u.value, 0).getDate();
+      for (let i = r - 1; i >= 0; i--)
+        l.push({
+          day: y - i,
+          currentMonth: !1,
+          date: new Date(c.value, u.value - 1, y - i)
+        });
+      for (let i = 1; i <= o; i++)
+        l.push({
+          day: i,
+          currentMonth: !0,
+          date: new Date(c.value, u.value, i)
+        });
+      const d = 42 - l.length;
+      for (let i = 1; i <= d; i++)
+        l.push({
+          day: i,
+          currentMonth: !1,
+          date: new Date(c.value, u.value + 1, i)
+        });
+      return l;
+    }), S = (t) => {
+      if (s.disabled_days.includes(t.getDay()))
+        return !0;
+      if (s.disabled_dates && s.disabled_dates.length > 0) {
+        const r = new Date(t);
+        r.setHours(0, 0, 0, 0);
+        for (const o of s.disabled_dates) {
+          let l;
+          if (typeof o == "string" ? (l = Z(o), (!l || isNaN(l.getTime())) && (l = new Date(o))) : o instanceof Date && (l = o), l && !isNaN(l.getTime()) && (l.setHours(0, 0, 0, 0), r.getTime() === l.getTime()))
+            return !0;
+        }
+      }
+      const e = new Date(t);
+      if (e.setHours(0, 0, 0, 0), s.min_date) {
+        const r = A(s.min_date);
+        if (r && (r.setHours(0, 0, 0, 0), e < r))
+          return !0;
+      }
+      if (s.max_date) {
+        const r = A(s.max_date);
+        if (r && (r.setHours(0, 0, 0, 0), e > r))
+          return !0;
+      }
+      return !1;
+    }, B = (t) => {
+      if (!s.modelValue) return !1;
+      const e = T(s.modelValue) || new Date(s.modelValue);
+      return isNaN(e.getTime()) ? !1 : t.toDateString() === e.toDateString();
+    }, me = (t) => t.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), fe = (t) => {
+      const e = z(k.value, C.value);
+      return new Date(
+        t.getFullYear(),
+        t.getMonth(),
+        t.getDate(),
+        e,
+        w.value
+      );
+    }, P = (t) => {
+      const e = fe(t), r = V(e);
+      v.value = r, h("update:modelValue", r), h("change", r);
+    }, ye = () => {
+      const t = T(s.modelValue);
+      return t && !isNaN(t.getTime()) ? t : /* @__PURE__ */ new Date();
+    }, ve = (t) => {
+      S(t.date) || P(t.date);
+    }, M = () => {
+      s.modelValue && P(ye());
+    }, J = (t) => {
+      C.value = t, M();
+    }, K = (t) => {
+      let e = k.value + t;
+      e > 12 && (e = 1), e < 1 && (e = 12), k.value = e, M();
+    }, Q = (t) => {
+      let e = w.value + t * s.minute_step;
+      e > 59 && (e = 0), e < 0 && (e = 59 - (59 - e) % 60), w.value = (e % 60 + 60) % 60, M();
+    }, pe = (t) => {
+      let e = t.target.value.replace(/\D/g, "").slice(0, 2), r = parseInt(e);
+      isNaN(r) && (r = 0), r > 12 && (r = 12), e !== "" && r < 1 && (r = 1), t.target.value = e === "" ? "" : String(r), e !== "" && (k.value = r, M());
+    }, he = (t) => {
+      let e = t.target.value.replace(/\D/g, "").slice(0, 2), r = parseInt(e);
+      isNaN(r) && (r = 0), r > 59 && (r = 59), r < 0 && (r = 0), t.target.value = e === "" ? "" : String(r), e !== "" && (w.value = r, M());
+    }, ke = (t) => {
+      k.value < 1 && (k.value = 12), t.target.value = String(k.value).padStart(2, "0"), M();
+    }, xe = (t) => {
+      t.target.value = String(w.value).padStart(2, "0"), M();
+    }, be = () => {
+      u.value === 0 ? (u.value = 11, c.value--) : u.value--;
+    }, De = () => {
+      u.value === 11 ? (u.value = 0, c.value++) : u.value++;
+    }, we = () => {
+      c.value--;
+    }, Me = () => {
+      c.value++;
+    }, X = {
+      en: {
+        clear: "Clear",
+        now: "Now",
+        done: "Done",
+        time: "Time"
+      },
+      ar: {
+        clear: "مسح",
+        now: "الآن",
+        done: "تم",
+        time: "الوقت"
+      }
+    }, Ye = () => s.locale && s.locale.startsWith("ar") ? "ar" : "en", H = (t) => {
+      const e = Ye();
+      return X[e][t] || X.en[t] || t;
+    }, Te = () => {
+      const t = /* @__PURE__ */ new Date();
+      u.value = t.getMonth(), c.value = t.getFullYear(), I(t), P(t);
+    }, Se = () => {
+      v.value = "", h("update:modelValue", ""), h("change", ""), D.value = !1;
+    }, j = () => {
+      L.value = !0;
+    }, _ = () => {
+      if (D.value = !D.value, D.value && s.modelValue) {
+        const t = T(s.modelValue) || new Date(s.modelValue);
+        isNaN(t.getTime()) || (u.value = t.getMonth(), c.value = t.getFullYear(), I(t));
+      }
+    }, O = (t) => {
+      F.value && !F.value.contains(t.target) && (D.value = !1);
+    };
+    return Ne(() => {
+      document.addEventListener("click", O), Y.value !== null && Y.value.hasAttribute("autofocus") && Y.value.focus();
+    }), $e(() => {
+      document.removeEventListener("click", O);
+    }), le({ focus: () => Y.value?.focus() }), (t, e) => (m(), g(q, null, [
+      n.show ? (m(), g("div", {
+        key: 0,
+        class: b(n.field_name)
+      }, [
+        n.label_name ? (m(), g("label", Be, f(n.label_name), 1)) : x("", !0),
+        a("p", He, f(v.value), 1),
+        e[7] || (e[7] = a("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
+      ], 2)) : x("", !0),
+      n.show ? x("", !0) : (m(), g("div", {
+        key: 1,
+        class: b({
+          [n.field_name]: n.field_name && n.field_name !== "",
+          [n.container_class]: n.container_class && n.container_class !== ""
+        }),
+        ref_key: "datepickerContainer",
+        ref: F
+      }, [
+        n.label_name ? (m(), g("label", {
+          key: 0,
+          class: b({
+            "gl-label-form": n.error_message == "",
+            "gl-label-form-invalid": n.error_message !== "",
+            required: n.is_required
+          }),
+          for: n.field_name
+        }, f(n.label_name), 11, Fe)) : x("", !0),
+        a("div", Le, [
+          n.inputGroupType ? (m(), g("div", Pe, [
+            n.inputGroupType == "prepend" ? (m(), g("label", {
+              key: 0,
+              innerHTML: n.inputGroupText,
+              class: "h-10 z-10 inline-flex items-center shrink-0 px-4 text-sm font-medium text-center text-gray-500 bg-gray-100 border border-gray-300 dark:text-gray-400 rounded-s-lg focus:outline-hidden dark:bg-gray-700 dark:border-gray-600"
+            }, null, 8, Ge)) : x("", !0),
+            a("div", qe, [
+              a("input", {
+                type: "text",
+                class: b(["rtl:text-right rounded-none!", {
+                  "gl-input-form": n.error_message == "",
+                  "gl-input-form-invalid": n.error_message !== "",
+                  [n.input_class]: n.input_class && n.input_class !== "",
+                  "border-e-0! rounded-s-lg!": n.inputGroupType == "append",
+                  "border-s-0! rounded-e-lg!": n.inputGroupType == "prepend"
+                }]),
+                required: n.is_required,
+                name: n.field_name,
+                id: n.field_name,
+                value: v.value,
+                onInput: R,
+                onFocus: j,
+                onBlur: W,
+                ref_key: "input",
+                ref: Y,
+                placeholder: n.placeholder
+              }, null, 42, Ae),
+              a("div", {
+                class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
+                onClick: _
+              }, e[8] || (e[8] = [
+                a("svg", {
+                  class: "w-4 h-4 text-gray-500 dark:text-gray-400",
+                  "aria-hidden": "true",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  a("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2Zm7-6 1.5 1.5"
+                  })
+                ], -1)
+              ]))
+            ]),
+            n.inputGroupType == "append" ? (m(), g("label", {
+              key: 1,
+              innerHTML: n.inputGroupText,
+              class: "h-10 z-10 inline-flex items-center shrink-0 px-4 text-sm font-medium text-center text-gray-500 bg-gray-100 border border-gray-300 dark:text-gray-400 rounded-e-lg focus:outline-hidden dark:bg-gray-700 dark:border-gray-600"
+            }, null, 8, ze)) : x("", !0)
+          ])) : x("", !0),
+          n.inputGroupType == "" ? (m(), g("div", Ee, [
+            a("input", {
+              type: "text",
+              class: b(["rtl:text-right pe-10", {
+                "gl-input-form": n.error_message == "",
+                "gl-input-form-invalid": n.error_message !== "",
+                [n.input_class]: n.input_class && n.input_class !== ""
+              }]),
+              required: n.is_required,
+              name: n.field_name,
+              id: n.field_name,
+              value: v.value,
+              onInput: R,
+              onFocus: j,
+              onBlur: W,
+              ref_key: "input",
+              ref: Y,
+              placeholder: n.placeholder
+            }, null, 42, Ue),
+            a("div", {
+              class: "absolute inset-y-0 end-0 flex items-center pe-3 cursor-pointer",
+              onClick: _
+            }, e[9] || (e[9] = [
+              a("svg", {
+                class: "w-4 h-4 text-gray-500 dark:text-gray-400",
+                "aria-hidden": "true",
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                a("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2Zm7-6 1.5 1.5"
+                })
+              ], -1)
+            ]))
+          ])) : x("", !0),
+          Ve(a("div", Ze, [
+            a("div", Re, [
+              a("button", {
+                type: "button",
+                onClick: we,
+                class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
+              }, e[10] || (e[10] = [
+                a("svg", {
+                  class: "w-4 h-4",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  a("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
+                  })
+                ], -1)
+              ])),
+              a("button", {
+                type: "button",
+                onClick: be,
+                class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
+              }, e[11] || (e[11] = [
+                a("svg", {
+                  class: "w-4 h-4",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  a("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M15 19l-7-7 7-7"
+                  })
+                ], -1)
+              ])),
+              a("span", We, f(ie.value[u.value]) + " " + f(c.value), 1),
+              a("button", {
+                type: "button",
+                onClick: De,
+                class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
+              }, e[12] || (e[12] = [
+                a("svg", {
+                  class: "w-4 h-4",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  a("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M9 5l7 7-7 7"
+                  })
+                ], -1)
+              ])),
+              a("button", {
+                type: "button",
+                onClick: Me,
+                class: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded text-gray-500 dark:text-gray-400"
+              }, e[13] || (e[13] = [
+                a("svg", {
+                  class: "w-4 h-4",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  a("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M13 5l7 7-7 7m-8-14l7 7-7 7"
+                  })
+                ], -1)
+              ]))
+            ]),
+            a("div", Je, [
+              (m(!0), g(q, null, oe(ue.value, (r) => (m(), g("div", {
+                key: r,
+                class: "text-center text-xs font-medium text-gray-500 dark:text-gray-400 py-1"
+              }, f(r), 1))), 128))
+            ]),
+            a("div", Ke, [
+              (m(!0), g(q, null, oe(ge.value, (r, o) => (m(), g("button", {
+                key: o,
+                type: "button",
+                onClick: (l) => ve(r),
+                disabled: S(r.date),
+                class: b([
+                  "w-8 h-8 text-sm rounded-full flex items-center justify-center transition-colors",
+                  {
+                    "text-gray-400 dark:text-gray-600": !r.currentMonth,
+                    "text-gray-900 dark:text-white": r.currentMonth && !B(r.date) && !S(r.date),
+                    "bg-primary dark:bg-primaryDark text-white hover:bg-primary/90 dark:hover:bg-primaryDark/90": B(r.date),
+                    "ring-2 ring-primary dark:ring-primaryDark ring-offset-1 dark:ring-offset-gray-800": me(r.date) && !B(r.date),
+                    "hover:bg-gray-100 dark:hover:bg-gray-700": !B(r.date) && !S(r.date),
+                    "opacity-50 cursor-not-allowed": S(r.date)
+                  }
+                ])
+              }, f(r.day), 11, Qe))), 128))
+            ]),
+            a("div", Xe, [
+              a("div", je, [
+                a("span", _e, f(H("time")), 1),
+                a("div", Oe, [
+                  a("button", {
+                    type: "button",
+                    onClick: e[0] || (e[0] = (r) => K(1)),
+                    class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
+                  }, e[14] || (e[14] = [
+                    a("svg", {
+                      class: "w-3 h-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M5 15l7-7 7 7"
+                      })
+                    ], -1)
+                  ])),
+                  a("input", {
+                    type: "text",
+                    inputmode: "numeric",
+                    maxlength: "2",
+                    value: String(k.value).padStart(2, "0"),
+                    onInput: pe,
+                    onBlur: ke,
+                    class: "w-12 text-center text-sm rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white py-1 focus:outline-hidden focus:ring-2 focus:ring-primary dark:focus:ring-primaryDark"
+                  }, null, 40, et),
+                  a("button", {
+                    type: "button",
+                    onClick: e[1] || (e[1] = (r) => K(-1)),
+                    class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
+                  }, e[15] || (e[15] = [
+                    a("svg", {
+                      class: "w-3 h-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M19 9l-7 7-7-7"
+                      })
+                    ], -1)
+                  ]))
+                ]),
+                e[18] || (e[18] = a("span", { class: "text-lg font-semibold text-gray-900 dark:text-white pb-1" }, ":", -1)),
+                a("div", tt, [
+                  a("button", {
+                    type: "button",
+                    onClick: e[2] || (e[2] = (r) => Q(1)),
+                    class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
+                  }, e[16] || (e[16] = [
+                    a("svg", {
+                      class: "w-3 h-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M5 15l7-7 7 7"
+                      })
+                    ], -1)
+                  ])),
+                  a("input", {
+                    type: "text",
+                    inputmode: "numeric",
+                    maxlength: "2",
+                    value: String(w.value).padStart(2, "0"),
+                    onInput: he,
+                    onBlur: xe,
+                    class: "w-12 text-center text-sm rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-white py-1 focus:outline-hidden focus:ring-2 focus:ring-primary dark:focus:ring-primaryDark"
+                  }, null, 40, rt),
+                  a("button", {
+                    type: "button",
+                    onClick: e[3] || (e[3] = (r) => Q(-1)),
+                    class: "p-1 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200"
+                  }, e[17] || (e[17] = [
+                    a("svg", {
+                      class: "w-3 h-3",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24"
+                    }, [
+                      a("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M19 9l-7 7-7-7"
+                      })
+                    ], -1)
+                  ]))
+                ]),
+                a("div", at, [
+                  a("button", {
+                    type: "button",
+                    onClick: e[4] || (e[4] = (r) => J("AM")),
+                    class: b([
+                      "px-2 py-1 text-xs font-medium rounded-md transition-colors",
+                      C.value === "AM" ? "bg-primary dark:bg-primaryDark text-white" : "bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
+                    ])
+                  }, " AM ", 2),
+                  a("button", {
+                    type: "button",
+                    onClick: e[5] || (e[5] = (r) => J("PM")),
+                    class: b([
+                      "px-2 py-1 text-xs font-medium rounded-md transition-colors",
+                      C.value === "PM" ? "bg-primary dark:bg-primaryDark text-white" : "bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
+                    ])
+                  }, " PM ", 2)
+                ])
+              ])
+            ]),
+            a("div", nt, [
+              a("button", {
+                type: "button",
+                onClick: Se,
+                class: "text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+              }, f(H("clear")), 1),
+              a("div", ot, [
+                a("button", {
+                  type: "button",
+                  onClick: Te,
+                  class: "text-sm text-primary dark:text-primaryDark hover:text-primary/80 dark:hover:text-primaryDark/80 font-medium"
+                }, f(H("now")), 1),
+                a("button", {
+                  type: "button",
+                  onClick: e[6] || (e[6] = (r) => D.value = !1),
+                  class: "text-sm text-primary dark:text-primaryDark hover:text-primary/80 dark:hover:text-primaryDark/80 font-medium"
+                }, f(H("done")), 1)
+              ])
+            ])
+          ], 512), [
+            [Ie, D.value]
+          ])
+        ]),
+        a("span", lt, f(n.error_message), 1),
+        a("small", st, f(n.description), 1)
+      ], 2))
+    ], 64));
+  }
+};
+export {
+  ut as default
+};