npm - @pr0vin/np-date-picker-vue-tw - Versions diffs - 1.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/np-date-picker-vue-tw.es.js +327 -0
package/dist/np-date-picker-vue-tw.umd.js +1 -0
package/package.json +24 -0

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

@@ -0,0 +1,327 @@
+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 {
+  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(n) {
+    return {
+      1: "आईतवार",
+      2: "सोमबार",
+      3: "मंगलवार",
+      4: "बुधबार",
+      5: "बिहीबार",
+      6: "शुक्रबार",
+      7: "शनिबार"
+    }[n];
+  }
+  getEnglishMonth(n) {
+    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"
+    }[n];
+  }
+  getNepaliMonth(n) {
+    return {
+      1: "बैशाख",
+      2: "जेष्ठ",
+      3: "असार",
+      4: "श्रावण",
+      5: "भाद्र",
+      6: "आश्विन",
+      7: "कार्तिक",
+      8: "मंसिर",
+      9: "पुष",
+      10: "माघ",
+      11: "फाल्गुन",
+      12: "चैत्र"
+    }[n];
+  }
+  isLeapYear(n) {
+    return n % 4 === 0 && n % 100 !== 0 || n % 400 === 0;
+  }
+  convertToNepaliNumber(n) {
+    const d = ["०", "१", "२", "३", "४", "५", "६", "७", "८", "९"];
+    return String(n).split("").map((p) => /[0-9]/.test(p) ? d[p] : p).join("");
+  }
+  engToNep(n, d, p) {
+    if (n < 1944 || n > 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;
+    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--;
+    }
+    return this.nep_date = {
+      year: S,
+      month: _,
+      date: u,
+      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}`;
+  }
+  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++)
+          try {
+            const a = this.engToNep(i, r, v);
+            if (a.year === n && a.month === d && a.date === 1)
+              return a.num_day;
+          } catch {
+            continue;
+          }
+    return null;
+  }
+}
+const I = { class: "relative w-full nepali-calendar" }, j = ["value"], J = {
+  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 = {
+  __name: "NepaliDatePicker",
+  props: { modelValue: String },
+  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")}`;
+    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));
+    }
+    function _(t) {
+      if (!t) return;
+      const l = h(a.value, s.value, t);
+      m.value = l, p("update:modelValue", l), r.value = !1;
+    }
+    function D(t) {
+      return t && u.value.year === a.value && u.value.month === s.value && u.value.day === t;
+    }
+    function T(t) {
+      return t ? m.value === h(a.value, s.value, t) : !1;
+    }
+    function c(t) {
+      t.target.closest(".nepali-calendar") || (r.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
+      }, 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));
+      } 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", {
+        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]
+          ]),
+          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]
+          ])
+        ]),
+        b("div", W, [
+          (g(), y(N, null, M(v, (e, o) => b("div", {
+            key: o,
+            class: E(o === 6 ? "text-red-600" : "")
+          }, V(e), 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" : ""
+              ]]),
+              onClick: (K) => _(f)
+            }, V(f ? Y(i).convertToNepaliNumber(f) : ""), 11, G))), 128))
+          ], 64))), 128))
+        ])
+      ])) : P("", !0)
+    ]));
+  }
+}, R = {
+  install(x) {
+    x.component("NepaliDatePicker", H);
+  }
+};
+export {
+  H as NepaliDatePicker,
+  R as NpDatePickerPlugin
+};

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

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "name": "@pr0vin/np-date-picker-vue-tw",
+  "version": "1.0.0",
+  "main": "dist/np-date-picker-vue-tw.umd.js",
+  "module": "dist/np-date-picker-vue-tw.es.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite"
+  },
+  "author": "Pravin Chaudahry",
+  "license": "ISC",
+  "description": "A Nepali date picker Vue 3 component using Tailwind CSS",
+  "peerDependencies": {
+    "vue": "^3.5.25"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.2",
+    "vite": "^7.2.6",
+    "vue": "^3.5.25"
+  }
+}