@pr0vin/np-date-picker-vue-tw 1.0.0 → 1.0.3

package/dist/np-date-picker-vue-tw.css

@@ -0,0 +1 @@
+::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:transparent;transition:background .2s}:hover::-webkit-scrollbar-thumb{background:#cbd5e1}select:focus{outline:none!important;box-shadow:none!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}

package/dist/np-date-picker-vue-tw.es.js

@@ -1,5 +1,5 @@
-import { ref as k, onMounted as F, watch as L, createElementBlock as y, openBlock as g, createElementVNode as b, createCommentVNode as P, withDirectives as C, Fragment as N, renderList as M, toDisplayString as V, vModelSelect as O, unref as Y, normalizeClass as E } from "vue";
-class B {
+import { ref as N, onMounted as L, watch as P, createElementBlock as g, openBlock as b, createElementVNode as s, createCommentVNode as I, withDirectives as Y, Fragment as k, renderList as C, toDisplayString as $, vModelSelect as B, unref as E, normalizeClass as F } from "vue";
+class j {
   constructor() {
     this.bs = [
       [2e3, 30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
@@ -118,7 +118,7 @@ class B {
       num_day: 0
     };
   }
-  getDayOfWeek(n) {
+  getDayOfWeek(l) {
     return {
       1: "आईतवार",
       2: "सोमबार",
@@ -127,9 +127,9 @@ class B {
       5: "बिहीबार",
       6: "शुक्रबार",
       7: "शनिबार"
-    }[n];
+    }[l];
   }
-  getEnglishMonth(n) {
+  getEnglishMonth(l) {
     return {
       1: "January",
       2: "February",
@@ -143,9 +143,9 @@ class B {
       10: "October",
       11: "November",
       12: "December"
-    }[n];
+    }[l];
   }
-  getNepaliMonth(n) {
+  getNepaliMonth(l) {
     return {
       1: "बैशाख",
       2: "जेष्ठ",
@@ -159,169 +159,206 @@ class B {
       10: "माघ",
       11: "फाल्गुन",
       12: "चैत्र"
-    }[n];
+    }[l];
   }
-  isLeapYear(n) {
-    return n % 4 === 0 && n % 100 !== 0 || n % 400 === 0;
+  isLeapYear(l) {
+    return l % 4 === 0 && l % 100 !== 0 || l % 400 === 0;
   }
-  convertToNepaliNumber(n) {
+  convertToNepaliNumber(l) {
     const d = ["०", "१", "२", "३", "४", "५", "६", "७", "८", "९"];
-    return String(n).split("").map((p) => /[0-9]/.test(p) ? d[p] : p).join("");
+    return String(l).split("").map((v) => /[0-9]/.test(v) ? d[v] : v).join("");
   }
-  engToNep(n, d, p) {
-    if (n < 1944 || n > 2033)
+  engToNep(l, d, v) {
+    if (l < 1944 || l > 2033)
       throw new Error("Supported only between 1944-2033");
-    const i = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], r = [0, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-    let v = 1944, a = 2e3, s = 9, w = 16, m = 0, u = 0, h = 7, S = a, _ = s, D = s;
-    for (let c = v; c < n; c++)
-      m += this.isLeapYear(c) ? r.reduce((t, l) => t + l, 0) : i.reduce((t, l) => t + l, 0);
-    for (let c = 1; c < d; c++)
-      m += this.isLeapYear(n) ? r[c] : i[c];
-    m += p - 1;
+    const c = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], u = [0, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+    let f = 1944, e = 2e3, n = 9, D = 16, m = 0, i = 0, h = 7, S = e, _ = n, x = n;
+    for (let p = f; p < l; p++)
+      m += this.isLeapYear(p) ? u.reduce((M, V) => M + V, 0) : c.reduce((M, V) => M + V, 0);
+    for (let p = 1; p < d; p++)
+      m += this.isLeapYear(l) ? u[p] : c[p];
+    m += v - 1;
     let T = 1;
-    for (u = w; m > 0; ) {
-      let c = this.bs[T][D];
-      u++, h++, u > c && (u = 1, _++, D++), _ > 12 && (_ = 1, S++), D > 12 && (D = 1, T++), h > 7 && (h = 1), m--;
+    for (i = D; m > 0; ) {
+      let p = this.bs[T][x];
+      i++, h++, i > p && (i = 1, _++, x++), _ > 12 && (_ = 1, S++), x > 12 && (x = 1, T++), h > 7 && (h = 1), m--;
     }
     return this.nep_date = {
       year: S,
       month: _,
-      date: u,
+      date: i,
       day: this.getDayOfWeek(h),
       nmonth: this.getNepaliMonth(_),
       num_day: h
     }, this.nep_date;
   }
-  adToBs(n) {
-    const [d, p, i] = n.split("-").map(Number), r = this.engToNep(d, p, i), v = r.year, a = r.month.toString().padStart(2, "0"), s = r.date.toString().padStart(2, "0");
-    return `${v}-${a}-${s}`;
+  adToBs(l) {
+    const [d, v, c] = l.split("-").map(Number), u = this.engToNep(d, v, c), f = u.year, e = u.month.toString().padStart(2, "0"), n = u.date.toString().padStart(2, "0");
+    return `${f}-${e}-${n}`;
   }
-  getFirstDayOfMonth(n, d) {
-    let p = 1944;
-    for (let i = p; i <= 2100; i++)
-      for (let r = 1; r <= 12; r++)
-        for (let v = 1; v <= 31; v++)
+  getFirstDayOfMonth(l, d) {
+    let v = 1944;
+    for (let c = v; c <= 2100; c++)
+      for (let u = 1; u <= 12; u++)
+        for (let f = 1; f <= 31; f++)
           try {
-            const a = this.engToNep(i, r, v);
-            if (a.year === n && a.month === d && a.date === 1)
-              return a.num_day;
+            const e = this.engToNep(c, u, f);
+            if (e.year === l && e.month === d && e.date === 1)
+              return e.num_day;
           } catch {
             continue;
           }
     return null;
   }
 }
-const I = { class: "relative w-full nepali-calendar" }, j = ["value"], J = {
+const J = { class: "relative w-full nepali-calendar" }, z = ["value", "placeholder"], A = {
   key: 0,
   class: "absolute bg-white border shadow rounded p-3 mt-2 w-80 z-50"
-}, z = { class: "flex justify-between mb-2" }, A = ["value"], U = ["value"], W = { class: "grid grid-cols-7 text-center font-semibold mb-1" }, q = { class: "grid grid-cols-7 gap-1 text-center" }, G = ["onClick"], H = {
+}, U = { class: "flex items-center gap-3 mb-2 border-b border-gray-100" }, W = { class: "flex items-center w-36" }, q = { class: "relative" }, G = ["value"], H = { class: "relative w-full" }, K = { class: "flex items-center justify-between" }, Q = { class: "relative" }, R = ["value"], X = { class: "grid grid-cols-7 text-center font-semibold mb-1 text-gray-700 text-sm" }, Z = { class: "grid grid-cols-7 gap-1 text-center" }, e3 = ["onClick"], t3 = {
   __name: "NepaliDatePicker",
-  props: { modelValue: String },
+  props: {
+    modelValue: String,
+    placeholder: {
+      type: String,
+      default: "Select a date"
+    },
+    todayValue: {
+      type: Boolean,
+      default: !1
+    }
+  },
   emits: ["update:modelValue"],
-  setup(x, { emit: n }) {
-    const d = x, p = n, i = new B(), r = k(!1), v = ["आईत", "सोम", "मंगल", "बुध", "बिही", "शुक्र", "शनि"], a = k(null), s = k(null), w = k([]), m = k(null), u = k({ year: 0, month: 0, day: 0 }), h = (t, l, e) => `${t}-${String(l).padStart(2, "0")}-${String(e).padStart(2, "0")}`;
+  setup(w, { emit: l }) {
+    const d = w, v = l, c = new j(), u = N(!1), f = ["आईत", "सोम", "मंगल", "बुध", "बिही", "शुक्र", "शनि"], e = N(null), n = N(null), D = N([]), m = N(null), i = N({ year: 0, month: 0, day: 0 }), h = (a, r, t) => `${a}-${String(r).padStart(2, "0")}-${String(t).padStart(2, "0")}`;
     function S() {
-      const t = i.bs.find((o) => o[0] === a.value)?.[s.value];
-      if (!t) return;
-      const l = i.getFirstDayOfMonth(a.value, s.value), e = [];
-      for (let o = 1; o < l; o++) e.push(null);
-      for (let o = 1; o <= t; o++) e.push(o);
-      w.value = [];
-      for (let o = 0; o < e.length; o += 7) w.value.push(e.slice(o, o + 7));
+      const a = c.bs.find((o) => o[0] === e.value)?.[n.value];
+      if (!a) return;
+      const r = c.getFirstDayOfMonth(e.value, n.value), t = [];
+      for (let o = 1; o < r; o++) t.push(null);
+      for (let o = 1; o <= a; o++) t.push(o);
+      D.value = [];
+      for (let o = 0; o < t.length; o += 7) D.value.push(t.slice(o, o + 7));
     }
-    function _(t) {
-      if (!t) return;
-      const l = h(a.value, s.value, t);
-      m.value = l, p("update:modelValue", l), r.value = !1;
+    function _(a) {
+      if (!a) return;
+      const r = h(e.value, n.value, a);
+      m.value = r, v("update:modelValue", r), u.value = !1;
     }
-    function D(t) {
-      return t && u.value.year === a.value && u.value.month === s.value && u.value.day === t;
+    function x(a) {
+      return a && i.value.year === e.value && i.value.month === n.value && i.value.day === a;
     }
-    function T(t) {
-      return t ? m.value === h(a.value, s.value, t) : !1;
+    function T(a) {
+      return a ? m.value === h(e.value, n.value, a) : !1;
     }
-    function c(t) {
-      t.target.closest(".nepali-calendar") || (r.value = !1);
+    function p(a) {
+      a.target.closest(".nepali-calendar") || (u.value = !1);
     }
-    return F(() => {
-      const t = /* @__PURE__ */ new Date(), l = i.engToNep(t.getFullYear(), t.getMonth() + 1, t.getDate());
-      if (u.value = {
-        year: l.year,
-        month: l.month,
-        day: l.date
+    L(() => {
+      const a = /* @__PURE__ */ new Date(), r = c.engToNep(a.getFullYear(), a.getMonth() + 1, a.getDate());
+      if (i.value = {
+        year: r.year,
+        month: r.month,
+        day: r.date
       }, d.modelValue) {
-        const [e, o, f] = d.modelValue.split("-");
-        a.value = parseInt(e), s.value = parseInt(o), m.value = h(a.value, s.value, parseInt(f));
+        const [t, o, y] = d.modelValue.split("-");
+        e.value = parseInt(t), n.value = parseInt(o), m.value = h(e.value, n.value, parseInt(y));
       } else
-        a.value = u.value.year, s.value = u.value.month, m.value = h(
-          u.value.year,
-          u.value.month,
-          u.value.day
-        );
-      S(), document.addEventListener("click", c);
-    }), L([a, s], S), (t, l) => (g(), y("div", I, [
-      b("input", {
+        e.value = i.value.year, n.value = i.value.month, d.todayValue && (m.value = h(
+          i.value.year,
+          i.value.month,
+          i.value.day
+        ));
+      S(), document.addEventListener("click", p);
+    });
+    function M() {
+      n.value === 1 ? (n.value = 12, e.value = Number(e.value) - 1) : n.value = Number(n.value) - 1;
+    }
+    function V() {
+      n.value === 12 ? (n.value = 1, e.value = Number(e.value) + 1) : n.value = Number(n.value) + 1;
+    }
+    return P([e, n], S), (a, r) => (b(), g("div", J, [
+      s("input", {
         type: "text",
         readonly: "",
         value: m.value,
-        onClick: l[0] || (l[0] = (e) => r.value = !r.value),
-        class: "w-full border rounded px-3 py-2 cursor-pointer",
-        placeholder: "Select date"
-      }, null, 8, j),
-      r.value ? (g(), y("div", J, [
-        b("div", z, [
-          C(b("select", {
-            "onUpdate:modelValue": l[1] || (l[1] = (e) => a.value = e),
-            class: "border p-1 rounded"
-          }, [
-            (g(), y(N, null, M(100, (e) => b("option", {
-              key: e,
-              value: 2e3 + e
-            }, V(2e3 + e), 9, A)), 64))
-          ], 512), [
-            [O, a.value]
+        onClick: r[0] || (r[0] = (t) => u.value = !u.value),
+        class: "border-gray-300 w-full rounded-md px-3 py-2 cursor-pointer",
+        placeholder: w.placeholder
+      }, null, 8, z),
+      u.value ? (b(), g("div", A, [
+        s("div", U, [
+          s("div", W, [
+            r[3] || (r[3] = s("span", { class: "text-xs font-semibold text-red-600" }, " वि.सं.", -1)),
+            s("div", q, [
+              Y(s("select", {
+                "onUpdate:modelValue": r[1] || (r[1] = (t) => e.value = t),
+                class: "appearance-none border-none rounded-lg w-full px-3 py-2 text-sm font-bold"
+              }, [
+                (b(), g(k, null, C(150, (t) => s("option", {
+                  key: t,
+                  value: 1975 + t
+                }, $(1975 + t), 9, G)), 64))
+              ], 512), [
+                [B, e.value]
+              ])
+            ])
           ]),
-          C(b("select", {
-            "onUpdate:modelValue": l[2] || (l[2] = (e) => s.value = e),
-            class: "border p-1 rounded"
-          }, [
-            (g(), y(N, null, M(12, (e) => b("option", {
-              key: e,
-              value: e
-            }, V(Y(i).getNepaliMonth(e)), 9, U)), 64))
-          ], 512), [
-            [O, s.value]
+          s("div", H, [
+            s("div", K, [
+              s("div", {
+                onClick: M,
+                class: "px-3 py-1 select-none cursor-pointer"
+              }, " « "),
+              s("div", Q, [
+                Y(s("select", {
+                  "onUpdate:modelValue": r[2] || (r[2] = (t) => n.value = t),
+                  class: "appearance-none border-none rounded-lg px-3 py-2 text-sm bg-white"
+                }, [
+                  (b(), g(k, null, C(12, (t) => s("option", {
+                    key: t,
+                    value: t
+                  }, $(E(c).getNepaliMonth(t)), 9, R)), 64))
+                ], 512), [
+                  [B, n.value]
+                ])
+              ]),
+              s("div", {
+                onClick: V,
+                class: "px-3 py-1 select-none cursor-pointer"
+              }, " » ")
+            ])
           ])
         ]),
-        b("div", W, [
-          (g(), y(N, null, M(v, (e, o) => b("div", {
+        s("div", X, [
+          (b(), g(k, null, C(f, (t, o) => s("div", {
             key: o,
-            class: E(o === 6 ? "text-red-600" : "")
-          }, V(e), 3)), 64))
+            class: F(o === 6 ? "text-red-600" : "")
+          }, $(t), 3)), 64))
         ]),
-        b("div", q, [
-          (g(!0), y(N, null, M(w.value, (e, o) => (g(), y(N, { key: o }, [
-            (g(!0), y(N, null, M(e, (f, $) => (g(), y("div", {
-              key: $,
-              class: E(["p-2 border rounded cursor-pointer select-none", [
-                f === null ? "bg-gray-100 cursor-default text-gray-400" : "",
-                $ === 6 && f !== null ? "text-red-600" : "",
-                D(f) ? "bg-blue-200 text-blue-800 font-bold" : "",
-                T(f) ? "bg-blue-600 text-white font-bold" : ""
+        s("div", Z, [
+          (b(!0), g(k, null, C(D.value, (t, o) => (b(), g(k, { key: o }, [
+            (b(!0), g(k, null, C(t, (y, O) => (b(), g("div", {
+              key: O,
+              class: F(["p-2 border rounded cursor-pointer select-none", [
+                y === null ? "bg-gray-100 cursor-default text-gray-400" : "",
+                O === 6 && y !== null ? "text-red-600" : "",
+                x(y) ? "bg-blue-200 text-blue-800 font-bold" : "",
+                T(y) ? "bg-blue-600 text-white font-bold" : ""
               ]]),
-              onClick: (K) => _(f)
-            }, V(f ? Y(i).convertToNepaliNumber(f) : ""), 11, G))), 128))
+              onClick: (n3) => _(y)
+            }, $(y ? E(c).convertToNepaliNumber(y) : ""), 11, e3))), 128))
           ], 64))), 128))
         ])
-      ])) : P("", !0)
+      ])) : I("", !0)
     ]));
   }
-}, R = {
-  install(x) {
-    x.component("NepaliDatePicker", H);
+}, a3 = {
+  install(w) {
+    w.component("NepaliDatePicker", t3);
   }
 };
 export {
-  H as NepaliDatePicker,
-  R as NpDatePickerPlugin
+  t3 as NepaliDatePicker,
+  a3 as NpDatePickerPlugin,
+  t3 as default
 };

package/dist/np-date-picker-vue-tw.umd.js

@@ -1 +1 @@
-(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.NpDatePickerVueTw={},k.Vue))})(this,(function(k,e){"use strict";class V{constructor(){this.bs=[[2e3,30,32,31,32,31,30,30,30,29,30,29,31],[2001,31,31,32,31,31,31,30,29,30,29,30,30],[2002,31,31,32,32,31,30,30,29,30,29,30,30],[2003,31,32,31,32,31,30,30,30,29,29,30,31],[2004,30,32,31,32,31,30,30,30,29,30,29,31],[2005,31,31,32,31,31,31,30,29,30,29,30,30],[2006,31,31,32,32,31,30,30,29,30,29,30,30],[2007,31,32,31,32,31,30,30,30,29,29,30,31],[2008,31,31,31,32,31,31,29,30,30,29,29,31],[2009,31,31,32,31,31,31,30,29,30,29,30,30],[2010,31,31,32,32,31,30,30,29,30,29,30,30],[2011,31,32,31,32,31,30,30,30,29,29,30,31],[2012,31,31,31,32,31,31,29,30,30,29,30,30],[2013,31,31,32,31,31,31,30,29,30,29,30,30],[2014,31,31,32,32,31,30,30,29,30,29,30,30],[2015,31,32,31,32,31,30,30,30,29,29,30,31],[2016,31,31,31,32,31,31,29,30,30,29,30,30],[2017,31,31,32,31,31,31,30,29,30,29,30,30],[2018,31,32,31,32,31,30,30,29,30,29,30,30],[2019,31,32,31,32,31,30,30,30,29,30,29,31],[2020,31,31,31,32,31,31,30,29,30,29,30,30],[2021,31,31,32,31,31,31,30,29,30,29,30,30],[2022,31,32,31,32,31,30,30,30,29,29,30,30],[2023,31,32,31,32,31,30,30,30,29,30,29,31],[2024,31,31,31,32,31,31,30,29,30,29,30,30],[2025,31,31,32,31,31,31,30,29,30,29,30,30],[2026,31,32,31,32,31,30,30,30,29,29,30,31],[2027,30,32,31,32,31,30,30,30,29,30,29,31],[2028,31,31,32,31,31,31,30,29,30,29,30,30],[2029,31,31,32,31,32,30,30,29,30,29,30,30],[2030,31,32,31,32,31,30,30,30,29,29,30,31],[2031,30,32,31,32,31,30,30,30,29,30,29,31],[2032,31,31,32,31,31,31,30,29,30,29,30,30],[2033,31,31,32,32,31,30,30,29,30,29,30,30],[2034,31,32,31,32,31,30,30,30,29,29,30,31],[2035,30,32,31,32,31,31,29,30,30,29,29,31],[2036,31,31,32,31,31,31,30,29,30,29,30,30],[2037,31,31,32,32,31,30,30,29,30,29,30,30],[2038,31,32,31,32,31,30,30,30,29,29,30,31],[2039,31,31,31,32,31,31,29,30,30,29,30,30],[2040,31,31,32,31,31,31,30,29,30,29,30,30],[2041,31,31,32,32,31,30,30,29,30,29,30,30],[2042,31,32,31,32,31,30,30,30,29,29,30,31],[2043,31,31,31,32,31,31,29,30,30,29,30,30],[2044,31,31,32,31,31,31,30,29,30,29,30,30],[2045,31,32,31,32,31,30,30,29,30,29,30,30],[2046,31,32,31,32,31,30,30,30,29,29,30,31],[2047,31,31,31,32,31,31,30,29,30,29,30,30],[2048,31,31,32,31,31,31,30,29,30,29,30,30],[2049,31,32,31,32,31,30,30,30,29,29,30,30],[2050,31,32,31,32,31,30,30,30,29,30,29,31],[2051,31,31,31,32,31,31,30,29,30,29,30,30],[2052,31,31,32,31,31,31,30,29,30,29,30,30],[2053,31,32,31,32,31,30,30,30,29,29,30,30],[2054,31,32,31,32,31,30,30,30,29,30,29,31],[2055,31,31,32,31,31,31,30,29,30,29,30,30],[2056,31,31,32,31,32,30,30,29,30,29,30,30],[2057,31,32,31,32,31,30,30,30,29,29,30,31],[2058,30,32,31,32,31,30,30,30,29,30,29,31],[2059,31,31,32,31,31,31,30,29,30,29,30,30],[2060,31,31,32,32,31,30,30,29,30,29,30,30],[2061,31,32,31,32,31,30,30,30,29,29,30,31],[2062,30,32,31,32,31,31,29,30,29,30,29,31],[2063,31,31,32,31,31,31,30,29,30,29,30,30],[2064,31,31,32,32,31,30,30,29,30,29,30,30],[2065,31,32,31,32,31,30,30,30,29,29,30,31],[2066,31,31,31,32,31,31,29,30,30,29,29,31],[2067,31,31,32,31,31,31,30,29,30,29,30,30],[2068,31,31,32,32,31,30,30,29,30,29,30,30],[2069,31,32,31,32,31,30,30,30,29,29,30,31],[2070,31,31,31,32,31,31,29,30,30,29,30,30],[2071,31,31,32,31,31,31,30,29,30,29,30,30],[2072,31,32,31,32,31,30,30,29,30,29,30,30],[2073,31,32,31,32,31,30,30,30,29,29,30,31],[2074,31,31,31,32,31,31,30,29,30,29,30,30],[2075,31,31,32,31,31,31,30,29,30,29,30,30],[2076,31,32,31,32,31,30,30,30,29,29,30,30],[2077,31,32,31,32,31,30,30,30,29,30,29,31],[2078,31,31,31,32,31,31,30,29,30,29,30,30],[2079,31,31,32,31,31,31,30,29,30,29,30,30],[2080,31,32,31,32,31,30,30,30,29,29,30,30],[2081,31,32,31,32,31,30,30,30,29,30,29,31],[2082,31,31,32,31,31,31,30,29,30,29,30,30],[2083,31,31,32,31,31,30,30,30,29,30,30,30],[2084,31,31,32,31,31,30,30,30,29,30,30,30],[2085,31,32,31,32,30,31,30,30,29,30,30,30],[2086,30,32,31,32,31,30,30,30,29,30,30,30],[2087,31,31,32,31,31,31,30,30,29,30,30,30],[2088,30,31,32,32,30,31,30,30,29,30,30,30],[2089,30,32,31,32,31,30,30,30,29,30,30,30],[2090,30,32,31,32,31,30,30,30,29,30,30,30],[2091,31,31,32,31,31,31,30,30,29,30,30,30],[2092,30,31,32,32,31,30,30,30,29,30,30,30],[2093,30,32,31,32,31,30,30,30,29,30,30,30],[2094,31,31,32,31,31,30,30,30,29,30,30,30],[2095,31,31,32,31,31,31,30,29,30,30,30,30],[2096,30,31,32,32,31,30,30,29,30,29,30,30],[2097,31,32,31,32,31,30,30,30,29,30,30,30],[2098,31,31,32,32,31,30,30,29,30,29,30,31],[2099,31,32,31,32,31,29,30,30,29,30,30,31]],this.nep_date={year:0,month:0,date:0,day:"",nmonth:"",num_day:0},this.eng_date={year:0,month:0,date:0,day:"",emonth:"",num_day:0}}getDayOfWeek(l){return{1:"आईतवार",2:"सोमबार",3:"मंगलवार",4:"बुधबार",5:"बिहीबार",6:"शुक्रबार",7:"शनिबार"}[l]}getEnglishMonth(l){return{1:"January",2:"February",3:"March",4:"April",5:"May",6:"June",7:"July",8:"August",9:"September",10:"October",11:"November",12:"December"}[l]}getNepaliMonth(l){return{1:"बैशाख",2:"जेष्ठ",3:"असार",4:"श्रावण",5:"भाद्र",6:"आश्विन",7:"कार्तिक",8:"मंसिर",9:"पुष",10:"माघ",11:"फाल्गुन",12:"चैत्र"}[l]}isLeapYear(l){return l%4===0&&l%100!==0||l%400===0}convertToNepaliNumber(l){const u=["०","१","२","३","४","५","६","७","८","९"];return String(l).split("").map(p=>/[0-9]/.test(p)?u[p]:p).join("")}engToNep(l,u,p){if(l<1944||l>2033)throw new Error("Supported only between 1944-2033");const d=[0,31,28,31,30,31,30,31,31,30,31,30,31],s=[0,31,29,31,30,31,30,31,31,30,31,30,31];let y=1944,o=2e3,i=9,N=16,f=0,c=0,h=7,D=o,b=i,_=i;for(let m=y;m<l;m++)f+=this.isLeapYear(m)?s.reduce((n,a)=>n+a,0):d.reduce((n,a)=>n+a,0);for(let m=1;m<u;m++)f+=this.isLeapYear(l)?s[m]:d[m];f+=p-1;let E=1;for(c=N;f>0;){let m=this.bs[E][_];c++,h++,c>m&&(c=1,b++,_++),b>12&&(b=1,D++),_>12&&(_=1,E++),h>7&&(h=1),f--}return this.nep_date={year:D,month:b,date:c,day:this.getDayOfWeek(h),nmonth:this.getNepaliMonth(b),num_day:h},this.nep_date}adToBs(l){const[u,p,d]=l.split("-").map(Number),s=this.engToNep(u,p,d),y=s.year,o=s.month.toString().padStart(2,"0"),i=s.date.toString().padStart(2,"0");return`${y}-${o}-${i}`}getFirstDayOfMonth(l,u){let p=1944;for(let d=p;d<=2100;d++)for(let s=1;s<=12;s++)for(let y=1;y<=31;y++)try{const o=this.engToNep(d,s,y);if(o.year===l&&o.month===u&&o.date===1)return o.num_day}catch{continue}return null}}const M={class:"relative w-full nepali-calendar"},T=["value"],x={key:0,class:"absolute bg-white border shadow rounded p-3 mt-2 w-80 z-50"},v={class:"flex justify-between mb-2"},F=["value"],L=["value"],P={class:"grid grid-cols-7 text-center font-semibold mb-1"},C={class:"grid grid-cols-7 gap-1 text-center"},$=["onClick"],B={__name:"NepaliDatePicker",props:{modelValue:String},emits:["update:modelValue"],setup(S,{emit:l}){const u=S,p=l,d=new V,s=e.ref(!1),y=["आईत","सोम","मंगल","बुध","बिही","शुक्र","शनि"],o=e.ref(null),i=e.ref(null),N=e.ref([]),f=e.ref(null),c=e.ref({year:0,month:0,day:0}),h=(n,a,t)=>`${n}-${String(a).padStart(2,"0")}-${String(t).padStart(2,"0")}`;function D(){const n=d.bs.find(r=>r[0]===o.value)?.[i.value];if(!n)return;const a=d.getFirstDayOfMonth(o.value,i.value),t=[];for(let r=1;r<a;r++)t.push(null);for(let r=1;r<=n;r++)t.push(r);N.value=[];for(let r=0;r<t.length;r+=7)N.value.push(t.slice(r,r+7))}function b(n){if(!n)return;const a=h(o.value,i.value,n);f.value=a,p("update:modelValue",a),s.value=!1}function _(n){return n&&c.value.year===o.value&&c.value.month===i.value&&c.value.day===n}function E(n){return n?f.value===h(o.value,i.value,n):!1}function m(n){n.target.closest(".nepali-calendar")||(s.value=!1)}return e.onMounted(()=>{const n=new Date,a=d.engToNep(n.getFullYear(),n.getMonth()+1,n.getDate());if(c.value={year:a.year,month:a.month,day:a.date},u.modelValue){const[t,r,g]=u.modelValue.split("-");o.value=parseInt(t),i.value=parseInt(r),f.value=h(o.value,i.value,parseInt(g))}else o.value=c.value.year,i.value=c.value.month,f.value=h(c.value.year,c.value.month,c.value.day);D(),document.addEventListener("click",m)}),e.watch([o,i],D),(n,a)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("input",{type:"text",readonly:"",value:f.value,onClick:a[0]||(a[0]=t=>s.value=!s.value),class:"w-full border rounded px-3 py-2 cursor-pointer",placeholder:"Select date"},null,8,T),s.value?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",v,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":a[1]||(a[1]=t=>o.value=t),class:"border p-1 rounded"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(100,t=>e.createElementVNode("option",{key:t,value:2e3+t},e.toDisplayString(2e3+t),9,F)),64))],512),[[e.vModelSelect,o.value]]),e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":a[2]||(a[2]=t=>i.value=t),class:"border p-1 rounded"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,t=>e.createElementVNode("option",{key:t,value:t},e.toDisplayString(e.unref(d).getNepaliMonth(t)),9,L)),64))],512),[[e.vModelSelect,i.value]])]),e.createElementVNode("div",P,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(y,(t,r)=>e.createElementVNode("div",{key:r,class:e.normalizeClass(r===6?"text-red-600":"")},e.toDisplayString(t),3)),64))]),e.createElementVNode("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,(g,w)=>(e.openBlock(),e.createElementBlock("div",{key:w,class:e.normalizeClass(["p-2 border rounded cursor-pointer select-none",[g===null?"bg-gray-100 cursor-default text-gray-400":"",w===6&&g!==null?"text-red-600":"",_(g)?"bg-blue-200 text-blue-800 font-bold":"",E(g)?"bg-blue-600 text-white font-bold":""]]),onClick:Y=>b(g)},e.toDisplayString(g?e.unref(d).convertToNepaliNumber(g):""),11,$))),128))],64))),128))])])):e.createCommentVNode("",!0)]))}},O={install(S){S.component("NepaliDatePicker",B)}};k.NepaliDatePicker=B,k.NpDatePickerPlugin=O,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
+(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.NpDatePickerVueTw={},y.Vue))})(this,(function(y,e){"use strict";class B{constructor(){this.bs=[[2e3,30,32,31,32,31,30,30,30,29,30,29,31],[2001,31,31,32,31,31,31,30,29,30,29,30,30],[2002,31,31,32,32,31,30,30,29,30,29,30,30],[2003,31,32,31,32,31,30,30,30,29,29,30,31],[2004,30,32,31,32,31,30,30,30,29,30,29,31],[2005,31,31,32,31,31,31,30,29,30,29,30,30],[2006,31,31,32,32,31,30,30,29,30,29,30,30],[2007,31,32,31,32,31,30,30,30,29,29,30,31],[2008,31,31,31,32,31,31,29,30,30,29,29,31],[2009,31,31,32,31,31,31,30,29,30,29,30,30],[2010,31,31,32,32,31,30,30,29,30,29,30,30],[2011,31,32,31,32,31,30,30,30,29,29,30,31],[2012,31,31,31,32,31,31,29,30,30,29,30,30],[2013,31,31,32,31,31,31,30,29,30,29,30,30],[2014,31,31,32,32,31,30,30,29,30,29,30,30],[2015,31,32,31,32,31,30,30,30,29,29,30,31],[2016,31,31,31,32,31,31,29,30,30,29,30,30],[2017,31,31,32,31,31,31,30,29,30,29,30,30],[2018,31,32,31,32,31,30,30,29,30,29,30,30],[2019,31,32,31,32,31,30,30,30,29,30,29,31],[2020,31,31,31,32,31,31,30,29,30,29,30,30],[2021,31,31,32,31,31,31,30,29,30,29,30,30],[2022,31,32,31,32,31,30,30,30,29,29,30,30],[2023,31,32,31,32,31,30,30,30,29,30,29,31],[2024,31,31,31,32,31,31,30,29,30,29,30,30],[2025,31,31,32,31,31,31,30,29,30,29,30,30],[2026,31,32,31,32,31,30,30,30,29,29,30,31],[2027,30,32,31,32,31,30,30,30,29,30,29,31],[2028,31,31,32,31,31,31,30,29,30,29,30,30],[2029,31,31,32,31,32,30,30,29,30,29,30,30],[2030,31,32,31,32,31,30,30,30,29,29,30,31],[2031,30,32,31,32,31,30,30,30,29,30,29,31],[2032,31,31,32,31,31,31,30,29,30,29,30,30],[2033,31,31,32,32,31,30,30,29,30,29,30,30],[2034,31,32,31,32,31,30,30,30,29,29,30,31],[2035,30,32,31,32,31,31,29,30,30,29,29,31],[2036,31,31,32,31,31,31,30,29,30,29,30,30],[2037,31,31,32,32,31,30,30,29,30,29,30,30],[2038,31,32,31,32,31,30,30,30,29,29,30,31],[2039,31,31,31,32,31,31,29,30,30,29,30,30],[2040,31,31,32,31,31,31,30,29,30,29,30,30],[2041,31,31,32,32,31,30,30,29,30,29,30,30],[2042,31,32,31,32,31,30,30,30,29,29,30,31],[2043,31,31,31,32,31,31,29,30,30,29,30,30],[2044,31,31,32,31,31,31,30,29,30,29,30,30],[2045,31,32,31,32,31,30,30,29,30,29,30,30],[2046,31,32,31,32,31,30,30,30,29,29,30,31],[2047,31,31,31,32,31,31,30,29,30,29,30,30],[2048,31,31,32,31,31,31,30,29,30,29,30,30],[2049,31,32,31,32,31,30,30,30,29,29,30,30],[2050,31,32,31,32,31,30,30,30,29,30,29,31],[2051,31,31,31,32,31,31,30,29,30,29,30,30],[2052,31,31,32,31,31,31,30,29,30,29,30,30],[2053,31,32,31,32,31,30,30,30,29,29,30,30],[2054,31,32,31,32,31,30,30,30,29,30,29,31],[2055,31,31,32,31,31,31,30,29,30,29,30,30],[2056,31,31,32,31,32,30,30,29,30,29,30,30],[2057,31,32,31,32,31,30,30,30,29,29,30,31],[2058,30,32,31,32,31,30,30,30,29,30,29,31],[2059,31,31,32,31,31,31,30,29,30,29,30,30],[2060,31,31,32,32,31,30,30,29,30,29,30,30],[2061,31,32,31,32,31,30,30,30,29,29,30,31],[2062,30,32,31,32,31,31,29,30,29,30,29,31],[2063,31,31,32,31,31,31,30,29,30,29,30,30],[2064,31,31,32,32,31,30,30,29,30,29,30,30],[2065,31,32,31,32,31,30,30,30,29,29,30,31],[2066,31,31,31,32,31,31,29,30,30,29,29,31],[2067,31,31,32,31,31,31,30,29,30,29,30,30],[2068,31,31,32,32,31,30,30,29,30,29,30,30],[2069,31,32,31,32,31,30,30,30,29,29,30,31],[2070,31,31,31,32,31,31,29,30,30,29,30,30],[2071,31,31,32,31,31,31,30,29,30,29,30,30],[2072,31,32,31,32,31,30,30,29,30,29,30,30],[2073,31,32,31,32,31,30,30,30,29,29,30,31],[2074,31,31,31,32,31,31,30,29,30,29,30,30],[2075,31,31,32,31,31,31,30,29,30,29,30,30],[2076,31,32,31,32,31,30,30,30,29,29,30,30],[2077,31,32,31,32,31,30,30,30,29,30,29,31],[2078,31,31,31,32,31,31,30,29,30,29,30,30],[2079,31,31,32,31,31,31,30,29,30,29,30,30],[2080,31,32,31,32,31,30,30,30,29,29,30,30],[2081,31,32,31,32,31,30,30,30,29,30,29,31],[2082,31,31,32,31,31,31,30,29,30,29,30,30],[2083,31,31,32,31,31,30,30,30,29,30,30,30],[2084,31,31,32,31,31,30,30,30,29,30,30,30],[2085,31,32,31,32,30,31,30,30,29,30,30,30],[2086,30,32,31,32,31,30,30,30,29,30,30,30],[2087,31,31,32,31,31,31,30,30,29,30,30,30],[2088,30,31,32,32,30,31,30,30,29,30,30,30],[2089,30,32,31,32,31,30,30,30,29,30,30,30],[2090,30,32,31,32,31,30,30,30,29,30,30,30],[2091,31,31,32,31,31,31,30,30,29,30,30,30],[2092,30,31,32,32,31,30,30,30,29,30,30,30],[2093,30,32,31,32,31,30,30,30,29,30,30,30],[2094,31,31,32,31,31,30,30,30,29,30,30,30],[2095,31,31,32,31,31,31,30,29,30,30,30,30],[2096,30,31,32,32,31,30,30,29,30,29,30,30],[2097,31,32,31,32,31,30,30,30,29,30,30,30],[2098,31,31,32,32,31,30,30,29,30,29,30,31],[2099,31,32,31,32,31,29,30,30,29,30,30,31]],this.nep_date={year:0,month:0,date:0,day:"",nmonth:"",num_day:0},this.eng_date={year:0,month:0,date:0,day:"",emonth:"",num_day:0}}getDayOfWeek(o){return{1:"आईतवार",2:"सोमबार",3:"मंगलवार",4:"बुधबार",5:"बिहीबार",6:"शुक्रबार",7:"शनिबार"}[o]}getEnglishMonth(o){return{1:"January",2:"February",3:"March",4:"April",5:"May",6:"June",7:"July",8:"August",9:"September",10:"October",11:"November",12:"December"}[o]}getNepaliMonth(o){return{1:"बैशाख",2:"जेष्ठ",3:"असार",4:"श्रावण",5:"भाद्र",6:"आश्विन",7:"कार्तिक",8:"मंसिर",9:"पुष",10:"माघ",11:"फाल्गुन",12:"चैत्र"}[o]}isLeapYear(o){return o%4===0&&o%100!==0||o%400===0}convertToNepaliNumber(o){const c=["०","१","२","३","४","५","६","७","८","९"];return String(o).split("").map(p=>/[0-9]/.test(p)?c[p]:p).join("")}engToNep(o,c,p){if(o<1944||o>2033)throw new Error("Supported only between 1944-2033");const u=[0,31,28,31,30,31,30,31,31,30,31,30,31],i=[0,31,29,31,30,31,30,31,31,30,31,30,31];let g=1944,t=2e3,l=9,E=16,f=0,d=0,h=7,V=t,N=l,k=l;for(let m=g;m<o;m++)f+=this.isLeapYear(m)?i.reduce((v,D)=>v+D,0):u.reduce((v,D)=>v+D,0);for(let m=1;m<c;m++)f+=this.isLeapYear(o)?i[m]:u[m];f+=p-1;let x=1;for(d=E;f>0;){let m=this.bs[x][k];d++,h++,d>m&&(d=1,N++,k++),N>12&&(N=1,V++),k>12&&(k=1,x++),h>7&&(h=1),f--}return this.nep_date={year:V,month:N,date:d,day:this.getDayOfWeek(h),nmonth:this.getNepaliMonth(N),num_day:h},this.nep_date}adToBs(o){const[c,p,u]=o.split("-").map(Number),i=this.engToNep(c,p,u),g=i.year,t=i.month.toString().padStart(2,"0"),l=i.date.toString().padStart(2,"0");return`${g}-${t}-${l}`}getFirstDayOfMonth(o,c){let p=1944;for(let u=p;u<=2100;u++)for(let i=1;i<=12;i++)for(let g=1;g<=31;g++)try{const t=this.engToNep(u,i,g);if(t.year===o&&t.month===c&&t.date===1)return t.num_day}catch{continue}return null}}const M={class:"relative w-full nepali-calendar"},T=["value","placeholder"],C={key:0,class:"absolute bg-white border shadow rounded p-3 mt-2 w-80 z-50"},F={class:"flex items-center gap-3 mb-2 border-b border-gray-100"},L={class:"flex items-center w-36"},P={class:"relative"},$=["value"],O={class:"relative w-full"},Y={class:"flex items-center justify-between"},j={class:"relative"},I=["value"],z={class:"grid grid-cols-7 text-center font-semibold mb-1 text-gray-700 text-sm"},J={class:"grid grid-cols-7 gap-1 text-center"},A=["onClick"],S={__name:"NepaliDatePicker",props:{modelValue:String,placeholder:{type:String,default:"Select a date"},todayValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(_,{emit:o}){const c=_,p=o,u=new B,i=e.ref(!1),g=["आईत","सोम","मंगल","बुध","बिही","शुक्र","शनि"],t=e.ref(null),l=e.ref(null),E=e.ref([]),f=e.ref(null),d=e.ref({year:0,month:0,day:0}),h=(a,s,n)=>`${a}-${String(s).padStart(2,"0")}-${String(n).padStart(2,"0")}`;function V(){const a=u.bs.find(r=>r[0]===t.value)?.[l.value];if(!a)return;const s=u.getFirstDayOfMonth(t.value,l.value),n=[];for(let r=1;r<s;r++)n.push(null);for(let r=1;r<=a;r++)n.push(r);E.value=[];for(let r=0;r<n.length;r+=7)E.value.push(n.slice(r,r+7))}function N(a){if(!a)return;const s=h(t.value,l.value,a);f.value=s,p("update:modelValue",s),i.value=!1}function k(a){return a&&d.value.year===t.value&&d.value.month===l.value&&d.value.day===a}function x(a){return a?f.value===h(t.value,l.value,a):!1}function m(a){a.target.closest(".nepali-calendar")||(i.value=!1)}e.onMounted(()=>{const a=new Date,s=u.engToNep(a.getFullYear(),a.getMonth()+1,a.getDate());if(d.value={year:s.year,month:s.month,day:s.date},c.modelValue){const[n,r,b]=c.modelValue.split("-");t.value=parseInt(n),l.value=parseInt(r),f.value=h(t.value,l.value,parseInt(b))}else t.value=d.value.year,l.value=d.value.month,c.todayValue&&(f.value=h(d.value.year,d.value.month,d.value.day));V(),document.addEventListener("click",m)});function v(){l.value===1?(l.value=12,t.value=Number(t.value)-1):l.value=Number(l.value)-1}function D(){l.value===12?(l.value=1,t.value=Number(t.value)+1):l.value=Number(l.value)+1}return e.watch([t,l],V),(a,s)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("input",{type:"text",readonly:"",value:f.value,onClick:s[0]||(s[0]=n=>i.value=!i.value),class:"border-gray-300 w-full rounded-md px-3 py-2 cursor-pointer",placeholder:_.placeholder},null,8,T),i.value?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",F,[e.createElementVNode("div",L,[s[3]||(s[3]=e.createElementVNode("span",{class:"text-xs font-semibold text-red-600"}," वि.सं.",-1)),e.createElementVNode("div",P,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":s[1]||(s[1]=n=>t.value=n),class:"appearance-none border-none rounded-lg w-full px-3 py-2 text-sm font-bold"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(150,n=>e.createElementVNode("option",{key:n,value:1975+n},e.toDisplayString(1975+n),9,$)),64))],512),[[e.vModelSelect,t.value]])])]),e.createElementVNode("div",O,[e.createElementVNode("div",Y,[e.createElementVNode("div",{onClick:v,class:"px-3 py-1 select-none cursor-pointer"}," « "),e.createElementVNode("div",j,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":s[2]||(s[2]=n=>l.value=n),class:"appearance-none border-none rounded-lg px-3 py-2 text-sm bg-white"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,n=>e.createElementVNode("option",{key:n,value:n},e.toDisplayString(e.unref(u).getNepaliMonth(n)),9,I)),64))],512),[[e.vModelSelect,l.value]])]),e.createElementVNode("div",{onClick:D,class:"px-3 py-1 select-none cursor-pointer"}," » ")])])]),e.createElementVNode("div",z,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(g,(n,r)=>e.createElementVNode("div",{key:r,class:e.normalizeClass(r===6?"text-red-600":"")},e.toDisplayString(n),3)),64))]),e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n,(b,w)=>(e.openBlock(),e.createElementBlock("div",{key:w,class:e.normalizeClass(["p-2 border rounded cursor-pointer select-none",[b===null?"bg-gray-100 cursor-default text-gray-400":"",w===6&&b!==null?"text-red-600":"",k(b)?"bg-blue-200 text-blue-800 font-bold":"",x(b)?"bg-blue-600 text-white font-bold":""]]),onClick:W=>N(b)},e.toDisplayString(b?e.unref(u).convertToNepaliNumber(b):""),11,A))),128))],64))),128))])])):e.createCommentVNode("",!0)]))}},U={install(_){_.component("NepaliDatePicker",S)}};y.NepaliDatePicker=S,y.NpDatePickerPlugin=U,y.default=S,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@pr0vin/np-date-picker-vue-tw",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "main": "dist/np-date-picker-vue-tw.umd.js",
   "module": "dist/np-date-picker-vue-tw.es.js",
+  "style": "dist/styles.css",
   "files": [
     "dist"
   ],