diff --git a/build/DatePickerComponent.css b/build/DatePickerComponent.css
index d9303ae..024e04c 100644
--- a/build/DatePickerComponent.css
+++ b/build/DatePickerComponent.css
@@ -1 +1 @@
-.cursor-na[data-v-204bf2e8]{cursor:"not-allowed"}.rtl{direction:rtl}.vuejs3-datepicker{color:#2f2f2f;display:inline-block;position:relative}.vuejs3-datepicker *{box-sizing:border-box}.vuejs3-datepicker input{border:1px solid}.vuejs3-datepicker__icon{display:-webkit-flex;display:-ms-flexbox;display:flex}.vuejs3-datepicker__value{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:13px 15px}.vuejs3-datepicker__content{font-size:15px;margin-left:10px}.vuejs3-datepicker__typeablecalendar{left:10px;position:absolute;top:10px}.vuejs3-datepicker__inputvalue{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:12px 10px 13px 35px}.vuejs3-datepicker__calendar{background:#fff;border-radius:4px;box-shadow:0 .2rem 1rem #0000001f;margin-top:4px;position:absolute;width:300px;z-index:100}.vuejs3-datepicker__calendar-topbar{background-color:#40b983;border-radius:4px 4px 0 0;color:#fff;padding:25px}.vuejs3-datepicker__calendar-topbar-year{font-size:30px;margin:0;padding-bottom:10px}.vuejs3-datepicker__calendar-topbar-day{font-size:20px;margin:0}.vuejs3-datepicker__calendar-actionarea{padding:10px}.vuejs3-datepicker__calendar header{display:block;line-height:40px}.vuejs3-datepicker__calendar header span{float:left;text-align:center;width:71.42857142857143%}.vuejs3-datepicker__calendar header .next,.vuejs3-datepicker__calendar header .prev{float:left;position:relative;text-indent:-10000px;width:14.285714285714286%}.vuejs3-datepicker__calendar header .next:after,.vuejs3-datepicker__calendar header .prev:after{content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg);width:8px}.vuejs3-datepicker__calendar header .prev:after{border-bottom:1px solid #2f2f2f;border-left:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next.disabled:after,.vuejs3-datepicker__calendar header .prev.disabled:after{opacity:.5}.vuejs3-datepicker__calendar header .next:after{border-right:1px solid #2f2f2f;border-top:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next:not(.disabled),.vuejs3-datepicker__calendar header .prev:not(.disabled),.vuejs3-datepicker__calendar header .up:not(.disabled){border-radius:4px;cursor:pointer;font-size:15px}.vuejs3-datepicker__calendar header .next:not(.disabled):hover,.vuejs3-datepicker__calendar header .prev:not(.disabled):hover,.vuejs3-datepicker__calendar header .up:not(.disabled):hover{background:#f8f8f8}.vuejs3-datepicker__calendar .disabled{color:#ddd;cursor:default}.vuejs3-datepicker__calendar .flex-rtl{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:inherit}.vuejs3-datepicker__calendar .cell{border:1px solid transparent;display:inline-block;font-size:14px;height:40px;line-height:40px;padding:0 5px;text-align:center;vertical-align:middle;width:14.285714285714286%}.vuejs3-datepicker__calendar .cell.month,.vuejs3-datepicker__calendar .cell.year{height:50px;line-height:28px;padding:10px 5px}.vuejs3-datepicker__calendar .cell.day-header{text-transform:uppercase}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year{cursor:pointer;transition:.45s}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border:1px solid #40b983}.vuejs3-datepicker__calendar .cell.selected{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.selected:hover{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.highlighted.selected{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted.disabled{color:#a3a3a3}.vuejs3-datepicker__calendar .cell.highlighted.highlight-start,.vuejs3-datepicker__calendar .cell.highlighted:last-child{background:#2f9668}.vuejs3-datepicker__calendar .cell.grey{color:#888}.vuejs3-datepicker__calendar .cell.grey:hover{background:inherit}.vuejs3-datepicker__calendar .cell.day-header{cursor:inherit;font-size:75%;white-space:nowrap}.vuejs3-datepicker__calendar .cell.day-header:hover{background:inherit}.vuejs3-datepicker__calendar .month,.vuejs3-datepicker__calendar .year{width:33.333%}.vuejs3-datepicker__calendar-button,.vuejs3-datepicker__clear-button{cursor:pointer;font-style:normal;position:absolute;right:12px;top:12px}.vuejs3-datepicker__calendar-button.disabled,.vuejs3-datepicker__clear-button.disabled{color:#999;cursor:default}.vuejs3-datepicker #calendar-div{background-color:#fff;border-radius:5px}.dp-error{color:red;font-size:12px}.backdrop{background-color:#00000080;bottom:0;cursor:pointer;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}
+.cursor-na[data-v-d224d91b]{cursor:"not-allowed"}.rtl{direction:rtl}.vuejs3-datepicker{color:#2f2f2f;display:inline-block;position:relative}.vuejs3-datepicker *{box-sizing:border-box}.vuejs3-datepicker input{border:1px solid}.vuejs3-datepicker__icon{display:-webkit-flex;display:-ms-flexbox;display:flex}.vuejs3-datepicker__value{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:13px 15px}.vuejs3-datepicker__content{font-size:15px;margin-left:10px}.vuejs3-datepicker__typeablecalendar{left:10px;position:absolute;top:10px}.vuejs3-datepicker__inputvalue{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:12px 10px 13px 35px}.vuejs3-datepicker__calendar{background:#fff;border-radius:4px;box-shadow:0 .2rem 1rem #0000001f;margin-top:4px;position:absolute;width:300px;z-index:100}.vuejs3-datepicker__calendar-topbar{background-color:#40b983;border-radius:4px 4px 0 0;color:#fff;padding:25px;text-align:center}.vuejs3-datepicker__calendar-topbar-year{cursor:pointer;font-size:30px;margin:0;padding-bottom:10px}.vuejs3-datepicker__calendar-topbar-day{font-size:20px;margin:0}.vuejs3-datepicker__calendar-actionarea{padding:10px}.vuejs3-datepicker__calendar header{display:block;line-height:40px}.vuejs3-datepicker__calendar header span{float:left;text-align:center;width:71.42857142857143%}.vuejs3-datepicker__calendar header .next,.vuejs3-datepicker__calendar header .prev{float:left;position:relative;text-indent:-10000px;width:14.285714285714286%}.vuejs3-datepicker__calendar header .next:after,.vuejs3-datepicker__calendar header .prev:after{content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg);width:8px}.vuejs3-datepicker__calendar header .prev:after{border-bottom:1px solid #2f2f2f;border-left:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next.disabled:after,.vuejs3-datepicker__calendar header .prev.disabled:after{opacity:.5}.vuejs3-datepicker__calendar header .next:after{border-right:1px solid #2f2f2f;border-top:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next:not(.disabled),.vuejs3-datepicker__calendar header .prev:not(.disabled),.vuejs3-datepicker__calendar header .up:not(.disabled){border-radius:4px;cursor:pointer;font-size:15px}.vuejs3-datepicker__calendar header .next:not(.disabled):hover,.vuejs3-datepicker__calendar header .prev:not(.disabled):hover,.vuejs3-datepicker__calendar header .up:not(.disabled):hover{background:#f8f8f8}.vuejs3-datepicker__calendar .disabled{color:#ddd;cursor:default}.vuejs3-datepicker__calendar .flex-rtl{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:inherit}.vuejs3-datepicker__calendar .cell{border:1px solid transparent;display:inline-block;font-size:14px;height:40px;line-height:40px;padding:0 5px;text-align:center;vertical-align:middle;width:14.285714285714286%}.vuejs3-datepicker__calendar .cell.month,.vuejs3-datepicker__calendar .cell.year{height:50px;line-height:28px;padding:10px 5px}.vuejs3-datepicker__calendar .cell.day-header{text-transform:uppercase}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year{cursor:pointer;transition:.45s}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border:1px solid #40b983}.vuejs3-datepicker__calendar .cell.selected{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.selected:hover{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.highlighted.selected{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted.disabled{color:#a3a3a3}.vuejs3-datepicker__calendar .cell.highlighted.highlight-start,.vuejs3-datepicker__calendar .cell.highlighted:last-child{background:#2f9668}.vuejs3-datepicker__calendar .cell.grey{color:#888}.vuejs3-datepicker__calendar .cell.grey:hover{background:inherit}.vuejs3-datepicker__calendar .cell.day-header{cursor:inherit;font-size:75%;white-space:nowrap}.vuejs3-datepicker__calendar .cell.day-header:hover{background:inherit}.vuejs3-datepicker__calendar .month,.vuejs3-datepicker__calendar .year{width:33.333%}.vuejs3-datepicker__calendar-button,.vuejs3-datepicker__clear-button{cursor:pointer;font-style:normal;position:absolute;right:12px;top:12px}.vuejs3-datepicker__calendar-button.disabled,.vuejs3-datepicker__clear-button.disabled{color:#999;cursor:default}.vuejs3-datepicker #calendar-div{background-color:#fff;border-radius:5px}.dp-error{color:red;font-size:12px}.backdrop{background-color:#00000080;bottom:0;cursor:pointer;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}
diff --git a/build/vuejs3-datepicker.js b/build/vuejs3-datepicker.js
index c96af35..f602727 100644
--- a/build/vuejs3-datepicker.js
+++ b/build/vuejs3-datepicker.js
@@ -1,44 +1,44 @@
 import './DatePickerComponent.css';
-import { defineComponent as q, openBlock as g, createElementBlock as b, normalizeClass as S, createElementVNode as N, ref as R, computed as h, watch as X, resolveComponent as Z, createTextVNode as Ce, toDisplayString as v, createCommentVNode as Y, createVNode as fe, renderSlot as U, withDirectives as le, normalizeStyle as ye, withModifiers as te, Fragment as _, renderList as x, vShow as ge, resolveDirective as Me, withCtx as se, createBlock as me } from "vue";
-const Ve = ["click"], ee = [], ke = {
-  instances: ee,
+import { defineComponent as q, openBlock as g, createElementBlock as b, normalizeClass as S, createElementVNode as p, ref as U, computed as y, watch as X, resolveComponent as _, createTextVNode as Me, toDisplayString as v, createCommentVNode as $, createVNode as fe, mergeProps as we, renderSlot as j, withDirectives as le, normalizeStyle as ye, withModifiers as ae, Fragment as x, renderList as ee, vShow as ge, resolveDirective as Ve, withCtx as W, createBlock as me } from "vue";
+const ke = ["click"], te = [], Te = {
+  instances: te,
   beforeMount: be,
   update: (e, t) => {
     JSON.stringify(t.value) !== JSON.stringify(t.oldValue) && be(e, t);
   },
-  unmounted: we
+  unmounted: Ne
 };
 function be(e, { value: t }) {
-  we(e);
-  const o = t, i = typeof o == "function";
-  if (!i && !(typeof o == "object") || !(o.isActive !== !1))
+  Ne(e);
+  const s = t, o = typeof s == "function";
+  if (!o && !(typeof s == "object") || !(s.isActive !== !1))
     return;
-  const n = i ? o : o.handler, c = Te({ el: e, handler: n });
-  c.eventHandlers.forEach(
-    ({ event: M, handler: $ }) => setTimeout(() => document.addEventListener(M, $, !1), 0)
-  ), ee.push(c);
+  const n = o ? s : s.handler, u = Be({ el: e, handler: n });
+  u.eventHandlers.forEach(
+    ({ event: M, handler: F }) => setTimeout(() => document.addEventListener(M, F, !1), 0)
+  ), te.push(u);
 }
-function we(e) {
-  const t = ee.findIndex((i) => i.el === e);
+function Ne(e) {
+  const t = te.findIndex((o) => o.el === e);
   if (t === -1)
     return;
-  ee[t].eventHandlers.forEach(
-    ({ event: i, handler: r }) => document.removeEventListener(i, r, !1)
-  ), ee.splice(t, 1);
+  te[t].eventHandlers.forEach(
+    ({ event: o, handler: l }) => document.removeEventListener(o, l, !1)
+  ), te.splice(t, 1);
 }
-function Te({ el: e, handler: t }) {
+function Be({ el: e, handler: t }) {
   return {
     el: e,
-    eventHandlers: Ve.map((o) => ({
-      event: o,
-      handler: (i) => Be({ event: i, el: e, handler: t })
+    eventHandlers: ke.map((s) => ({
+      event: s,
+      handler: (o) => Fe({ event: o, el: e, handler: t })
     }))
   };
 }
-function Be({ event: e, el: t, handler: o }) {
-  const i = e.path || (e.composedPath ? e.composedPath() : void 0);
-  if (i ? i.indexOf(t) < 0 : !t.contains(e.target))
-    return o && o(e, t);
+function Fe({ event: e, el: t, handler: s }) {
+  const o = e.path || (e.composedPath ? e.composedPath() : void 0);
+  if (o ? o.indexOf(t) < 0 : !t.contains(e.target))
+    return s && s(e, t);
 }
 const $e = q({
   name: "IconView",
@@ -64,13 +64,13 @@ const $e = q({
   setup() {
     return {};
   }
-}), W = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [i, r] of t)
-    o[i] = r;
-  return o;
-}, Fe = ["height", "width"], Ye = ["fill"];
-function je(e, t, o, i, r, y) {
+}), G = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [o, l] of t)
+    s[o] = l;
+  return s;
+}, Ae = ["height", "width"], je = ["fill"];
+function Ye(e, t, s, o, l, m) {
   return g(), b("span", {
     class: S(e.customClass)
   }, [
@@ -83,25 +83,25 @@ function je(e, t, o, i, r, y) {
       "aria-hidden": "true",
       "data-icon": "calendarAlt"
     }, [
-      N("path", {
+      p("path", {
         fill: e.color,
         d: "M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z"
-      }, null, 8, Ye)
-    ], 8, Fe))
+      }, null, 8, je)
+    ], 8, Ae))
   ], 2);
 }
-const Oe = /* @__PURE__ */ W($e, [["render", je]]), m = (e, t = !1) => t ? e.getUTCFullYear() : e.getFullYear(), p = (e, t = !1) => t ? e.getUTCMonth() : e.getMonth(), A = (e, t = !1) => t ? e.getUTCDate() : e.getDate(), J = (e, t = !1) => t ? e.getUTCDay() : e.getDay(), he = (e, t, o = !1) => o ? e.setUTCFullYear(t) : e.setFullYear(t), pe = (e, t, o = !1) => o ? e.setUTCMonth(t) : e.setMonth(t), ie = (e, t, o = !1) => o ? e.setUTCDate(t) : e.setDate(t), oe = (e, t, o = !1) => {
-  const i = new Date(e.getTime()), r = new Date(t.getTime());
-  return o ? (i.setUTCHours(0, 0, 0, 0), r.setUTCHours(0, 0, 0, 0)) : (i.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0)), i.getTime() === r.getTime();
-}, Ae = (e) => Object.prototype.toString.call(e) !== "[object Date]" ? !1 : !Number.isNaN(e.getTime()), re = (e, t) => {
+const Oe = /* @__PURE__ */ G($e, [["render", Ye]]), f = (e, t = !1) => t ? e.getUTCFullYear() : e.getFullYear(), N = (e, t = !1) => t ? e.getUTCMonth() : e.getMonth(), I = (e, t = !1) => t ? e.getUTCDate() : e.getDate(), z = (e, t = !1) => t ? e.getUTCDay() : e.getDay(), he = (e, t, s = !1) => s ? e.setUTCFullYear(t) : e.setFullYear(t), pe = (e, t, s = !1) => s ? e.setUTCMonth(t) : e.setMonth(t), re = (e, t, s = !1) => s ? e.setUTCDate(t) : e.setDate(t), oe = (e, t, s = !1) => {
+  const o = new Date(e.getTime()), l = new Date(t.getTime());
+  return s ? (o.setUTCHours(0, 0, 0, 0), l.setUTCHours(0, 0, 0, 0)) : (o.setHours(0, 0, 0, 0), l.setHours(0, 0, 0, 0)), o.getTime() === l.getTime();
+}, Ie = (e) => Object.prototype.toString.call(e) !== "[object Date]" ? !1 : !Number.isNaN(e.getTime()), ie = (e, t) => {
   if (typeof e != "object")
     throw TypeError("Invalid Type");
-  return t[J(e)];
-}, ae = (e, t) => {
+  return t[z(e)];
+}, ne = (e, t) => {
   if (!t)
     throw Error("missing 2nd parameter Months array");
   if (typeof e == "object")
-    return t[p(e)];
+    return t[N(e)];
   if (typeof e == "number")
     return t[e];
   throw TypeError("Invalid type");
@@ -109,11 +109,11 @@ const Oe = /* @__PURE__ */ W($e, [["render", je]]), m = (e, t = !1) => t ? e.get
   if (!t)
     throw Error("missing 2nd paramter Months array");
   if (typeof e == "object")
-    return t[p(e)];
+    return t[N(e)];
   if (typeof e == "number")
     return t[e];
   throw TypeError("Invalid type");
-}, Ie = (e, t) => /8|3|5|10/.test(t) ? 30 : t === 1 ? !(e % 4) && e % 100 || !(e % 400) ? 29 : 28 : 31, He = (e) => {
+}, Pe = (e, t) => /8|3|5|10/.test(t) ? 30 : t === 1 ? !(e % 4) && e % 100 || !(e % 400) ? 29 : 28 : 31, Je = (e) => {
   switch (e) {
     case 1:
     case 21:
@@ -128,11 +128,12 @@ const Oe = /* @__PURE__ */ W($e, [["render", je]]), m = (e, t = !1) => t ? e.get
     default:
       return "th";
   }
-}, Pe = (e, t, o) => {
-  const i = m(e), r = p(e) + 1, y = A(e);
-  return t.replace(/dd/, `0${y}`.slice(-2)).replace(/d/, y).replace(/yyyy/, i).replace(/yy/, String(i).slice(2)).replace(/MMMM/, ae(p(e), o.months)).replace(/MMM/, ue(p(e), o.monthsAbbr)).replace(/MM/, `0${r}`.slice(-2)).replace(/M(?!a|ä|e)/, r.toString()).replace(/su/, He(A(e))).replace(/D(?!e|é|i)/, re(e, o.days));
-}, Je = (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number", z = (e) => typeof e == "string" ? new Date(e) : e, ze = q({
+}, He = (e, t, s) => {
+  const o = f(e), l = N(e) + 1, m = I(e);
+  return t.replace(/dd/, `0${m}`.slice(-2)).replace(/d/, m).replace(/yyyy/, o).replace(/yy/, String(o).slice(2)).replace(/MMMM/, ne(N(e), s.months)).replace(/MMM/, ue(N(e), s.monthsAbbr)).replace(/MM/, `0${l}`.slice(-2)).replace(/M(?!a|ä|e)/, l.toString()).replace(/su/, Je(I(e))).replace(/D(?!e|é|i)/, ie(e, s.days));
+}, ze = (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number", R = (e) => typeof e == "string" ? new Date(e) : e, Re = q({
   name: "DateInput",
+  inheritAttrs: !1,
   components: {
     IconView: Oe
   },
@@ -196,8 +197,7 @@ const Oe = /* @__PURE__ */ W($e, [["render", je]]), m = (e, t = !1) => t ? e.get
     addBootstrapClass: {
       type: Boolean,
       default: !1,
-      required: !1,
-      validator: (e) => !!e
+      required: !1
     },
     useUtc: {
       type: Boolean
@@ -237,104 +237,104 @@ const Oe = /* @__PURE__ */ W($e, [["render", je]]), m = (e, t = !1) => t ? e.get
   },
   emits: ["show-calendar", "typed-date", "clear-date", "close-calendar"],
   setup(e, { emit: t }) {
-    const o = R(), i = R(null), r = h(() => e.addBootstrapClass ? typeof e.inputClass == "string" ? [e.inputClass, "form-control"].join(" ") : {
+    const s = U(), o = U(null), l = y(() => e.addBootstrapClass ? typeof e.inputClass == "string" ? [e.inputClass, "form-control"].join(" ") : {
       "form-control": !0,
       ...e.inputClass
-    } : e.inputClass), y = h(() => {
+    } : e.inputClass), m = y(() => {
       var T, C;
       if (!e.selectedDate)
         return null;
-      if (o.value)
-        return o.value;
-      const V = z(e.selectedDate);
-      let k = typeof e.format == "function" ? e.format(V) : Pe(V, e.format, e.translation);
+      if (s.value)
+        return s.value;
+      const V = R(e.selectedDate);
+      let k = typeof e.format == "function" ? e.format(V) : He(V, e.format, e.translation);
       if (e.minimumView === e.maximumView) {
-        const [, H, I] = k.split(" ");
+        const [, J, P] = k.split(" ");
         if (e.maximumView === "month") {
           if (e.fullMonthName) {
-            const P = (T = e.translation) == null ? void 0 : T.monthsAbbr.indexOf(H);
-            return (C = e.translation) == null ? void 0 : C.months[P];
+            const H = (T = e.translation) == null ? void 0 : T.monthsAbbr.indexOf(J);
+            return (C = e.translation) == null ? void 0 : C.months[H];
           }
-          k = H;
+          k = J;
         } else
-          e.maximumView === "year" && (k = I);
+          e.maximumView === "year" && (k = P);
       }
       return k;
     });
     X(
       () => e.resetTypedDate,
       () => {
-        o.value = "";
+        s.value = "";
       }
     );
     function n() {
       t("show-calendar");
     }
-    function c(V) {
+    function u(V) {
       if ([
         27,
         // escape
         13
         // enter
-      ].includes(V.keyCode) && i.value.blur(), e.typeable) {
-        const { value: k } = i.value, T = Date.parse(k);
-        Number.isNaN(T) || (o.value = k, t("typed-date", new Date(T)));
+      ].includes(V.keyCode) && o.value.blur(), e.typeable) {
+        const { value: k } = o.value, T = Date.parse(k);
+        Number.isNaN(T) || (s.value = k, t("typed-date", new Date(T)));
       }
     }
     function M() {
       t("clear-date");
     }
-    function $() {
-      e.typeable && Number.isNaN(Date.parse(i.value.value)) && (M(), i.value.value = null, o.value = ""), t("close-calendar", !0);
+    function F() {
+      e.typeable && Number.isNaN(Date.parse(o.value.value)) && (M(), o.value.value = null, s.value = ""), t("close-calendar", !0);
     }
     return {
-      typedDate: o,
-      computedInputClass: r,
-      formattedValue: y,
+      typedDate: s,
+      computedInputClass: l,
+      formattedValue: m,
       showCalendar: n,
-      parseTypedDate: c,
-      inputBlurred: $,
-      inputRef: i,
+      parseTypedDate: u,
+      inputBlurred: F,
+      inputRef: o,
       clearDate: M
     };
   }
 });
-const Re = { key: 0 }, Ue = {
+const Ue = { key: 0 }, Ee = {
   key: 1,
   style: { position: "relative" }
-}, Ee = { key: 0 }, Le = ["type", "name", "id", "value", "open-date", "placeholder", "clear-button", "disabled", "required", "readonly"], qe = {
+}, Le = { key: 0 }, We = ["type", "name", "id", "value", "open-date", "placeholder", "clear-button", "disabled", "required", "readonly"], qe = {
   key: 0,
   class: "vuejs3-datepicker__value"
-}, We = { class: "vuejs3-datepicker__icon" }, Ge = {
+}, Ge = { class: "vuejs3-datepicker__icon" }, Ke = {
   key: 0,
   class: "vuejs3-datepicker__content"
-}, Ke = {
+}, Qe = {
   key: 1,
   class: "vuejs3-datepicker__content"
-}, Qe = { key: 0 };
-function Xe(e, t, o, i, r, y) {
-  const n = Z("IconView");
+}, Ze = { key: 0 };
+function Xe(e, t, s, o, l, m) {
+  const n = _("IconView");
   return g(), b("div", {
     class: S([e.addBootstrapClass ? "input-group" : ""])
   }, [
     e.calendarButton ? (g(), b("span", {
       key: 0,
       class: S(["vuejs3-datepicker__calendar-button", { "input-group-prepend": e.addBootstrapClass, "cursor-na": e.disabled }]),
-      onClick: t[0] || (t[0] = (...c) => e.showCalendar && e.showCalendar(...c))
+      onClick: t[0] || (t[0] = (...u) => e.showCalendar && e.showCalendar(...u))
     }, [
-      N("span", {
+      p("span", {
         class: S({ "input-group-text": e.addBootstrapClass })
       }, [
-        N("i", {
+        p("i", {
           class: S(e.calendarButtonIcon)
         }, [
-          Ce(v(e.calendarButtonIconContent) + " ", 1),
-          e.calendarButtonIcon ? Y("", !0) : (g(), b("span", Re, "…"))
+          Me(v(e.calendarButtonIconContent) + " ", 1),
+          e.calendarButtonIcon ? $("", !0) : (g(), b("span", Ue, "…"))
         ], 2)
       ], 2)
-    ], 2)) : Y("", !0),
-    e.typeable || !e.hideInput ? (g(), b("div", Ue, [
-      e.inline ? Y("", !0) : (g(), b("span", Ee, [
+    ], 2)) : $("", !0),
+    e.typeable || !e.hideInput ? (g(), b("div", Ee, [
+      e.inline ? $("", !0) : (g(), b("span", Le, [
         fe(n, {
           customClass: "vuejs3-datepicker__typeablecalendar",
           color: e.iconColor,
@@ -342,9 +342,9 @@ function Xe(e, t, o, i, r, y) {
           height: e.iconHeight
         }, null, 8, ["color", "width", "height"])
       ])),
-      N("input", {
+      p("input", we(e.$attrs, {
         type: e.inline ? "hidden" : "text",
-        class: S([e.computedInputClass, "vuejs3-datepicker__inputvalue"]),
+        class: [e.computedInputClass, "vuejs3-datepicker__inputvalue"],
         name: e.name,
         ref: "inputRef",
         id: e.id,
@@ -355,46 +355,46 @@ function Xe(e, t, o, i, r, y) {
         disabled: e.disabled,
         required: e.required,
         readonly: !e.typeable,
-        onClick: t[1] || (t[1] = (...c) => e.showCalendar && e.showCalendar(...c)),
-        onKeyup: t[2] || (t[2] = (...c) => e.parseTypedDate && e.parseTypedDate(...c)),
-        onBlur: t[3] || (t[3] = (...c) => e.inputBlurred && e.inputBlurred(...c)),
+        onClick: t[1] || (t[1] = (...u) => e.showCalendar && e.showCalendar(...u)),
+        onKeyup: t[2] || (t[2] = (...u) => e.parseTypedDate && e.parseTypedDate(...u)),
+        onBlur: t[3] || (t[3] = (...u) => e.inputBlurred && e.inputBlurred(...u)),
         autocomplete: "off"
-      }, null, 42, Le)
+      }), null, 16, We)
     ])) : (g(), b("div", {
       key: 2,
-      onClick: t[4] || (t[4] = (...c) => e.showCalendar && e.showCalendar(...c)),
+      onClick: t[4] || (t[4] = (...u) => e.showCalendar && e.showCalendar(...u)),
       id: "calendar-div"
     }, [
-      e.inline ? Y("", !0) : (g(), b("div", qe, [
-        N("span", We, [
+      e.inline ? $("", !0) : (g(), b("div", qe, [
+        p("span", Ge, [
           fe(n, {
             color: e.iconColor,
             width: e.iconWidth,
             height: e.iconHeight
           }, null, 8, ["color", "width", "height"])
         ]),
-        e.formattedValue ? (g(), b("div", Ge, v(e.formattedValue), 1)) : (g(), b("div", Ke, v(e.placeholder), 1))
+        e.formattedValue ? (g(), b("div", Ke, v(e.formattedValue), 1)) : (g(), b("div", Qe, v(e.placeholder), 1))
       ]))
     ])),
     e.clearButton && e.selectedDate ? (g(), b("span", {
       key: 3,
       class: S(["vuejs3-datepicker__clear-button", { "input-group-append": e.addBootstrapClass }]),
-      onClick: t[5] || (t[5] = (c) => e.clearDate())
+      onClick: t[5] || (t[5] = (u) => e.clearDate())
     }, [
-      N("span", {
+      p("span", {
         class: S({ "input-group-text": e.addBootstrapClass })
       }, [
-        N("i", {
+        p("i", {
           class: S(e.clearButtonIcon)
         }, [
-          e.clearButtonIcon ? Y("", !0) : (g(), b("span", Qe, "×"))
+          e.clearButtonIcon ? $("", !0) : (g(), b("span", Ze, "×"))
         ], 2)
       ], 2)
-    ], 2)) : Y("", !0),
-    U(e.$slots, "belowDate", {}, void 0, !0)
+    ], 2)) : $("", !0),
+    j(e.$slots, "belowDate", {}, void 0, !0)
   ], 2);
 }
-const Ze = /* @__PURE__ */ W(ze, [["render", Xe], ["__scopeId", "data-v-204bf2e8"]]), _e = q({
+const _e = /* @__PURE__ */ G(Re, [["render", Xe], ["__scopeId", "data-v-d224d91b"]]), xe = q({
   name: "PickerDay",
   props: {
     showDayView: {
@@ -403,8 +403,7 @@ const Ze = /* @__PURE__ */ W(ze, [["render", Xe], ["__scopeId", "data-v-204bf2e8
     selectedDate: {
       type: [String, Date],
       required: !1,
-      default: null,
-      validator: (e) => ["string", "number"].indexOf(typeof e) !== -1 || e === null
+      default: null
     },
     pageDate: {
       type: Date,
@@ -464,63 +463,63 @@ const Ze = /* @__PURE__ */ W(ze, [["render", Xe], ["__scopeId", "data-v-204bf2e8
   },
   emits: ["show-year-calendar", "changed-month", "show-month-calendar", "selected-disabled", "select-date"],
   setup(e, { emit: t }) {
-    function o(a) {
+    function s(a) {
       a.isDisabled ? (t("selected-disabled", a), e.preventDisableDateSelection || t("select-date", a)) : t("select-date", a);
     }
-    function i() {
+    function o() {
       t("show-month-calendar");
     }
-    function r() {
+    function l() {
       t("show-year-calendar");
     }
-    function y(a) {
-      const l = e.pageDate;
-      pe(l, p(l) + a), t("changed-month", l);
+    function m(a) {
+      const i = e.pageDate;
+      pe(i, N(i) + a), t("changed-month", i);
     }
     function n() {
       const a = e.disabledDates;
       if (!a || !a.to)
         return !1;
-      const l = e.pageDate;
-      return p(a.to) >= p(l) && m(a.to) >= m(l);
+      const i = e.pageDate;
+      return N(a.to) >= N(i) && f(a.to) >= f(i);
     }
-    function c() {
-      n() || y(-1);
+    function u() {
+      n() || m(-1);
     }
     function M() {
       const a = e.disabledDates;
       if (!a || !a.from)
         return !1;
-      const l = e.pageDate;
-      return p(a.from) <= p(l) && m(a.from) <= m(l);
+      const i = e.pageDate;
+      return N(a.from) <= N(i) && f(a.from) <= f(i);
     }
-    function $() {
-      M() || y(1);
+    function F() {
+      M() || m(1);
     }
     function V(a) {
-      const l = z(e.selectedDate);
-      return e.selectedDate ? oe(l, a) : !1;
+      const i = R(e.selectedDate);
+      return e.selectedDate ? oe(i, a) : !1;
     }
     function k(a) {
-      let l = !1;
-      const d = e.disabledDates;
-      return d ? typeof d > "u" ? !1 : (typeof d.dates < "u" && d.dates.forEach((L) => {
-        oe(a, L) && (l = !0);
-      }), typeof d.to < "u" && d.to && a < d.to && (l = !0), typeof d.from < "u" && d.from && a > d.from && (l = !0), typeof d.days < "u" && d.days.indexOf(J(a)) !== -1 && (l = !0), typeof d.daysOfMonth < "u" && d.daysOfMonth.indexOf(A(a)) !== -1 && (l = !0), typeof d.customPredictor == "function" && d.customPredictor(a) && (l = !0), l) : l;
+      let i = !1;
+      const c = e.disabledDates;
+      return c ? typeof c > "u" ? !1 : (typeof c.dates < "u" && c.dates.forEach((L) => {
+        oe(a, L) && (i = !0);
+      }), typeof c.to < "u" && c.to && a < c.to && (i = !0), typeof c.from < "u" && c.from && a > c.from && (i = !0), typeof c.days < "u" && c.days.indexOf(z(a)) !== -1 && (i = !0), typeof c.daysOfMonth < "u" && c.daysOfMonth.indexOf(I(a)) !== -1 && (i = !0), typeof c.customPredictor == "function" && c.customPredictor(a) && (i = !0), i) : i;
     }
     function T(a) {
       return typeof a < "u" && a;
     }
     function C(a) {
-      const l = e.highlighted;
-      if (!(l && l.includeDisabled) && k(a))
+      const i = e.highlighted;
+      if (!(i && i.includeDisabled) && k(a))
         return !1;
-      let d = !1;
-      return typeof l > "u" ? !1 : (typeof l.dates < "u" && l.dates.forEach((L) => {
-        oe(a, L) && (d = !0);
-      }), T(l.from) && T(l.to) && (d = a >= l.from && a <= l.to), typeof l.days < "u" && l.days.indexOf(J(a)) !== -1 && (d = !0), typeof l.daysOfMonth < "u" && l.daysOfMonth.indexOf(A(a)) !== -1 && (d = !0), typeof l.customPredictor == "function" && l.customPredictor(a) && (d = !0), d);
+      let c = !1;
+      return typeof i > "u" ? !1 : (typeof i.dates < "u" && i.dates.forEach((L) => {
+        oe(a, L) && (c = !0);
+      }), T(i.from) && T(i.to) && (c = a >= i.from && a <= i.to), typeof i.days < "u" && i.days.indexOf(z(a)) !== -1 && (c = !0), typeof i.daysOfMonth < "u" && i.daysOfMonth.indexOf(I(a)) !== -1 && (c = !0), typeof i.customPredictor == "function" && i.customPredictor(a) && (c = !0), c);
     }
-    function H(a) {
+    function J(a) {
       return {
         selected: a.isSelected,
         disabled: a.isDisabled,
@@ -533,142 +532,147 @@ const Ze = /* @__PURE__ */ W(ze, [["render", Xe], ["__scopeId", "data-v-204bf2e8
         "highlight-end": a.isHighlightEnd
       };
     }
-    function I(a) {
-      const l = e.highlighted;
-      return l ? C(a) && l.from instanceof Date && m(l.from) === m(a) && p(l.from) === p(a) && A(l.from) === A(a) : !1;
-    }
     function P(a) {
-      const l = e.highlighted;
-      return l ? C(a) && l.to instanceof Date && m(l.to) === m(a) && p(l.to) === p(a) && A(l.to) === A(a) : !1;
+      const i = e.highlighted;
+      return i ? C(a) && i.from instanceof Date && f(i.from) === f(a) && N(i.from) === N(a) && I(i.from) === I(a) : !1;
     }
-    const F = h(() => {
+    function H(a) {
+      const i = e.highlighted;
+      return i ? C(a) && i.to instanceof Date && f(i.to) === f(a) && N(i.to) === N(a) && I(i.to) === I(a) : !1;
+    }
+    const A = y(() => {
       if (e.mondayFirst) {
         const a = e.translation && e.translation.days && e.translation.days.slice();
         return a.push(a.shift()), a;
       }
       return e.translation && e.translation.days;
-    }), j = h(() => {
-      const a = e.pageDate, l = e.useUtc ? new Date(Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), 1)) : new Date(a.getFullYear(), a.getMonth(), 1, a.getHours(), a.getMinutes());
-      return e.mondayFirst ? J(l) > 0 ? J(l) - 1 : 6 : J(l);
-    }), O = h(() => {
-      const a = e.pageDate, l = [], d = e.useUtc ? new Date(Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), 1)) : new Date(a.getFullYear(), a.getMonth(), 1, a.getHours(), a.getMinutes()), L = Ie(m(d), p(d));
-      for (let Q = 0; Q < L; Q += 1)
-        l.push({
-          date: A(d),
-          timestamp: d.getTime(),
-          isSelected: V(d),
-          isDisabled: k(d),
-          isHighlighted: C(d),
-          isHighlightStart: I(d),
-          isHighlightEnd: P(d),
-          isToday: oe(d, /* @__PURE__ */ new Date()),
-          isWeekend: J(d) === 0 || J(d) === 6,
-          isSaturday: J(d) === 6,
-          isSunday: J(d) === 0
-        }), ie(d, A(d) + 1);
-      return l;
-    }), u = h(() => {
+    }), Y = y(() => {
+      const a = e.pageDate, i = e.useUtc ? new Date(Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), 1)) : new Date(a.getFullYear(), a.getMonth(), 1, a.getHours(), a.getMinutes());
+      return e.mondayFirst ? z(i) > 0 ? z(i) - 1 : 6 : z(i);
+    }), O = y(() => {
+      const a = e.pageDate, i = [], c = e.useUtc ? new Date(Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), 1)) : new Date(a.getFullYear(), a.getMonth(), 1, a.getHours(), a.getMinutes()), L = Pe(f(c), N(c));
+      for (let Z = 0; Z < L; Z += 1)
+        i.push({
+          date: I(c),
+          timestamp: c.getTime(),
+          isSelected: V(c),
+          isDisabled: k(c),
+          isHighlighted: C(c),
+          isHighlightStart: P(c),
+          isHighlightEnd: H(c),
+          isToday: oe(c, /* @__PURE__ */ new Date()),
+          isWeekend: z(c) === 0 || z(c) === 6,
+          isSaturday: z(c) === 6,
+          isSunday: z(c) === 0
+        }), re(c, I(c) + 1);
+      return i;
+    }), d = y(() => {
       const a = e.fullMonthName ? e.translation && e.translation.months : e.translation && e.translation.monthsAbbr;
-      return ue(p(e.pageDate), a);
-    }), s = h(() => {
+      return ue(N(e.pageDate), a);
+    }), r = y(() => {
       const a = e.translation && e.translation.months;
-      return ae(p(e.pageDate), a);
-    }), D = h(() => {
+      return ne(N(e.pageDate), a);
+    }), D = y(() => {
       const a = e.translation && e.translation.yearSuffix;
-      return `${m(e.pageDate)}${a}`;
-    }), w = h(() => (e.translation && e.translation.ymd && e.translation && e.translation.ymd) === !0), E = h(() => e.isRtl ? M() : n()), G = h(() => e.isRtl ? n() : M()), de = h(() => {
-      const a = z(e.selectedDate);
-      return e.selectedDate ? re(a, e.translation && e.translation.daysNames) : null;
-    }), K = h(() => {
-      const a = z(e.selectedDate);
-      return e.selectedDate ? A(a) : null;
-    }), ce = h(() => !(e.minimumView === e.maximumView && (e.minimumView !== "day" || e.maximumView !== "day")));
+      return `${f(e.pageDate)}${a}`;
+    }), w = y(() => (e.translation && e.translation.ymd && e.translation && e.translation.ymd) === !0), E = y(() => e.isRtl ? M() : n()), K = y(() => e.isRtl ? n() : M()), de = y(() => {
+      const a = R(e.selectedDate);
+      return e.selectedDate ? ie(a, e.translation && e.translation.daysNames) : null;
+    }), Q = y(() => {
+      const a = R(e.selectedDate);
+      return e.selectedDate ? I(a) : null;
+    }), ce = y(() => !(e.minimumView === e.maximumView && (e.minimumView !== "day" || e.maximumView !== "day")));
     return {
       isDefined: T,
-      showMonthCalendar: i,
-      daysOfWeek: F,
-      blankDays: j,
+      showMonthCalendar: o,
+      daysOfWeek: A,
+      blankDays: Y,
       isYmd: w,
       days: O,
-      currMonthName: u,
+      currMonthName: d,
       currYearName: D,
       isLeftNavDisabled: E,
-      isRightNavDisabled: G,
-      selectDate: o,
-      previousMonth: c,
-      nextMonth: $,
-      dayClasses: H,
-      monthName: s,
+      isRightNavDisabled: K,
+      selectDate: s,
+      previousMonth: u,
+      nextMonth: F,
+      dayClasses: J,
+      monthName: r,
       getDayName: de,
-      getDisplayDate: K,
-      showYearCalendar: r,
+      getDisplayDate: Q,
+      showYearCalendar: l,
       isNextMonthDisabled: M,
       ifDifferentViews: ce,
       isSelectedDate: V,
       isDisabledDate: k,
       isHighlightedDate: C,
-      isHighlightStart: I,
-      isHighlightEnd: P
+      isHighlightStart: P,
+      isHighlightEnd: H
     };
   }
-}), xe = {
+}), et = {
   key: 0,
   class: "vuejs3-datepicker__calendar-topbar"
-}, et = { class: "vuejs3-datepicker__calendar-topbar-day" }, tt = { class: "vuejs3-datepicker__calendar-actionarea" }, at = ["innerHTML", "onClick"];
-function nt(e, t, o, i, r, y) {
+}, tt = {
+  key: 0,
+  class: "vuejs3-datepicker__calendar-topbar-day"
+}, at = { class: "vuejs3-datepicker__calendar-actionarea" }, nt = ["innerHTML", "onClick"];
+function st(e, t, s, o, l, m) {
   return le((g(), b("div", {
     class: S(["vuejs3-datepicker__calendar", `vuejs3-${e.theme}`, e.calendarClass]),
     style: ye(e.calendarStyle),
-    onMousedown: t[4] || (t[4] = te(() => {
+    onMousedown: t[4] || (t[4] = ae(() => {
     }, ["prevent"]))
   }, [
-    U(e.$slots, "customCalendarHeader"),
-    e.ifDifferentViews && e.selectedDate ? (g(), b("section", xe, [
-      N("p", {
+    j(e.$slots, "customCalendarHeader"),
+    e.ifDifferentViews && e.selectedDate ? (g(), b("section", et, [
+      p("p", {
         class: "vuejs3-datepicker__calendar-topbar-year",
         onClick: t[0] || (t[0] = (...n) => e.showYearCalendar && e.showYearCalendar(...n))
       }, v(e.currYearName), 1),
-      N("p", et, v(e.getDayName) + " " + v(e.getDisplayDate) + " " + v(e.monthName), 1)
-    ])) : Y("", !0),
-    N("div", tt, [
-      N("header", null, [
-        N("span", {
+      j(e.$slots, "formatDateTopBar", {}, () => [
+        e.selectedDate ? (g(), b("p", tt, v(e.getDayName) + " " + v(e.getDisplayDate) + " " + v(e.monthName), 1)) : $("", !0)
+      ])
+    ])) : $("", !0),
+    p("div", at, [
+      p("header", null, [
+        p("span", {
           onClick: t[1] || (t[1] = (n) => e.isRtl ? e.nextMonth() : e.previousMonth()),
           class: S(["prev", { disabled: e.isLeftNavDisabled }])
         }, "<", 2),
-        N("span", {
+        p("span", {
           class: S(["day__month_btn", e.allowedToShowView("month") ? "up" : ""]),
           onClick: t[2] || (t[2] = (...n) => e.showMonthCalendar && e.showMonthCalendar(...n))
         }, v(e.isYmd ? e.currYearName : e.currMonthName) + " " + v(e.isYmd ? e.currMonthName : e.currYearName), 3),
-        N("span", {
+        p("span", {
           onClick: t[3] || (t[3] = (n) => e.isRtl ? e.previousMonth() : e.nextMonth()),
           class: S(["next", { disabled: e.isRightNavDisabled }])
         }, ">", 2)
       ]),
-      N("div", {
+      p("div", {
         class: S(e.isRtl ? "flex-rtl" : "")
       }, [
-        (g(!0), b(_, null, x(e.daysOfWeek, (n) => (g(), b("span", {
+        (g(!0), b(x, null, ee(e.daysOfWeek, (n) => (g(), b("span", {
           class: "cell day-header",
           key: n.timestamp
         }, v(n), 1))), 128)),
-        e.blankDays > 0 ? (g(!0), b(_, { key: 0 }, x(e.blankDays, (n) => (g(), b("span", {
+        e.blankDays > 0 ? (g(!0), b(x, { key: 0 }, ee(e.blankDays, (n) => (g(), b("span", {
           class: "cell day blank",
           key: n.timestamp
-        }))), 128)) : Y("", !0),
-        (g(!0), b(_, null, x(e.days, (n) => (g(), b("span", {
+        }))), 128)) : $("", !0),
+        (g(!0), b(x, null, ee(e.days, (n) => (g(), b("span", {
           class: S(["cell day", e.dayClasses(n)]),
           key: n.timestamp,
           innerHTML: e.dayCellContent(n),
-          onClick: (c) => e.selectDate(n)
-        }, null, 10, at))), 128))
+          onClick: (u) => e.selectDate(n)
+        }, null, 10, nt))), 128))
       ], 2)
     ])
   ], 38)), [
     [ge, e.showDayView]
   ]);
 }
-const st = /* @__PURE__ */ W(_e, [["render", nt]]), ot = q({
+const ot = /* @__PURE__ */ G(xe, [["render", st]]), rt = q({
   name: "PickerMonth",
   props: {
     showMonthView: {
@@ -677,8 +681,7 @@ const st = /* @__PURE__ */ W(_e, [["render", nt]]), ot = q({
     selectedDate: {
       type: [String, Date],
       required: !1,
-      default: null,
-      validator: (e) => ["string", "number"].indexOf(typeof e) !== -1 || e === null
+      default: null
     },
     pageDate: {
       type: Date,
@@ -723,135 +726,137 @@ const st = /* @__PURE__ */ W(_e, [["render", nt]]), ot = q({
     }
   },
   setup(e, { emit: t }) {
-    function o(s) {
-      s.isDisabled || t("select-month", s);
+    function s(r) {
+      r.isDisabled || t("select-month", r);
     }
-    function i(s) {
+    function o(r) {
       const D = e.pageDate;
-      he(D, m(D) + s), t("changed-year", D);
+      he(D, f(D) + r), t("changed-year", D);
     }
-    function r() {
-      const s = e.disabledDates;
-      return !s || !s.to ? !1 : m(s.to) >= m(e.pageDate);
+    function l() {
+      const r = e.disabledDates;
+      return !r || !r.to ? !1 : f(r.to) >= f(e.pageDate);
     }
-    function y() {
-      r() || i(-1);
+    function m() {
+      l() || o(-1);
     }
     function n() {
-      const s = e.disabledDates;
-      return !s || !s.from ? !1 : m(s.from) <= m(e.pageDate);
+      const r = e.disabledDates;
+      return !r || !r.from ? !1 : f(r.from) <= f(e.pageDate);
     }
-    function c() {
-      n() || i(1);
+    function u() {
+      n() || o(1);
     }
     function M() {
       t("show-year-calendar");
     }
-    function $(s) {
-      const D = z(e.selectedDate);
-      return D && m(D) === m(s) && p(D) === p(s);
+    function F(r) {
+      const D = R(e.selectedDate);
+      return D && f(D) === f(r) && N(D) === N(r);
     }
-    function V(s) {
+    function V(r) {
       let D = !1;
       const w = e.disabledDates;
-      return !w || typeof w > "u" ? !1 : (typeof w.to < "u" && w.to && (p(s) < p(w.to) && m(s) <= m(w.to) || m(s) < m(w.to)) && (D = !0), typeof w.from < "u" && w.from && (p(s) > p(w.from) && m(s) >= m(w.from) || m(s) > m(w.from)) && (D = !0), typeof w.customPredictor == "function" && w.customPredictor(s) && (D = !0), D);
+      return !w || typeof w > "u" ? !1 : (typeof w.to < "u" && w.to && (N(r) < N(w.to) && f(r) <= f(w.to) || f(r) < f(w.to)) && (D = !0), typeof w.from < "u" && w.from && (N(r) > N(w.from) && f(r) >= f(w.from) || f(r) > f(w.from)) && (D = !0), typeof w.customPredictor == "function" && w.customPredictor(r) && (D = !0), D);
     }
-    const k = h(() => {
-      const s = e.pageDate, D = [], w = e.useUtc ? new Date(Date.UTC(s.getUTCFullYear(), 0, s.getUTCDate())) : new Date(s.getFullYear(), 0, s.getDate(), s.getHours(), s.getMinutes());
+    const k = y(() => {
+      const r = e.pageDate, D = [], w = e.useUtc ? new Date(Date.UTC(r.getUTCFullYear(), 0, r.getUTCDate())) : new Date(r.getFullYear(), 0, r.getDate(), r.getHours(), r.getMinutes());
       for (let E = 0; E < 12; E += 1)
         D.push({
-          month: ae(E, e.translation && e.translation.months),
+          month: ne(E, e.translation && e.translation.months),
           timestamp: w.getTime(),
-          isSelected: $(w),
+          isSelected: F(w),
           isDisabled: V(w)
-        }), pe(w, p(w) + 1);
+        }), pe(w, N(w) + 1);
       return D;
-    }), T = h(() => {
-      const s = e.translation && e.translation.yearSuffix;
-      return `${m(e.pageDate)}${s}`;
-    }), C = h(() => e.isRtl ? n() : r()), H = h(() => e.isRtl ? r() : n()), I = h(() => {
-      const s = e.translation && e.translation.months;
-      return ae(p(e.pageDate), s);
-    }), P = h(() => {
-      const s = z(e.selectedDate);
-      return e.selectedDate ? A(s) : null;
-    }), F = h(() => {
-      const s = z(e.selectedDate);
-      return e.selectedDate ? re(s, e.translation && e.translation.daysNames) : null;
-    }), j = h(() => {
-      const s = e.translation && e.translation.yearSuffix;
-      return `${m(e.pageDate)}${s}`;
-    }), O = h(() => {
-      const s = e.fullMonthName ? e.translation && e.translation.months : e.translation && e.translation.monthsAbbr;
-      return ue(p(e.pageDate), s);
-    }), u = h(() => !(e.minimumView === e.maximumView && (e.minimumView !== "day" || e.maximumView !== "day")));
+    }), T = y(() => {
+      const r = e.translation && e.translation.yearSuffix;
+      return `${f(e.pageDate)}${r}`;
+    }), C = y(() => e.isRtl ? n() : l()), J = y(() => e.isRtl ? l() : n()), P = y(() => {
+      const r = e.translation && e.translation.months;
+      return ne(N(e.pageDate), r);
+    }), H = y(() => {
+      const r = R(e.selectedDate);
+      return e.selectedDate ? I(r) : null;
+    }), A = y(() => {
+      const r = R(e.selectedDate);
+      return e.selectedDate ? ie(r, e.translation && e.translation.daysNames) : null;
+    }), Y = y(() => {
+      const r = e.translation && e.translation.yearSuffix;
+      return `${f(e.pageDate)}${r}`;
+    }), O = y(() => {
+      const r = e.fullMonthName ? e.translation && e.translation.months : e.translation && e.translation.monthsAbbr;
+      return ue(N(e.pageDate), r);
+    }), d = y(() => !(e.minimumView === e.maximumView && (e.minimumView !== "day" || e.maximumView !== "day")));
     return {
-      isRightNavDisabled: H,
+      isRightNavDisabled: J,
       isLeftNavDisabled: C,
       pageYearName: T,
       months: k,
-      selectMonth: o,
-      previousYear: y,
-      nextYear: c,
-      currYearName: j,
-      getDisplayDate: P,
-      monthName: I,
+      selectMonth: s,
+      previousYear: m,
+      nextYear: u,
+      currYearName: Y,
+      getDisplayDate: H,
+      monthName: P,
       showYearCalendar: M,
-      getDayName: F,
+      getDayName: A,
       currMonthName: O,
-      ifDifferentViews: u,
-      isSelectedMonth: $,
+      ifDifferentViews: d,
+      isSelectedMonth: F,
       isDisabledMonth: V
     };
   }
-}), it = {
+}), lt = {
   key: 0,
   class: "vuejs3-datepicker__calendar-topbar"
-}, lt = {
+}, it = {
   key: 0,
   class: "vuejs3-datepicker__calendar-topbar-day"
-}, rt = { class: "vuejs3-datepicker__calendar-actionarea" }, ut = ["onClick"];
-function dt(e, t, o, i, r, y) {
+}, ut = { class: "vuejs3-datepicker__calendar-actionarea" }, dt = ["onClick"];
+function ct(e, t, s, o, l, m) {
   return le((g(), b("div", {
     class: S(["vuejs3-datepicker__calendar", `vuejs3-${e.theme}`, e.calendarClass]),
     style: ye(e.calendarStyle),
-    onMousedown: t[4] || (t[4] = te(() => {
+    onMousedown: t[4] || (t[4] = ae(() => {
     }, ["prevent"]))
   }, [
-    U(e.$slots, "customCalendarHeader"),
-    e.ifDifferentViews ? (g(), b("section", it, [
-      N("p", {
+    j(e.$slots, "customCalendarHeader"),
+    e.ifDifferentViews ? (g(), b("section", lt, [
+      p("p", {
         class: "vuejs3-datepicker__calendar-topbar-year",
         onClick: t[0] || (t[0] = (...n) => e.showYearCalendar && e.showYearCalendar(...n))
       }, v(e.currYearName), 1),
-      e.selectedDate ? (g(), b("p", lt, v(e.getDayName) + " " + v(e.getDisplayDate) + " " + v(e.monthName), 1)) : Y("", !0)
-    ])) : Y("", !0),
-    N("div", rt, [
-      N("header", null, [
-        N("span", {
+      j(e.$slots, "formatDateTopBar", {}, () => [
+        e.selectedDate ? (g(), b("p", it, v(e.getDayName) + " " + v(e.getDisplayDate) + " " + v(e.monthName), 1)) : $("", !0)
+      ])
+    ])) : $("", !0),
+    p("div", ut, [
+      p("header", null, [
+        p("span", {
           onClick: t[1] || (t[1] = (n) => e.isRtl ? e.nextYear() : e.previousYear()),
           class: S(["prev", { disabled: e.isLeftNavDisabled }])
         }, "<", 2),
-        N("span", {
+        p("span", {
           class: S(["month__year_btn", e.allowedToShowView("year") ? "up" : ""]),
           onClick: t[2] || (t[2] = (...n) => e.showYearCalendar && e.showYearCalendar(...n))
         }, v(e.pageYearName), 3),
-        N("span", {
+        p("span", {
           onClick: t[3] || (t[3] = (n) => e.isRtl ? e.previousYear() : e.nextYear()),
           class: S(["next", { disabled: e.isRightNavDisabled }])
         }, ">", 2)
       ]),
-      (g(!0), b(_, null, x(e.months, (n) => (g(), b("span", {
+      (g(!0), b(x, null, ee(e.months, (n) => (g(), b("span", {
         class: S(["cell month", { selected: n.isSelected, disabled: n.isDisabled }]),
         key: n.timestamp,
-        onClick: te((c) => e.selectMonth(n), ["stop"])
-      }, v(n.month), 11, ut))), 128))
+        onClick: ae((u) => e.selectMonth(n), ["stop"])
+      }, v(n.month), 11, dt))), 128))
     ])
   ], 38)), [
     [ge, e.showMonthView]
   ]);
 }
-const ct = /* @__PURE__ */ W(ot, [["render", dt]]), mt = q({
+const mt = /* @__PURE__ */ G(rt, [["render", ct]]), ft = q({
   name: "PickerYear",
   props: {
     showYearView: {
@@ -860,8 +865,7 @@ const ct = /* @__PURE__ */ W(ot, [["render", dt]]), mt = q({
     selectedDate: {
       type: [String, Date],
       required: !1,
-      default: null,
-      validator: (e) => ["string", "number"].indexOf(typeof e) !== -1 || e === null
+      default: null
     },
     pageDate: {
       type: Date,
@@ -910,132 +914,160 @@ const ct = /* @__PURE__ */ W(ot, [["render", dt]]), mt = q({
   },
   emits: ["select-year", "changed-decade"],
   setup(e, { emit: t }) {
-    function o(u) {
-      u.isDisabled || t("select-year", u);
+    function s(d) {
+      d.isDisabled || t("select-year", d);
     }
-    function i(u) {
-      const s = e.pageDate;
-      he(s, m(s) + u), t("changed-decade", s);
+    function o(d) {
+      const r = e.pageDate;
+      he(r, f(r) + d), t("changed-decade", r);
     }
-    function r() {
-      const u = e.disabledDates;
-      if (!u || !u.to)
+    function l() {
+      const d = e.disabledDates;
+      if (!d || !d.to)
         return !1;
-      const s = m(u.to), D = Math.floor(m(e.pageDate) / 10) * 10 - 1;
-      return s > D;
+      const r = f(d.to), D = Math.floor(f(e.pageDate) / 10) * 10 - 1;
+      return r > D;
     }
-    function y() {
-      r() || i(-10);
+    function m() {
+      l() || o(-10);
     }
     function n() {
-      const u = e.disabledDates;
-      if (!u || !u.from)
+      const d = e.disabledDates;
+      if (!d || !d.from)
         return !1;
-      const s = m(u.from), D = Math.ceil(m(e.pageDate) / 10) * 10;
-      return s <= D;
+      const r = f(d.from), D = Math.ceil(f(e.pageDate) / 10) * 10;
+      return r <= D;
     }
-    function c() {
-      n() || i(10);
+    function u() {
+      n() || o(10);
     }
-    function M(u) {
-      const s = z(e.selectedDate);
-      return e.selectedDate ? m(s) === m(u) : !1;
+    function M(d) {
+      const r = R(e.selectedDate);
+      return e.selectedDate ? f(r) === f(d) : !1;
     }
-    function $(u) {
-      let s = !1;
-      return typeof e.disabledDates > "u" || !e.disabledDates ? !1 : (typeof e.disabledDates.to < "u" && e.disabledDates.to && m(u) < m(e.disabledDates.to) && (s = !0), typeof e.disabledDates.from < "u" && e.disabledDates.from && m(u) > m(e.disabledDates.from) && (s = !0), typeof e.disabledDates.customPredictor == "function" && (s = e.disabledDates.customPredictor(u)), s);
+    function F(d) {
+      let r = !1;
+      return typeof e.disabledDates > "u" || !e.disabledDates ? !1 : (typeof e.disabledDates.to < "u" && e.disabledDates.to && f(d) < f(e.disabledDates.to) && (r = !0), typeof e.disabledDates.from < "u" && e.disabledDates.from && f(d) > f(e.disabledDates.from) && (r = !0), typeof e.disabledDates.customPredictor == "function" && (r = e.disabledDates.customPredictor(d)), r);
     }
-    const V = h(() => {
-      const u = e.pageDate, s = [], D = e.useUtc ? new Date(Date.UTC(Math.floor(u.getUTCFullYear() / 10) * 10, u.getUTCMonth(), u.getUTCDate())) : new Date(Math.floor(u.getFullYear() / 10) * 10, u.getMonth(), u.getDate(), u.getHours(), u.getMinutes());
+    const V = y(() => {
+      const d = e.pageDate, r = [], D = e.useUtc ? new Date(Date.UTC(Math.floor(d.getUTCFullYear() / 10) * 10, d.getUTCMonth(), d.getUTCDate())) : new Date(Math.floor(d.getFullYear() / 10) * 10, d.getMonth(), d.getDate(), d.getHours(), d.getMinutes());
       for (let w = 0; w < 10; w += 1)
-        s.push({
-          year: m(D),
+        r.push({
+          year: f(D),
           timestamp: D.getTime(),
           isSelected: M(D),
-          isDisabled: $(D)
-        }), he(D, m(D) + 1);
-      return s;
-    }), k = h(() => {
-      const u = Math.floor(m(e.pageDate) / 10) * 10, s = u + 9, D = e.translation && e.translation.yearSuffix;
-      return `${u} - ${s}${D}`;
-    }), T = h(() => e.isRtl ? n() : r()), C = h(() => e.isRtl ? r() : n()), H = h(() => {
-      const u = z(e.selectedDate);
-      return e.selectedDate ? re(u, e.translation && e.translation.daysNames) : null;
-    }), I = h(() => {
-      const u = e.translation && e.translation.months;
-      return ae(p(e.pageDate), u);
-    }), P = h(() => {
-      const u = z(e.selectedDate);
-      return e.selectedDate ? A(u) : null;
-    }), F = h(() => {
-      const u = e.translation && e.translation.yearSuffix;
-      return `${m(e.pageDate)}${u}`;
-    }), j = h(() => {
-      const u = e.fullMonthName ? e.translation && e.translation.months : e.translation && e.translation.monthsAbbr;
-      return ue(p(e.pageDate), u);
-    }), O = h(() => !(e.minimumView === e.maximumView && (e.minimumView !== "day" || e.maximumView !== "day")));
+          isDisabled: F(D)
+        }), he(D, f(D) + 1);
+      return r;
+    }), k = y(() => {
+      const d = Math.floor(f(e.pageDate) / 10) * 10, r = d + 9, D = e.translation && e.translation.yearSuffix;
+      return `${d} - ${r}${D}`;
+    }), T = y(() => e.isRtl ? n() : l()), C = y(() => e.isRtl ? l() : n()), J = y(() => {
+      const d = R(e.selectedDate);
+      return e.selectedDate ? ie(d, e.translation && e.translation.daysNames) : null;
+    }), P = y(() => {
+      const d = e.translation && e.translation.months;
+      return ne(N(e.pageDate), d);
+    }), H = y(() => {
+      const d = R(e.selectedDate);
+      return e.selectedDate ? I(d) : null;
+    }), A = y(() => {
+      const d = e.translation && e.translation.yearSuffix;
+      return `${f(e.pageDate)}${d}`;
+    }), Y = y(() => {
+      const d = e.fullMonthName ? e.translation && e.translation.months : e.translation && e.translation.monthsAbbr;
+      return ue(N(e.pageDate), d);
+    }), O = y(() => !(e.minimumView === e.maximumView && (e.minimumView !== "day" || e.maximumView !== "day")));
     return {
       isRightNavDisabled: C,
       isLeftNavDisabled: T,
       getPageDecade: k,
       years: V,
-      nextDecade: c,
-      previousDecade: y,
-      selectYear: o,
-      getDayName: H,
-      monthName: I,
-      getDisplayDate: P,
-      currYearName: F,
-      currMonthName: j,
+      nextDecade: u,
+      previousDecade: m,
+      selectYear: s,
+      getDayName: J,
+      monthName: P,
+      getDisplayDate: H,
+      currYearName: A,
+      currMonthName: Y,
       ifDifferentViews: O,
       // methods
       isNextDecadeDisabled: n,
-      isPreviousDecadeDisabled: r,
-      isDisabledYear: $
+      isPreviousDecadeDisabled: l,
+      isDisabledYear: F
     };
   }
-}), ft = {
+}), ht = {
   key: 0,
   class: "vuejs3-datepicker__calendar-topbar"
-}, ht = { class: "vuejs3-datepicker__calendar-topbar-year" }, yt = {
+}, yt = { class: "vuejs3-datepicker__calendar-topbar-year" }, gt = {
   key: 0,
   class: "vuejs3-datepicker__calendar-topbar-day"
-}, gt = { class: "vuejs3-datepicker__calendar-actionarea" }, Dt = ["onClick"];
-function bt(e, t, o, i, r, y) {
+}, Dt = { class: "vuejs3-datepicker__calendar-actionarea" }, bt = ["onClick"];
+function wt(e, t, s, o, l, m) {
   return le((g(), b("div", {
     class: S(["vuejs3-datepicker__calendar", `vuejs3-${e.theme}`, e.calendarClass]),
     style: ye(e.calendarStyle),
-    onMousedown: t[2] || (t[2] = te(() => {
+    onMousedown: t[2] || (t[2] = ae(() => {
     }, ["prevent"]))
   }, [
-    U(e.$slots, "customCalendarHeader"),
-    e.ifDifferentViews && e.selectedDate ? (g(), b("section", ft, [
-      N("p", ht, v(e.currYearName), 1),
-      e.selectedDate ? (g(), b("p", yt, v(e.getDayName) + " " + v(e.getDisplayDate) + " " + v(e.monthName), 1)) : Y("", !0)
-    ])) : Y("", !0),
-    N("div", gt, [
-      N("header", null, [
-        N("span", {
+    j(e.$slots, "customCalendarHeader"),
+    e.ifDifferentViews && e.selectedDate ? (g(), b("section", ht, [
+      p("p", yt, v(e.currYearName), 1),
+      j(e.$slots, "formatDateTopBar", {}, () => [
+        e.selectedDate ? (g(), b("p", gt, v(e.getDayName) + " " + v(e.getDisplayDate) + " " + v(e.monthName), 1)) : $("", !0)
+      ])
+    ])) : $("", !0),
+    p("div", Dt, [
+      p("header", null, [
+        p("span", {
           onClick: t[0] || (t[0] = (n) => e.isRtl ? e.nextDecade() : e.previousDecade()),
           class: S(["prev", { disabled: e.isLeftNavDisabled }])
         }, "<", 2),
-        N("span", null, v(e.getPageDecade), 1),
-        N("span", {
+        p("span", null, v(e.getPageDecade), 1),
+        p("span", {
           onClick: t[1] || (t[1] = (n) => e.isRtl ? e.previousDecade() : e.nextDecade()),
           class: S(["next", { disabled: e.isRightNavDisabled }])
         }, ">", 2)
       ]),
-      (g(!0), b(_, null, x(e.years, (n) => (g(), b("span", {
+      (g(!0), b(x, null, ee(e.years, (n) => (g(), b("span", {
         class: S(["cell year", { selected: n.isSelected, disabled: n.isDisabled }]),
         key: n.timestamp,
-        onClick: te((c) => e.selectYear(n), ["stop"])
-      }, v(n.year), 11, Dt))), 128))
+        onClick: ae((u) => e.selectYear(n), ["stop"])
+      }, v(n.year), 11, bt))), 128))
     ])
   ], 38)), [
     [ge, e.showYearView]
   ]);
 }
-const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
+const Nt = /* @__PURE__ */ G(ft, [["render", wt]]), pt = () => {
+  const e = "العربية";
+  return {
+    months: [
+      "كانون الثاني",
+      "شباط",
+      "آذار",
+      "نيسان",
+      "ايار",
+      "حزيران",
+      "تموز",
+      "آب",
+      "أيلول",
+      "تشرين الاول",
+      "تشرين الثاني",
+      "كانون الاول"
+    ],
+    monthsAbbr: ["كانون الثاني", "شباط", "آذار", "نيسان", "ايار", "حزيران", "تموز", "آب", "أيلول", "تشرين الاول", "تشرين الثاني", "كانون الاول"],
+    days: ["الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"],
+    language: e,
+    yearSuffix: "",
+    ymd: !1,
+    rtl: !0,
+    langName: e,
+    daysNames: ["الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"]
+  };
+}, St = () => {
   const e = "Afrikaans", t = [
     "Januarie",
     "Februarie",
@@ -1049,19 +1081,19 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     "Oktober",
     "November",
     "Desember"
-  ], o = ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"], i = ["So.", "Ma.", "Di.", "Wo.", "Do.", "Vr.", "Sa."];
+  ], s = ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Des"], o = ["So.", "Ma.", "Di.", "Wo.", "Do.", "Vr.", "Sa."];
   return {
     months: t,
-    monthsAbbr: o,
-    days: i,
+    monthsAbbr: s,
+    days: o,
     yearSuffix: "",
     ymd: !1,
     rtl: !1,
     language: e,
     langName: e,
-    daysNames: i
+    daysNames: o
   };
-}, Nt = () => {
+}, vt = () => {
   const e = "German";
   return {
     months: [
@@ -1087,7 +1119,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"]
   };
-}, St = () => {
+}, Ct = () => {
   const e = "English";
   return {
     months: [
@@ -1113,7 +1145,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
   };
-}, vt = () => {
+}, Mt = () => {
   const e = "Español";
   return {
     months: [
@@ -1139,7 +1171,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"]
   };
-}, Ct = () => {
+}, Vt = () => {
   const e = "Français";
   return {
     months: [
@@ -1165,7 +1197,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"]
   };
-}, Mt = () => {
+}, kt = () => {
   const e = "Hindi";
   return {
     months: [
@@ -1191,7 +1223,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["रविवार", "सोमवार", "मंगलवार", "बुधवार", "गुरुवार", "शुक्रवार", "शनिवार"]
   };
-}, Vt = () => {
+}, Tt = () => {
   const e = "Japanese";
   return {
     months: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
@@ -1204,7 +1236,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"]
   };
-}, kt = () => {
+}, Bt = () => {
   const e = "Dutch", t = [
     "januari",
     "februari",
@@ -1218,19 +1250,19 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     "oktober",
     "november",
     "december"
-  ], o = ["jan.", "feb.", "mrt.", "apr.", "mei", "juni", "juli", "aug.", "sep.", "okt.", "nov.", "dec."], i = ["zo.", "ma.", "di.", "wo.", "do.", "vr.", "za."];
+  ], s = ["jan.", "feb.", "mrt.", "apr.", "mei", "juni", "juli", "aug.", "sep.", "okt.", "nov.", "dec."], o = ["zo.", "ma.", "di.", "wo.", "do.", "vr.", "za."];
   return {
     months: t,
-    monthsAbbr: o,
-    days: i,
+    monthsAbbr: s,
+    days: o,
     yearSuffix: "",
     ymd: !1,
     rtl: !1,
     langName: e,
     language: e,
-    daysNames: i
+    daysNames: o
   };
-}, Tt = () => {
+}, Ft = () => {
   const e = "Português";
   return {
     months: [
@@ -1264,7 +1296,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
       "Sábado"
     ]
   };
-}, Bt = () => {
+}, $t = () => {
   const e = "Italian";
   return {
     months: [
@@ -1290,7 +1322,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Gioved", "Venerdì", "Sabato"]
   };
-}, $t = () => {
+}, At = () => {
   const e = "Polish";
   return {
     months: [
@@ -1316,7 +1348,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota"]
   };
-}, Ft = () => {
+}, jt = () => {
   const e = "Russian";
   return {
     months: [
@@ -1368,7 +1400,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi", "Pazar"]
   };
-}, jt = () => {
+}, Ot = () => {
   const e = "Vietnamese";
   return {
     months: [
@@ -1407,7 +1439,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["CN", "Thứ Hai", "Thứ Ba", "Thứ Tư", "Thứ Năm", "Thứ Sáu", "Thứ Bảy"]
   };
-}, Ot = () => {
+}, It = () => {
   const e = "Bulgarian";
   return {
     months: [
@@ -1433,7 +1465,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Неделя", "Понеделник", "Вторник", "Сряда", "Четвъртък", "Петък", "Събота"]
   };
-}, At = () => {
+}, Pt = () => {
   const e = "Arabic-Tunisia", t = [
     "جانفي",
     "فيفري",
@@ -1459,33 +1491,172 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["الأحد", "الإثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"]
   };
-}, It = {
-  af: pt(),
-  arTn: At(),
-  hi: Mt(),
-  ja: Vt(),
-  de: Nt(),
-  en: St(),
-  es: vt(),
-  fr: Ct(),
-  nl: kt(),
-  pt: Tt(),
-  it: Bt(),
-  pl: $t(),
-  ru: Ft(),
+}, Jt = () => {
+  const e = "Indonesia";
+  return {
+    months: [
+      "Januari",
+      "Februari",
+      "Maret",
+      "April",
+      "Mei",
+      "Juni",
+      "Juli",
+      "Agustus",
+      "September",
+      "Oktober",
+      "Nopember",
+      "Desember"
+    ],
+    monthsAbbr: ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agt", "Sep", "Okt", "Nop", "Des"],
+    days: ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"],
+    language: e,
+    yearSuffix: "",
+    ymd: !1,
+    rtl: !1,
+    langName: e,
+    daysNames: ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"]
+  };
+}, Ht = () => {
+  const e = "kr";
+  return {
+    months: [
+      "1월",
+      "2월",
+      "3월",
+      "4월",
+      "5월",
+      "6월",
+      "7월",
+      "8월",
+      "9월",
+      "10월",
+      "11월",
+      "12월"
+    ],
+    monthsAbbr: [
+      "1월",
+      "2월",
+      "3월",
+      "4월",
+      "5월",
+      "6월",
+      "7월",
+      "8월",
+      "9월",
+      "10월",
+      "11월",
+      "12월"
+    ],
+    days: [
+      "월요일",
+      "화요일",
+      "수요일",
+      "목요일",
+      "금요일",
+      "토요일",
+      "일요일"
+    ],
+    language: e,
+    yearSuffix: "",
+    ymd: !1,
+    rtl: !1,
+    langName: e,
+    daysNames: [
+      "월요일",
+      "화요일",
+      "수요일",
+      "목요일",
+      "금요일",
+      "토요일",
+      "일요일"
+    ]
+  };
+}, zt = () => {
+  const e = "繁體中文";
+  return {
+    months: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+    monthsAbbr: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+    days: ["日", "一", "二", "三", "四", "五", "六"],
+    language: e,
+    yearSuffix: "",
+    ymd: !1,
+    rtl: !1,
+    langName: e,
+    daysNames: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
+  };
+}, Rt = () => {
+  const e = "Czech";
+  return {
+    months: [
+      "Leden",
+      "Únor",
+      "Březen",
+      "Duben",
+      "Smět",
+      "Červen",
+      "Červenec",
+      "Srpen",
+      "Září",
+      "Říjen",
+      "Listopad",
+      "Prosinec"
+    ],
+    monthsAbbr: [
+      "Led",
+      "Úno",
+      "Bře",
+      "Dub",
+      "Smě",
+      "Čen",
+      "Čec",
+      "Srp",
+      "Zář",
+      "Říj",
+      "Lis",
+      "Pro"
+    ],
+    days: ["Ne", "Po", "Út", "St", "Čt", "Pá", "So"],
+    language: e,
+    yearSuffix: "",
+    ymd: !1,
+    rtl: !1,
+    langName: e,
+    daysNames: ["Neděle", "Pondělí", "Úterý", "Středa", "Čtvrtek", "Pátek", "Sobota"]
+  };
+}, Ut = {
+  ar: pt(),
+  af: St(),
+  arTn: Pt(),
+  hi: kt(),
+  ja: Tt(),
+  de: vt(),
+  en: Ct(),
+  es: Mt(),
+  fr: Vt(),
+  nl: Bt(),
+  pt: Ft(),
+  it: $t(),
+  pl: At(),
+  ru: jt(),
   tr: Yt(),
-  vn: jt(),
-  bg: Ot()
-}, Ht = q({
+  zh_TW: zt(),
+  vn: Ot(),
+  bg: It(),
+  kr: Ht(),
+  id: Jt(),
+  cs: Rt()
+}, Et = q({
   name: "Datepicker",
+  inheritAttrs: !1,
   components: {
-    DateInput: Ze,
-    PickerDay: st,
-    PickerMonth: ct,
-    PickerYear: wt
+    DateInput: _e,
+    PickerDay: ot,
+    PickerMonth: mt,
+    PickerYear: Nt
   },
   directives: {
-    clickoutside: ke
+    clickoutside: Te
   },
   props: {
     modelValue: {
@@ -1503,7 +1674,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
       default: "en"
     },
     openDate: {
-      validator: (e) => Je(e),
+      validator: (e) => ze(e),
       type: Date,
       default: /* @__PURE__ */ new Date()
     },
@@ -1621,160 +1792,160 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     "selected-disabled"
   ],
   setup(e, { emit: t }) {
-    const o = new Date(e.modelValue), i = R(0), r = R(null);
-    e.modelValue && Ae(o) && (i.value = o.getTime(), r.value = o), e.openDate && (i.value = ie(new Date(e.openDate), 1));
-    const y = R(!1), n = R(!1), c = R(!1), M = R(0), $ = R(/* @__PURE__ */ new Date()), V = h(() => e.initialView ? e.initialView : e.minimumView), k = h(() => new Date(i.value)), T = h(() => It[e.language]), C = h(() => !!e.inline), H = h(() => ({
+    const s = new Date(e.modelValue), o = U(0), l = U(null);
+    e.modelValue && Ie(s) && (o.value = s.getTime(), l.value = s), e.openDate && (o.value = re(new Date(e.openDate), 1));
+    const m = U(!1), n = U(!1), u = U(!1), M = U(0), F = U(/* @__PURE__ */ new Date()), V = y(() => e.initialView ? e.initialView : e.minimumView), k = y(() => new Date(o.value)), T = y(() => Ut[e.language]), C = y(() => !!e.inline), J = y(() => ({
       position: C.value ? "static" : void 0
-    })), I = h(() => y.value || n.value || c.value), P = h(() => T.value && T.value.rtl === !0);
-    function F(f) {
-      f || (e.openDate ? f = new Date(e.openDate) : f = /* @__PURE__ */ new Date()), i.value = ie(new Date(f), 1);
+    })), P = y(() => m.value || n.value || u.value), H = y(() => T.value && T.value.rtl === !0);
+    function A(h) {
+      h || (e.openDate ? h = new Date(e.openDate) : h = /* @__PURE__ */ new Date()), o.value = re(new Date(h), 1);
     }
-    function j(f) {
-      const B = ["day", "month", "year"], ne = B.indexOf(e.minimumView), ve = B.indexOf(e.maximumView), De = B.indexOf(f);
-      return De >= ne && De <= ve;
+    function Y(h) {
+      const B = ["day", "month", "year"], se = B.indexOf(e.minimumView), Ce = B.indexOf(e.maximumView), De = B.indexOf(h);
+      return De >= se && De <= Ce;
     }
-    function O(f) {
-      y.value = !1, n.value = !1, c.value = !1, C.value || f && t("closed");
+    function O(h) {
+      m.value = !1, n.value = !1, u.value = !1, C.value || h && t("closed");
     }
-    function u() {
-      return j("day") ? (O(), y.value = !0, !0) : !1;
+    function d() {
+      return Y("day") ? (O(), m.value = !0, !0) : !1;
     }
-    function s() {
-      return j("month") ? (O(), n.value = !0, !0) : !1;
+    function r() {
+      return Y("month") ? (O(), n.value = !0, !0) : !1;
     }
     function D() {
-      return j("year") ? (O(), c.value = !0, !0) : !1;
+      return Y("year") ? (O(), u.value = !0, !0) : !1;
     }
     function w() {
-      const f = V.value;
-      if (!j(f))
+      const h = V.value;
+      if (!Y(h))
         throw new Error(
-          `initialView '${f}' cannot be rendered based on minimum '${e.minimumView}' and maximum '${e.maximumView}'`
+          `initialView '${h}' cannot be rendered based on minimum '${e.minimumView}' and maximum '${e.maximumView}'`
         );
-      switch (f) {
+      switch (h) {
         case "year":
           D();
           break;
         case "month":
-          s();
+          r();
           break;
         default:
-          u();
+          d();
           break;
       }
     }
     function E() {
-      return e.disabled || C.value ? !1 : I.value ? O(!0) : (w(), !0);
+      return e.disabled || C.value ? !1 : P.value ? O(!0) : (w(), !0);
     }
-    function G(f) {
-      const B = new Date(f);
-      r.value = B, F(B), t("selected", B), t("update:modelValue", B), t("input", B);
+    function K(h) {
+      const B = new Date(h);
+      l.value = B, A(B), t("selected", B), t("update:modelValue", B), t("input", B);
     }
     function de() {
-      r.value = null, F(), t("selected", null), e.modelValue ? t("update:modelValue", null) : t("input", null), t("cleared");
+      l.value = null, A(), t("selected", null), e.modelValue ? t("update:modelValue", null) : t("input", null), t("cleared");
     }
-    function K(f) {
-      G(f.timestamp), C.value || O(!0), $.value = /* @__PURE__ */ new Date();
+    function Q(h) {
+      K(h.timestamp), C.value || O(!0), F.value = /* @__PURE__ */ new Date();
     }
-    function ce(f) {
-      t("selected-disabled", f);
+    function ce(h) {
+      t("selected-disabled", h);
     }
-    function a(f) {
-      const B = new Date(f.timestamp);
-      j("day") ? (F(B), u()) : K(f), t("changed-month", f);
+    function a(h) {
+      const B = new Date(h.timestamp);
+      Y("day") ? (A(B), d()) : Q(h), t("changed-month", h);
     }
-    function l(f) {
-      const B = new Date(f.timestamp);
-      j("month") ? (F(B), s()) : K(f), t("changed-year", f);
+    function i(h) {
+      const B = new Date(h.timestamp);
+      Y("month") ? (A(B), r()) : Q(h), t("changed-year", h);
     }
-    function d(f) {
-      let B = f;
-      if (typeof f == "string" || typeof f == "number") {
-        const ne = new Date(f);
-        B = Number.isNaN(ne.valueOf()) ? "" : ne;
+    function c(h) {
+      let B = h;
+      if (typeof h == "string" || typeof h == "number") {
+        const se = new Date(h);
+        B = Number.isNaN(se.valueOf()) ? "" : se;
       }
       if (!B) {
-        F(), r.value = null;
+        A(), l.value = null;
         return;
       }
-      r.value = B, F(f);
+      l.value = B, A(h);
     }
-    function L(f) {
-      F(f), t("changed-month", f);
+    function L(h) {
+      A(h), t("changed-month", h);
     }
-    function Q(f) {
-      G(f.getTime());
-    }
-    function Ne() {
-      e.value && d(e.value), C.value && w();
+    function Z(h) {
+      K(h.getTime());
     }
     function Se() {
+      e.value && c(e.value), C.value && w();
+    }
+    function ve() {
       O();
     }
     return X(
       () => e.modelValue,
-      (f) => {
-        d(f);
+      (h) => {
+        c(h);
       }
     ), X(
       () => e.value,
-      (f) => {
-        d(f);
+      (h) => {
+        c(h);
       }
     ), X(
       () => e.openDate,
       () => {
-        F();
+        A();
       }
     ), X(
       () => e.initialView,
       () => {
         w();
       }
-    ), Ne(), {
-      pageTimestamp: i,
-      selectedDate: r,
-      showDayView: y,
+    ), Se(), {
+      pageTimestamp: o,
+      selectedDate: l,
+      showDayView: m,
       showMonthView: n,
-      showYearView: c,
+      showYearView: u,
       calendarHeight: M,
-      resetTypedDate: $,
+      resetTypedDate: F,
       // computed
       pageDate: k,
       translation: T,
-      calendarStyle: H,
-      isOpen: I,
+      calendarStyle: J,
+      isOpen: P,
       isInline: C,
-      isRtl: P,
+      isRtl: H,
       // methods
-      setTypedDate: Q,
+      setTypedDate: Z,
       handleChangedMonthFromDayPicker: L,
-      selectYear: l,
+      selectYear: i,
       selectMonth: a,
       selectDisabledDate: ce,
       clearDate: de,
       showCalendar: E,
       close: O,
-      allowedToShowView: j,
+      allowedToShowView: Y,
       showYearCalendar: D,
-      showMonthCalendar: s,
-      setPageDate: F,
-      selectDate: K,
-      closeOnClickOutside: Se,
-      showDayCalendar: u,
+      showMonthCalendar: r,
+      setPageDate: A,
+      selectDate: Q,
+      closeOnClickOutside: ve,
+      showDayCalendar: d,
       computedInitialView: V,
-      setDate: ie,
-      setDate1: G,
-      setValue: d
+      setDate: re,
+      setDate1: K,
+      setValue: c
     };
   }
 });
-function Pt(e, t, o, i, r, y) {
-  const n = Z("date-input"), c = Z("picker-day"), M = Z("picker-month"), $ = Z("picker-year"), V = Me("clickoutside");
+function Lt(e, t, s, o, l, m) {
+  const n = _("date-input"), u = _("picker-day"), M = _("picker-month"), F = _("picker-year"), V = Ve("clickoutside");
   return le((g(), b("div", {
     class: S(["vuejs3-datepicker", [e.isRtl ? "rtl" : "", `vuejs3-${e.theme}`, e.wrapperClass]])
   }, [
-    fe(n, {
+    fe(n, we(e.$attrs, {
       selectedDate: e.selectedDate,
       resetTypedDate: e.resetTypedDate,
       format: e.format,
@@ -1807,13 +1978,13 @@ function Pt(e, t, o, i, r, y) {
       iconHeight: e.iconHeight,
       iconColor: e.iconColor,
       theme: e.theme
-    }, {
-      belowDate: se(() => [
-        U(e.$slots, "belowDate")
+    }), {
+      belowDate: W(() => [
+        j(e.$slots, "belowDate")
       ]),
       _: 3
-    }, 8, ["selectedDate", "resetTypedDate", "format", "translation", "inline", "id", "name", "fullMonthName", "openDate", "placeholder", "inputClass", "typeable", "clearButton", "clearButtonIcon", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "disabled", "required", "addBootstrapClass", "use-utc", "onShowCalendar", "onCloseCalendar", "onTypedDate", "onClearDate", "minimumView", "maximumView", "hideInput", "iconWidth", "iconHeight", "iconColor", "theme"]),
-    e.allowedToShowView("day") ? (g(), me(c, {
+    }, 16, ["selectedDate", "resetTypedDate", "format", "translation", "inline", "id", "name", "fullMonthName", "openDate", "placeholder", "inputClass", "typeable", "clearButton", "clearButtonIcon", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "disabled", "required", "addBootstrapClass", "use-utc", "onShowCalendar", "onCloseCalendar", "onTypedDate", "onClearDate", "minimumView", "maximumView", "hideInput", "iconWidth", "iconHeight", "iconColor", "theme"]),
+    e.allowedToShowView("day") ? (g(), me(u, {
       key: 0,
       pageDate: e.pageDate,
       selectedDate: e.selectedDate,
@@ -1839,11 +2010,14 @@ function Pt(e, t, o, i, r, y) {
       preventDisableDateSelection: e.preventDisableDateSelection,
       theme: e.theme
     }, {
-      customCalendarHeader: se(() => [
-        U(e.$slots, "customCalendarHeader")
+      customCalendarHeader: W(() => [
+        j(e.$slots, "customCalendarHeader")
+      ]),
+      formatDateTopBar: W(() => [
+        j(e.$slots, "formatDateTopBar")
       ]),
       _: 3
-    }, 8, ["pageDate", "selectedDate", "showDayView", "fullMonthName", "allowedToShowView", "disabledDates", "highlighted", "calendarClass", "calendarStyle", "translation", "pageTimestamp", "isRtl", "mondayFirst", "dayCellContent", "onChangedMonth", "onSelectDate", "onShowMonthCalendar", "onSelectedDisabled", "onShowYearCalendar", "minimumView", "maximumView", "preventDisableDateSelection", "theme"])) : Y("", !0),
+    }, 8, ["pageDate", "selectedDate", "showDayView", "fullMonthName", "allowedToShowView", "disabledDates", "highlighted", "calendarClass", "calendarStyle", "translation", "pageTimestamp", "isRtl", "mondayFirst", "dayCellContent", "onChangedMonth", "onSelectDate", "onShowMonthCalendar", "onSelectedDisabled", "onShowYearCalendar", "minimumView", "maximumView", "preventDisableDateSelection", "theme"])) : $("", !0),
     e.allowedToShowView("month") ? (g(), me(M, {
       key: 1,
       pageDate: e.pageDate,
@@ -1864,12 +2038,15 @@ function Pt(e, t, o, i, r, y) {
       maximumView: e.maximumView,
       theme: e.theme
     }, {
-      customCalendarHeader: se(() => [
-        U(e.$slots, "customCalendarHeader")
+      customCalendarHeader: W(() => [
+        j(e.$slots, "customCalendarHeader")
+      ]),
+      formatDateTopBar: W(() => [
+        j(e.$slots, "formatDateTopBar")
       ]),
       _: 3
-    }, 8, ["pageDate", "selectedDate", "showMonthView", "allowedToShowView", "disabledDates", "calendarClass", "calendarStyle", "translation", "isRtl", "use-utc", "fullMonthName", "onSelectMonth", "onShowYearCalendar", "onChangedYear", "minimumView", "maximumView", "theme"])) : Y("", !0),
-    e.allowedToShowView("year") ? (g(), me($, {
+    }, 8, ["pageDate", "selectedDate", "showMonthView", "allowedToShowView", "disabledDates", "calendarClass", "calendarStyle", "translation", "isRtl", "use-utc", "fullMonthName", "onSelectMonth", "onShowYearCalendar", "onChangedYear", "minimumView", "maximumView", "theme"])) : $("", !0),
+    e.allowedToShowView("year") ? (g(), me(F, {
       key: 2,
       pageDate: e.pageDate,
       selectedDate: e.selectedDate,
@@ -1888,18 +2065,21 @@ function Pt(e, t, o, i, r, y) {
       maximumView: e.maximumView,
       theme: e.theme
     }, {
-      customCalendarHeader: se(() => [
-        U(e.$slots, "customCalendarHeader")
+      customCalendarHeader: W(() => [
+        j(e.$slots, "customCalendarHeader")
+      ]),
+      formatDateTopBar: W(() => [
+        j(e.$slots, "formatDateTopBar")
       ]),
       _: 3
-    }, 8, ["pageDate", "selectedDate", "showYearView", "allowedToShowView", "disabledDates", "calendarClass", "calendarStyle", "translation", "isRtl", "use-utc", "onSelectYear", "onChangedDecade", "fullMonthName", "minimumView", "maximumView", "theme"])) : Y("", !0)
+    }, 8, ["pageDate", "selectedDate", "showYearView", "allowedToShowView", "disabledDates", "calendarClass", "calendarStyle", "translation", "isRtl", "use-utc", "onSelectYear", "onChangedDecade", "fullMonthName", "minimumView", "maximumView", "theme"])) : $("", !0)
   ], 2)), [
     [V, {
       handler: e.inline ? null : e.closeOnClickOutside
     }]
   ]);
 }
-const zt = /* @__PURE__ */ W(Ht, [["render", Pt]]);
+const qt = /* @__PURE__ */ G(Et, [["render", Lt]]);
 export {
-  zt as default
+  qt as default
 };
diff --git a/build/vuejs3-datepicker.umd.cjs b/build/vuejs3-datepicker.umd.cjs
index f708bc2..2e35dab 100644
--- a/build/vuejs3-datepicker.umd.cjs
+++ b/build/vuejs3-datepicker.umd.cjs
@@ -1,2 +1,2 @@
-(function(t,I){typeof exports=="object"&&typeof module<"u"?module.exports=I(require("vue")):typeof define=="function"&&define.amd?define(["vue"],I):(t=typeof globalThis<"u"?globalThis:t||self,t["vuejs3-datepicker"]=I(t.Vue))})(this,function(t){"use strict";var I=document.createElement("style");I.textContent=`.cursor-na[data-v-204bf2e8]{cursor:"not-allowed"}.rtl{direction:rtl}.vuejs3-datepicker{color:#2f2f2f;display:inline-block;position:relative}.vuejs3-datepicker *{box-sizing:border-box}.vuejs3-datepicker input{border:1px solid}.vuejs3-datepicker__icon{display:-webkit-flex;display:-ms-flexbox;display:flex}.vuejs3-datepicker__value{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:13px 15px}.vuejs3-datepicker__content{font-size:15px;margin-left:10px}.vuejs3-datepicker__typeablecalendar{left:10px;position:absolute;top:10px}.vuejs3-datepicker__inputvalue{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:12px 10px 13px 35px}.vuejs3-datepicker__calendar{background:#fff;border-radius:4px;box-shadow:0 .2rem 1rem #0000001f;margin-top:4px;position:absolute;width:300px;z-index:100}.vuejs3-datepicker__calendar-topbar{background-color:#40b983;border-radius:4px 4px 0 0;color:#fff;padding:25px}.vuejs3-datepicker__calendar-topbar-year{font-size:30px;margin:0;padding-bottom:10px}.vuejs3-datepicker__calendar-topbar-day{font-size:20px;margin:0}.vuejs3-datepicker__calendar-actionarea{padding:10px}.vuejs3-datepicker__calendar header{display:block;line-height:40px}.vuejs3-datepicker__calendar header span{float:left;text-align:center;width:71.42857142857143%}.vuejs3-datepicker__calendar header .next,.vuejs3-datepicker__calendar header .prev{float:left;position:relative;text-indent:-10000px;width:14.285714285714286%}.vuejs3-datepicker__calendar header .next:after,.vuejs3-datepicker__calendar header .prev:after{content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg);width:8px}.vuejs3-datepicker__calendar header .prev:after{border-bottom:1px solid #2f2f2f;border-left:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next.disabled:after,.vuejs3-datepicker__calendar header .prev.disabled:after{opacity:.5}.vuejs3-datepicker__calendar header .next:after{border-right:1px solid #2f2f2f;border-top:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next:not(.disabled),.vuejs3-datepicker__calendar header .prev:not(.disabled),.vuejs3-datepicker__calendar header .up:not(.disabled){border-radius:4px;cursor:pointer;font-size:15px}.vuejs3-datepicker__calendar header .next:not(.disabled):hover,.vuejs3-datepicker__calendar header .prev:not(.disabled):hover,.vuejs3-datepicker__calendar header .up:not(.disabled):hover{background:#f8f8f8}.vuejs3-datepicker__calendar .disabled{color:#ddd;cursor:default}.vuejs3-datepicker__calendar .flex-rtl{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:inherit}.vuejs3-datepicker__calendar .cell{border:1px solid transparent;display:inline-block;font-size:14px;height:40px;line-height:40px;padding:0 5px;text-align:center;vertical-align:middle;width:14.285714285714286%}.vuejs3-datepicker__calendar .cell.month,.vuejs3-datepicker__calendar .cell.year{height:50px;line-height:28px;padding:10px 5px}.vuejs3-datepicker__calendar .cell.day-header{text-transform:uppercase}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year{cursor:pointer;transition:.45s}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border:1px solid #40b983}.vuejs3-datepicker__calendar .cell.selected{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.selected:hover{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.highlighted.selected{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted.disabled{color:#a3a3a3}.vuejs3-datepicker__calendar .cell.highlighted.highlight-start,.vuejs3-datepicker__calendar .cell.highlighted:last-child{background:#2f9668}.vuejs3-datepicker__calendar .cell.grey{color:#888}.vuejs3-datepicker__calendar .cell.grey:hover{background:inherit}.vuejs3-datepicker__calendar .cell.day-header{cursor:inherit;font-size:75%;white-space:nowrap}.vuejs3-datepicker__calendar .cell.day-header:hover{background:inherit}.vuejs3-datepicker__calendar .month,.vuejs3-datepicker__calendar .year{width:33.333%}.vuejs3-datepicker__calendar-button,.vuejs3-datepicker__clear-button{cursor:pointer;font-style:normal;position:absolute;right:12px;top:12px}.vuejs3-datepicker__calendar-button.disabled,.vuejs3-datepicker__clear-button.disabled{color:#999;cursor:default}.vuejs3-datepicker #calendar-div{background-color:#fff;border-radius:5px}.dp-error{color:red;font-size:12px}.backdrop{background-color:#00000080;bottom:0;cursor:pointer;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}
-`,document.head.appendChild(I);const ae=["click"],v=[],ne={instances:v,beforeMount:Z,update:(e,a)=>{JSON.stringify(a.value)!==JSON.stringify(a.oldValue)&&Z(e,a)},unmounted:x};function Z(e,{value:a}){x(e);const l=a,i=typeof l=="function";if(!i&&!(typeof l=="object")||!(l.isActive!==!1))return;const o=i?l:l.handler,u=oe({el:e,handler:o});u.eventHandlers.forEach(({event:w,handler:V})=>setTimeout(()=>document.addEventListener(w,V,!1),0)),v.push(u)}function x(e){const a=v.findIndex(i=>i.el===e);if(a===-1)return;v[a].eventHandlers.forEach(({event:i,handler:d})=>document.removeEventListener(i,d,!1)),v.splice(a,1)}function oe({el:e,handler:a}){return{el:e,eventHandlers:ae.map(l=>({event:l,handler:i=>re({event:i,el:e,handler:a})}))}}function re({event:e,el:a,handler:l}){const i=e.path||(e.composedPath?e.composedPath():void 0);if(i?i.indexOf(a)<0:!a.contains(e.target))return l&&l(e,a)}const le=t.defineComponent({name:"IconView",props:{height:{type:[String,Number],default:"16"},width:{type:[String,Number],default:"16"},color:{type:String,default:"black"},customClass:{type:String,required:!1,default:""}},setup(){return{}}}),H=(e,a)=>{const l=e.__vccOpts||e;for(const[i,d]of a)l[i]=d;return l},ie=["height","width"],se=["fill"];function de(e,a,l,i,d,y){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(e.customClass)},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",height:e.height,width:e.width,role:"img","aria-hidden":"true","data-icon":"calendarAlt"},[t.createElementVNode("path",{fill:e.color,d:"M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z"},null,8,se)],8,ie))],2)}const ce=H(le,[["render",de]]),f=(e,a=!1)=>a?e.getUTCFullYear():e.getFullYear(),D=(e,a=!1)=>a?e.getUTCMonth():e.getMonth(),B=(e,a=!1)=>a?e.getUTCDate():e.getDate(),F=(e,a=!1)=>a?e.getUTCDay():e.getDay(),K=(e,a,l=!1)=>l?e.setUTCFullYear(a):e.setFullYear(a),ee=(e,a,l=!1)=>l?e.setUTCMonth(a):e.setMonth(a),L=(e,a,l=!1)=>l?e.setUTCDate(a):e.setDate(a),q=(e,a,l=!1)=>{const i=new Date(e.getTime()),d=new Date(a.getTime());return l?(i.setUTCHours(0,0,0,0),d.setUTCHours(0,0,0,0)):(i.setHours(0,0,0,0),d.setHours(0,0,0,0)),i.getTime()===d.getTime()},me=e=>Object.prototype.toString.call(e)!=="[object Date]"?!1:!Number.isNaN(e.getTime()),W=(e,a)=>{if(typeof e!="object")throw TypeError("Invalid Type");return a[F(e)]},P=(e,a)=>{if(!a)throw Error("missing 2nd parameter Months array");if(typeof e=="object")return a[D(e)];if(typeof e=="number")return a[e];throw TypeError("Invalid type")},_=(e,a)=>{if(!a)throw Error("missing 2nd paramter Months array");if(typeof e=="object")return a[D(e)];if(typeof e=="number")return a[e];throw TypeError("Invalid type")},ue=(e,a)=>/8|3|5|10/.test(a)?30:a===1?!(e%4)&&e%100||!(e%400)?29:28:31,fe=e=>{switch(e){case 1:case 21:case 31:return"st";case 2:case 22:return"nd";case 3:case 23:return"rd";default:return"th"}},he=(e,a,l)=>{const i=f(e),d=D(e)+1,y=B(e);return a.replace(/dd/,`0${y}`.slice(-2)).replace(/d/,y).replace(/yyyy/,i).replace(/yy/,String(i).slice(2)).replace(/MMMM/,P(D(e),l.months)).replace(/MMM/,_(D(e),l.monthsAbbr)).replace(/MM/,`0${d}`.slice(-2)).replace(/M(?!a|ä|e)/,d.toString()).replace(/su/,fe(B(e))).replace(/D(?!e|é|i)/,W(e,l.days))},ye=e=>e===null||e instanceof Date||typeof e=="string"||typeof e=="number",$=e=>typeof e=="string"?new Date(e):e,pe=t.defineComponent({name:"DateInput",components:{IconView:ce},props:{selectedDate:{type:[Date,String],default:null},resetTypedDate:{type:[Date],default:new Date},format:{type:[String,Function]},translation:{type:Object},inline:{type:Boolean},id:{type:String},name:{type:String},openDate:{type:Date},placeholder:{type:String},inputClass:{type:[String,Object,Array]},clearButton:{type:Boolean},clearButtonIcon:{type:String},calendarButton:{type:Boolean},calendarButtonIcon:{type:String},calendarButtonIconContent:{type:String},disabled:{type:Boolean},required:{type:Boolean},typeable:{type:Boolean},addBootstrapClass:{type:Boolean,default:!1,required:!1,validator:e=>!!e},useUtc:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},hideInput:{type:Boolean,default:!0},fullMonthName:{type:Boolean,default:!1},iconColor:{default:"black",type:String},iconHeight:{default:16,type:[String,Number]},iconWidth:{default:16,type:[String,Number]},theme:{default:"green",type:String}},emits:["show-calendar","typed-date","clear-date","close-calendar"],setup(e,{emit:a}){const l=t.ref(),i=t.ref(null),d=t.computed(()=>e.addBootstrapClass?typeof e.inputClass=="string"?[e.inputClass,"form-control"].join(" "):{"form-control":!0,...e.inputClass}:e.inputClass),y=t.computed(()=>{var S,b;if(!e.selectedDate)return null;if(l.value)return l.value;const k=$(e.selectedDate);let N=typeof e.format=="function"?e.format(k):he(k,e.format,e.translation);if(e.minimumView===e.maximumView){const[,z,E]=N.split(" ");if(e.maximumView==="month"){if(e.fullMonthName){const Y=(S=e.translation)==null?void 0:S.monthsAbbr.indexOf(z);return(b=e.translation)==null?void 0:b.months[Y]}N=z}else e.maximumView==="year"&&(N=E)}return N});t.watch(()=>e.resetTypedDate,()=>{l.value=""});function o(){a("show-calendar")}function u(k){if([27,13].includes(k.keyCode)&&i.value.blur(),e.typeable){const{value:N}=i.value,S=Date.parse(N);Number.isNaN(S)||(l.value=N,a("typed-date",new Date(S)))}}function w(){a("clear-date")}function V(){e.typeable&&Number.isNaN(Date.parse(i.value.value))&&(w(),i.value.value=null,l.value=""),a("close-calendar",!0)}return{typedDate:l,computedInputClass:d,formattedValue:y,showCalendar:o,parseTypedDate:u,inputBlurred:V,inputRef:i,clearDate:w}}}),Dt="",ge={key:0},De={key:1,style:{position:"relative"}},be={key:0},we=["type","name","id","value","open-date","placeholder","clear-button","disabled","required","readonly"],ke={key:0,class:"vuejs3-datepicker__value"},Ne={class:"vuejs3-datepicker__icon"},Se={key:0,class:"vuejs3-datepicker__content"},Ce={key:1,class:"vuejs3-datepicker__content"},Ve={key:0};function Me(e,a,l,i,d,y){const o=t.resolveComponent("IconView");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([e.addBootstrapClass?"input-group":""])},[e.calendarButton?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["vuejs3-datepicker__calendar-button",{"input-group-prepend":e.addBootstrapClass,"cursor-na":e.disabled}]),onClick:a[0]||(a[0]=(...u)=>e.showCalendar&&e.showCalendar(...u))},[t.createElementVNode("span",{class:t.normalizeClass({"input-group-text":e.addBootstrapClass})},[t.createElementVNode("i",{class:t.normalizeClass(e.calendarButtonIcon)},[t.createTextVNode(t.toDisplayString(e.calendarButtonIconContent)+" ",1),e.calendarButtonIcon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",ge,"…"))],2)],2)],2)):t.createCommentVNode("",!0),e.typeable||!e.hideInput?(t.openBlock(),t.createElementBlock("div",De,[e.inline?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",be,[t.createVNode(o,{customClass:"vuejs3-datepicker__typeablecalendar",color:e.iconColor,width:e.iconWidth,height:e.iconHeight},null,8,["color","width","height"])])),t.createElementVNode("input",{type:e.inline?"hidden":"text",class:t.normalizeClass([e.computedInputClass,"vuejs3-datepicker__inputvalue"]),name:e.name,ref:"inputRef",id:e.id,value:e.formattedValue,"open-date":e.openDate,placeholder:e.placeholder,"clear-button":e.clearButton,disabled:e.disabled,required:e.required,readonly:!e.typeable,onClick:a[1]||(a[1]=(...u)=>e.showCalendar&&e.showCalendar(...u)),onKeyup:a[2]||(a[2]=(...u)=>e.parseTypedDate&&e.parseTypedDate(...u)),onBlur:a[3]||(a[3]=(...u)=>e.inputBlurred&&e.inputBlurred(...u)),autocomplete:"off"},null,42,we)])):(t.openBlock(),t.createElementBlock("div",{key:2,onClick:a[4]||(a[4]=(...u)=>e.showCalendar&&e.showCalendar(...u)),id:"calendar-div"},[e.inline?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",ke,[t.createElementVNode("span",Ne,[t.createVNode(o,{color:e.iconColor,width:e.iconWidth,height:e.iconHeight},null,8,["color","width","height"])]),e.formattedValue?(t.openBlock(),t.createElementBlock("div",Se,t.toDisplayString(e.formattedValue),1)):(t.openBlock(),t.createElementBlock("div",Ce,t.toDisplayString(e.placeholder),1))]))])),e.clearButton&&e.selectedDate?(t.openBlock(),t.createElementBlock("span",{key:3,class:t.normalizeClass(["vuejs3-datepicker__clear-button",{"input-group-append":e.addBootstrapClass}]),onClick:a[5]||(a[5]=u=>e.clearDate())},[t.createElementVNode("span",{class:t.normalizeClass({"input-group-text":e.addBootstrapClass})},[t.createElementVNode("i",{class:t.normalizeClass(e.clearButtonIcon)},[e.clearButtonIcon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Ve,"×"))],2)],2)],2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"belowDate",{},void 0,!0)],2)}const Be=H(pe,[["render",Me],["__scopeId","data-v-204bf2e8"]]),je=t.defineComponent({name:"PickerDay",props:{showDayView:{type:Boolean},selectedDate:{type:[String,Date],required:!1,default:null,validator:e=>["string","number"].indexOf(typeof e)!==-1||e===null},pageDate:{type:Date,default:new Date},fullMonthName:{type:Boolean},allowedToShowView:{type:Function,required:!0},dayCellContent:{type:Function,default:e=>e.date},disabledDates:{type:Object},highlighted:{type:Object},calendarClass:{type:[String,Object,Array]},calendarStyle:{type:Object},translation:{type:Object},isRtl:{type:Boolean},mondayFirst:{type:Boolean},useUtc:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},preventDisableDateSelection:{type:Boolean,default:!0},theme:{default:"green",type:String}},emits:["show-year-calendar","changed-month","show-month-calendar","selected-disabled","select-date"],setup(e,{emit:a}){function l(n){n.isDisabled?(a("selected-disabled",n),e.preventDisableDateSelection||a("select-date",n)):a("select-date",n)}function i(){a("show-month-calendar")}function d(){a("show-year-calendar")}function y(n){const s=e.pageDate;ee(s,D(s)+n),a("changed-month",s)}function o(){const n=e.disabledDates;if(!n||!n.to)return!1;const s=e.pageDate;return D(n.to)>=D(s)&&f(n.to)>=f(s)}function u(){o()||y(-1)}function w(){const n=e.disabledDates;if(!n||!n.from)return!1;const s=e.pageDate;return D(n.from)<=D(s)&&f(n.from)<=f(s)}function V(){w()||y(1)}function k(n){const s=$(e.selectedDate);return e.selectedDate?q(s,n):!1}function N(n){let s=!1;const m=e.disabledDates;return m?typeof m>"u"?!1:(typeof m.dates<"u"&&m.dates.forEach(A=>{q(n,A)&&(s=!0)}),typeof m.to<"u"&&m.to&&n<m.to&&(s=!0),typeof m.from<"u"&&m.from&&n>m.from&&(s=!0),typeof m.days<"u"&&m.days.indexOf(F(n))!==-1&&(s=!0),typeof m.daysOfMonth<"u"&&m.daysOfMonth.indexOf(B(n))!==-1&&(s=!0),typeof m.customPredictor=="function"&&m.customPredictor(n)&&(s=!0),s):s}function S(n){return typeof n<"u"&&n}function b(n){const s=e.highlighted;if(!(s&&s.includeDisabled)&&N(n))return!1;let m=!1;return typeof s>"u"?!1:(typeof s.dates<"u"&&s.dates.forEach(A=>{q(n,A)&&(m=!0)}),S(s.from)&&S(s.to)&&(m=n>=s.from&&n<=s.to),typeof s.days<"u"&&s.days.indexOf(F(n))!==-1&&(m=!0),typeof s.daysOfMonth<"u"&&s.daysOfMonth.indexOf(B(n))!==-1&&(m=!0),typeof s.customPredictor=="function"&&s.customPredictor(n)&&(m=!0),m)}function z(n){return{selected:n.isSelected,disabled:n.isDisabled,highlighted:n.isHighlighted,today:n.isToday,weekend:n.isWeekend,sat:n.isSaturday,sun:n.isSunday,"highlight-start":n.isHighlightStart,"highlight-end":n.isHighlightEnd}}function E(n){const s=e.highlighted;return s?b(n)&&s.from instanceof Date&&f(s.from)===f(n)&&D(s.from)===D(n)&&B(s.from)===B(n):!1}function Y(n){const s=e.highlighted;return s?b(n)&&s.to instanceof Date&&f(s.to)===f(n)&&D(s.to)===D(n)&&B(s.to)===B(n):!1}const M=t.computed(()=>{if(e.mondayFirst){const n=e.translation&&e.translation.days&&e.translation.days.slice();return n.push(n.shift()),n}return e.translation&&e.translation.days}),j=t.computed(()=>{const n=e.pageDate,s=e.useUtc?new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),1)):new Date(n.getFullYear(),n.getMonth(),1,n.getHours(),n.getMinutes());return e.mondayFirst?F(s)>0?F(s)-1:6:F(s)}),T=t.computed(()=>{const n=e.pageDate,s=[],m=e.useUtc?new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),1)):new Date(n.getFullYear(),n.getMonth(),1,n.getHours(),n.getMinutes()),A=ue(f(m),D(m));for(let U=0;U<A;U+=1)s.push({date:B(m),timestamp:m.getTime(),isSelected:k(m),isDisabled:N(m),isHighlighted:b(m),isHighlightStart:E(m),isHighlightEnd:Y(m),isToday:q(m,new Date),isWeekend:F(m)===0||F(m)===6,isSaturday:F(m)===6,isSunday:F(m)===0}),L(m,B(m)+1);return s}),c=t.computed(()=>{const n=e.fullMonthName?e.translation&&e.translation.months:e.translation&&e.translation.monthsAbbr;return _(D(e.pageDate),n)}),r=t.computed(()=>{const n=e.translation&&e.translation.months;return P(D(e.pageDate),n)}),p=t.computed(()=>{const n=e.translation&&e.translation.yearSuffix;return`${f(e.pageDate)}${n}`}),g=t.computed(()=>(e.translation&&e.translation.ymd&&e.translation&&e.translation.ymd)===!0),O=t.computed(()=>e.isRtl?w():o()),J=t.computed(()=>e.isRtl?o():w()),Q=t.computed(()=>{const n=$(e.selectedDate);return e.selectedDate?W(n,e.translation&&e.translation.daysNames):null}),R=t.computed(()=>{const n=$(e.selectedDate);return e.selectedDate?B(n):null}),X=t.computed(()=>!(e.minimumView===e.maximumView&&(e.minimumView!=="day"||e.maximumView!=="day")));return{isDefined:S,showMonthCalendar:i,daysOfWeek:M,blankDays:j,isYmd:g,days:T,currMonthName:c,currYearName:p,isLeftNavDisabled:O,isRightNavDisabled:J,selectDate:l,previousMonth:u,nextMonth:V,dayClasses:z,monthName:r,getDayName:Q,getDisplayDate:R,showYearCalendar:d,isNextMonthDisabled:w,ifDifferentViews:X,isSelectedDate:k,isDisabledDate:N,isHighlightedDate:b,isHighlightStart:E,isHighlightEnd:Y}}}),Te={key:0,class:"vuejs3-datepicker__calendar-topbar"},Ee={class:"vuejs3-datepicker__calendar-topbar-day"},Fe={class:"vuejs3-datepicker__calendar-actionarea"},$e=["innerHTML","onClick"];function ze(e,a,l,i,d,y){return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker__calendar",`vuejs3-${e.theme}`,e.calendarClass]),style:t.normalizeStyle(e.calendarStyle),onMousedown:a[4]||(a[4]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(e.$slots,"customCalendarHeader"),e.ifDifferentViews&&e.selectedDate?(t.openBlock(),t.createElementBlock("section",Te,[t.createElementVNode("p",{class:"vuejs3-datepicker__calendar-topbar-year",onClick:a[0]||(a[0]=(...o)=>e.showYearCalendar&&e.showYearCalendar(...o))},t.toDisplayString(e.currYearName),1),t.createElementVNode("p",Ee,t.toDisplayString(e.getDayName)+" "+t.toDisplayString(e.getDisplayDate)+" "+t.toDisplayString(e.monthName),1)])):t.createCommentVNode("",!0),t.createElementVNode("div",Fe,[t.createElementVNode("header",null,[t.createElementVNode("span",{onClick:a[1]||(a[1]=o=>e.isRtl?e.nextMonth():e.previousMonth()),class:t.normalizeClass(["prev",{disabled:e.isLeftNavDisabled}])},"<",2),t.createElementVNode("span",{class:t.normalizeClass(["day__month_btn",e.allowedToShowView("month")?"up":""]),onClick:a[2]||(a[2]=(...o)=>e.showMonthCalendar&&e.showMonthCalendar(...o))},t.toDisplayString(e.isYmd?e.currYearName:e.currMonthName)+" "+t.toDisplayString(e.isYmd?e.currMonthName:e.currYearName),3),t.createElementVNode("span",{onClick:a[3]||(a[3]=o=>e.isRtl?e.previousMonth():e.nextMonth()),class:t.normalizeClass(["next",{disabled:e.isRightNavDisabled}])},">",2)]),t.createElementVNode("div",{class:t.normalizeClass(e.isRtl?"flex-rtl":"")},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.daysOfWeek,o=>(t.openBlock(),t.createElementBlock("span",{class:"cell day-header",key:o.timestamp},t.toDisplayString(o),1))),128)),e.blankDays>0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.blankDays,o=>(t.openBlock(),t.createElementBlock("span",{class:"cell day blank",key:o.timestamp}))),128)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.days,o=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cell day",e.dayClasses(o)]),key:o.timestamp,innerHTML:e.dayCellContent(o),onClick:u=>e.selectDate(o)},null,10,$e))),128))],2)])],38)),[[t.vShow,e.showDayView]])}const Ye=H(je,[["render",ze]]),Oe=t.defineComponent({name:"PickerMonth",props:{showMonthView:{type:Boolean},selectedDate:{type:[String,Date],required:!1,default:null,validator:e=>["string","number"].indexOf(typeof e)!==-1||e===null},pageDate:{type:Date,default:new Date},disabledDates:{type:Object},calendarClass:{type:[String,Object,Array]},calendarStyle:{type:Object},translation:{type:Object},isRtl:{type:Boolean},allowedToShowView:{type:Function,required:!0},useUtc:{type:Boolean},fullMonthName:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},theme:{default:"green",type:String}},setup(e,{emit:a}){function l(r){r.isDisabled||a("select-month",r)}function i(r){const p=e.pageDate;K(p,f(p)+r),a("changed-year",p)}function d(){const r=e.disabledDates;return!r||!r.to?!1:f(r.to)>=f(e.pageDate)}function y(){d()||i(-1)}function o(){const r=e.disabledDates;return!r||!r.from?!1:f(r.from)<=f(e.pageDate)}function u(){o()||i(1)}function w(){a("show-year-calendar")}function V(r){const p=$(e.selectedDate);return p&&f(p)===f(r)&&D(p)===D(r)}function k(r){let p=!1;const g=e.disabledDates;return!g||typeof g>"u"?!1:(typeof g.to<"u"&&g.to&&(D(r)<D(g.to)&&f(r)<=f(g.to)||f(r)<f(g.to))&&(p=!0),typeof g.from<"u"&&g.from&&(D(r)>D(g.from)&&f(r)>=f(g.from)||f(r)>f(g.from))&&(p=!0),typeof g.customPredictor=="function"&&g.customPredictor(r)&&(p=!0),p)}const N=t.computed(()=>{const r=e.pageDate,p=[],g=e.useUtc?new Date(Date.UTC(r.getUTCFullYear(),0,r.getUTCDate())):new Date(r.getFullYear(),0,r.getDate(),r.getHours(),r.getMinutes());for(let O=0;O<12;O+=1)p.push({month:P(O,e.translation&&e.translation.months),timestamp:g.getTime(),isSelected:V(g),isDisabled:k(g)}),ee(g,D(g)+1);return p}),S=t.computed(()=>{const r=e.translation&&e.translation.yearSuffix;return`${f(e.pageDate)}${r}`}),b=t.computed(()=>e.isRtl?o():d()),z=t.computed(()=>e.isRtl?d():o()),E=t.computed(()=>{const r=e.translation&&e.translation.months;return P(D(e.pageDate),r)}),Y=t.computed(()=>{const r=$(e.selectedDate);return e.selectedDate?B(r):null}),M=t.computed(()=>{const r=$(e.selectedDate);return e.selectedDate?W(r,e.translation&&e.translation.daysNames):null}),j=t.computed(()=>{const r=e.translation&&e.translation.yearSuffix;return`${f(e.pageDate)}${r}`}),T=t.computed(()=>{const r=e.fullMonthName?e.translation&&e.translation.months:e.translation&&e.translation.monthsAbbr;return _(D(e.pageDate),r)}),c=t.computed(()=>!(e.minimumView===e.maximumView&&(e.minimumView!=="day"||e.maximumView!=="day")));return{isRightNavDisabled:z,isLeftNavDisabled:b,pageYearName:S,months:N,selectMonth:l,previousYear:y,nextYear:u,currYearName:j,getDisplayDate:Y,monthName:E,showYearCalendar:w,getDayName:M,currMonthName:T,ifDifferentViews:c,isSelectedMonth:V,isDisabledMonth:k}}}),Ae={key:0,class:"vuejs3-datepicker__calendar-topbar"},Ie={key:0,class:"vuejs3-datepicker__calendar-topbar-day"},He={class:"vuejs3-datepicker__calendar-actionarea"},ve=["onClick"];function Pe(e,a,l,i,d,y){return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker__calendar",`vuejs3-${e.theme}`,e.calendarClass]),style:t.normalizeStyle(e.calendarStyle),onMousedown:a[4]||(a[4]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(e.$slots,"customCalendarHeader"),e.ifDifferentViews?(t.openBlock(),t.createElementBlock("section",Ae,[t.createElementVNode("p",{class:"vuejs3-datepicker__calendar-topbar-year",onClick:a[0]||(a[0]=(...o)=>e.showYearCalendar&&e.showYearCalendar(...o))},t.toDisplayString(e.currYearName),1),e.selectedDate?(t.openBlock(),t.createElementBlock("p",Ie,t.toDisplayString(e.getDayName)+" "+t.toDisplayString(e.getDisplayDate)+" "+t.toDisplayString(e.monthName),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",He,[t.createElementVNode("header",null,[t.createElementVNode("span",{onClick:a[1]||(a[1]=o=>e.isRtl?e.nextYear():e.previousYear()),class:t.normalizeClass(["prev",{disabled:e.isLeftNavDisabled}])},"<",2),t.createElementVNode("span",{class:t.normalizeClass(["month__year_btn",e.allowedToShowView("year")?"up":""]),onClick:a[2]||(a[2]=(...o)=>e.showYearCalendar&&e.showYearCalendar(...o))},t.toDisplayString(e.pageYearName),3),t.createElementVNode("span",{onClick:a[3]||(a[3]=o=>e.isRtl?e.previousYear():e.nextYear()),class:t.normalizeClass(["next",{disabled:e.isRightNavDisabled}])},">",2)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.months,o=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cell month",{selected:o.isSelected,disabled:o.isDisabled}]),key:o.timestamp,onClick:t.withModifiers(u=>e.selectMonth(o),["stop"])},t.toDisplayString(o.month),11,ve))),128))])],38)),[[t.vShow,e.showMonthView]])}const Je=H(Oe,[["render",Pe]]),Re=t.defineComponent({name:"PickerYear",props:{showYearView:{type:Boolean},selectedDate:{type:[String,Date],required:!1,default:null,validator:e=>["string","number"].indexOf(typeof e)!==-1||e===null},pageDate:{type:Date,default:new Date},disabledDates:{type:Object},highlighted:{type:Object},calendarClass:{type:[String,Object,Array]},calendarStyle:{type:Object},translation:{type:Object},isRtl:{type:Boolean},allowedToShowView:{type:Function,required:!0},useUtc:{type:Boolean},fullMonthName:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},theme:{default:"green",type:String}},emits:["select-year","changed-decade"],setup(e,{emit:a}){function l(c){c.isDisabled||a("select-year",c)}function i(c){const r=e.pageDate;K(r,f(r)+c),a("changed-decade",r)}function d(){const c=e.disabledDates;if(!c||!c.to)return!1;const r=f(c.to),p=Math.floor(f(e.pageDate)/10)*10-1;return r>p}function y(){d()||i(-10)}function o(){const c=e.disabledDates;if(!c||!c.from)return!1;const r=f(c.from),p=Math.ceil(f(e.pageDate)/10)*10;return r<=p}function u(){o()||i(10)}function w(c){const r=$(e.selectedDate);return e.selectedDate?f(r)===f(c):!1}function V(c){let r=!1;return typeof e.disabledDates>"u"||!e.disabledDates?!1:(typeof e.disabledDates.to<"u"&&e.disabledDates.to&&f(c)<f(e.disabledDates.to)&&(r=!0),typeof e.disabledDates.from<"u"&&e.disabledDates.from&&f(c)>f(e.disabledDates.from)&&(r=!0),typeof e.disabledDates.customPredictor=="function"&&(r=e.disabledDates.customPredictor(c)),r)}const k=t.computed(()=>{const c=e.pageDate,r=[],p=e.useUtc?new Date(Date.UTC(Math.floor(c.getUTCFullYear()/10)*10,c.getUTCMonth(),c.getUTCDate())):new Date(Math.floor(c.getFullYear()/10)*10,c.getMonth(),c.getDate(),c.getHours(),c.getMinutes());for(let g=0;g<10;g+=1)r.push({year:f(p),timestamp:p.getTime(),isSelected:w(p),isDisabled:V(p)}),K(p,f(p)+1);return r}),N=t.computed(()=>{const c=Math.floor(f(e.pageDate)/10)*10,r=c+9,p=e.translation&&e.translation.yearSuffix;return`${c} - ${r}${p}`}),S=t.computed(()=>e.isRtl?o():d()),b=t.computed(()=>e.isRtl?d():o()),z=t.computed(()=>{const c=$(e.selectedDate);return e.selectedDate?W(c,e.translation&&e.translation.daysNames):null}),E=t.computed(()=>{const c=e.translation&&e.translation.months;return P(D(e.pageDate),c)}),Y=t.computed(()=>{const c=$(e.selectedDate);return e.selectedDate?B(c):null}),M=t.computed(()=>{const c=e.translation&&e.translation.yearSuffix;return`${f(e.pageDate)}${c}`}),j=t.computed(()=>{const c=e.fullMonthName?e.translation&&e.translation.months:e.translation&&e.translation.monthsAbbr;return _(D(e.pageDate),c)}),T=t.computed(()=>!(e.minimumView===e.maximumView&&(e.minimumView!=="day"||e.maximumView!=="day")));return{isRightNavDisabled:b,isLeftNavDisabled:S,getPageDecade:N,years:k,nextDecade:u,previousDecade:y,selectYear:l,getDayName:z,monthName:E,getDisplayDate:Y,currYearName:M,currMonthName:j,ifDifferentViews:T,isNextDecadeDisabled:o,isPreviousDecadeDisabled:d,isDisabledYear:V}}}),Ue={key:0,class:"vuejs3-datepicker__calendar-topbar"},Le={class:"vuejs3-datepicker__calendar-topbar-year"},qe={key:0,class:"vuejs3-datepicker__calendar-topbar-day"},We={class:"vuejs3-datepicker__calendar-actionarea"},_e=["onClick"];function Ge(e,a,l,i,d,y){return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker__calendar",`vuejs3-${e.theme}`,e.calendarClass]),style:t.normalizeStyle(e.calendarStyle),onMousedown:a[2]||(a[2]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(e.$slots,"customCalendarHeader"),e.ifDifferentViews&&e.selectedDate?(t.openBlock(),t.createElementBlock("section",Ue,[t.createElementVNode("p",Le,t.toDisplayString(e.currYearName),1),e.selectedDate?(t.openBlock(),t.createElementBlock("p",qe,t.toDisplayString(e.getDayName)+" "+t.toDisplayString(e.getDisplayDate)+" "+t.toDisplayString(e.monthName),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",We,[t.createElementVNode("header",null,[t.createElementVNode("span",{onClick:a[0]||(a[0]=o=>e.isRtl?e.nextDecade():e.previousDecade()),class:t.normalizeClass(["prev",{disabled:e.isLeftNavDisabled}])},"<",2),t.createElementVNode("span",null,t.toDisplayString(e.getPageDecade),1),t.createElementVNode("span",{onClick:a[1]||(a[1]=o=>e.isRtl?e.previousDecade():e.nextDecade()),class:t.normalizeClass(["next",{disabled:e.isRightNavDisabled}])},">",2)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.years,o=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cell year",{selected:o.isSelected,disabled:o.isDisabled}]),key:o.timestamp,onClick:t.withModifiers(u=>e.selectYear(o),["stop"])},t.toDisplayString(o.year),11,_e))),128))])],38)),[[t.vShow,e.showYearView]])}const Ke=H(Re,[["render",Ge]]),Qe=()=>{const e="Afrikaans",a=["Januarie","Februarie","Maart","April","Mei","Junie","Julie","Augustus","September","Oktober","November","Desember"],l=["Jan","Feb","Mrt","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Des"],i=["So.","Ma.","Di.","Wo.","Do.","Vr.","Sa."];return{months:a,monthsAbbr:l,days:i,yearSuffix:"",ymd:!1,rtl:!1,language:e,langName:e,daysNames:i}},Xe=()=>{const e="German";return{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsAbbr:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],days:["So","Mo","Di","Mi","Do","Fr","Sa"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"]}},Ze=()=>{const e="English";return{months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsAbbr:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],days:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]}},xe=()=>{const e="Español";return{months:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],monthsAbbr:["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],days:["Dom","Lun","Mar","Mie","Jue","Vie","Sab"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"]}},et=()=>{const e="Français";return{months:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],monthsAbbr:["Jan","Fév","Mar","Avr","Mai","Jui","Juil","Aoû","Sep","Oct","Nov","Déc"],days:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"]}},tt=()=>{const e="Hindi";return{months:["जनवरी","फ़रवरी","मार्च","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"],monthsAbbr:["जन","फ़र","मार्च","अप्रै","मई","जून","जुला","अगस्त","सितं","अक्टू","नवं","दिसं"],days:["रवि","सोम","मंगल","बुध","गुरु","शुक्र","शनि"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["रविवार","सोमवार","मंगलवार","बुधवार","गुरुवार","शुक्रवार","शनिवार"]}},at=()=>{const e="Japanese";return{months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],monthsAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],days:["日","月","火","水","木","金","土"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"]}},nt=()=>{const e="Dutch",a=["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],l=["jan.","feb.","mrt.","apr.","mei","juni","juli","aug.","sep.","okt.","nov.","dec."],i=["zo.","ma.","di.","wo.","do.","vr.","za."];return{months:a,monthsAbbr:l,days:i,yearSuffix:"",ymd:!1,rtl:!1,langName:e,language:e,daysNames:i}},ot=()=>{const e="Português";return{months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],monthsAbbr:["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],days:["Dom","Seg","Ter","Qua","Qui","Sex","Sab"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Domingo","Segunda-Feira","Terça-Feira","Quarta-Feira","Quinta-Feira","Sexta-Feira","Sábado"]}},rt=()=>{const e="Italian";return{months:["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],monthsAbbr:["Gen","Feb","Mar","Apr","Mag","Giu","Lug","Ago","Set","Ott","Nov","Dic"],days:["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Domenica","Lunedì","Martedì","Mercoledì","Gioved","Venerdì","Sabato"]}},lt=()=>{const e="Polish";return{months:["Styczeń","Luty","Marzec","Kwiecień","Maj","Czerwiec","Lipiec","Sierpień","Wrzesień","Październik","Listopad","Grudzień"],monthsAbbr:["Sty","Lut","Mar","Kwi","Maj","Cze","Lip","Sie","Wrz","Paź","Lis","Gru"],days:["Nd","Pn","Wt","Śr","Cz","Pt","So"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Niedziela","Poniedziałek","Wtorek","Środa","Czwartek","Piątek","Sobota"]}},it=()=>{const e="Russian";return{months:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],monthsAbbr:["Янв.","Фев.","Мар.","Апр.","Май","Июн.","Июл.","Авг.","Сен.","Окт.","Ноя.","Дек."],days:["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"]}},st=()=>{const e="Türkçe";return{months:["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],monthsAbbr:["Oca","Şub","Mar","Nis"," May","Haz","Tem","Ağu","Eyl","Eki","Kas","Ara"],days:["Pzt","Sal","Çar","Per","Cum","Cmt","Pzr"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi","Pazar"]}},dt=()=>{const e="Vietnamese";return{months:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],monthsAbbr:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],days:["CN","H","B","T","N","S","B"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["CN","Thứ Hai","Thứ Ba","Thứ Tư","Thứ Năm","Thứ Sáu","Thứ Bảy"]}},ct=()=>{const e="Bulgarian";return{months:["Януари","Февруари","Март","Април","Май","Юни","Юли","Август","Септември","Октомври","Ноември","Декември"],monthsAbbr:["Яну","Фев","Мар","Апр","Май","Юни","Юли","Авг","Сеп","Окт","Ное","Дек"],days:["Нд","Пн","Вт","Ср","Чт","Пт","Сб"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Неделя","Понеделник","Вторник","Сряда","Четвъртък","Петък","Събота"]}},mt=()=>{const e="Arabic-Tunisia",a=["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويلية","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"];return{months:a,monthsAbbr:a,days:["أحد","أثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت"],language:e,yearSuffix:"",ymd:!1,rtl:!0,langName:e,daysNames:["الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت"]}},ut={af:Qe(),arTn:mt(),hi:tt(),ja:at(),de:Xe(),en:Ze(),es:xe(),fr:et(),nl:nt(),pt:ot(),it:rt(),pl:lt(),ru:it(),tr:st(),vn:dt(),bg:ct()},ft=t.defineComponent({name:"Datepicker",components:{DateInput:Be,PickerDay:Ye,PickerMonth:Je,PickerYear:Ke},directives:{clickoutside:ne},props:{modelValue:{type:[Date,String,Number]},value:{type:[Date,String,Number]},format:{type:[String,Function],default:"dd MMM yyyy"},language:{type:String,default:"en"},openDate:{validator:e=>ye(e),type:Date,default:new Date},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},name:{type:String},id:{type:String},dayCellContent:{type:Function},fullMonthName:{type:Boolean},disabledDates:{type:Object},highlighted:{type:Object},placeholder:{type:String},inline:{type:Boolean},calendarClass:{type:[String,Object,Array]},inputClass:{type:[String,Object,Array]},wrapperClass:{type:[String,Object,Array]},mondayFirst:{type:Boolean},clearButton:{type:Boolean},clearButtonIcon:{type:String},calendarButton:{type:Boolean},calendarButtonIcon:{type:String},calendarButtonIconContent:{type:String},addBootstrapClass:{type:Boolean},initialView:{type:String},disabled:{type:Boolean},required:{type:Boolean},typeable:{type:Boolean},useUtc:{type:Boolean},hideInput:{type:Boolean,default:!0},preventDisableDateSelection:{type:Boolean,default:!0},iconColor:{default:"black",type:String},iconHeight:{default:16,type:[String,Number]},iconWidth:{default:16,type:[String,Number]},theme:{default:"green",type:String}},emits:["input","cleared","update:modelValue","closed","changed-month","changed-year","changed-day","selected","selected-disabled"],setup(e,{emit:a}){const l=new Date(e.modelValue),i=t.ref(0),d=t.ref(null);e.modelValue&&me(l)&&(i.value=l.getTime(),d.value=l),e.openDate&&(i.value=L(new Date(e.openDate),1));const y=t.ref(!1),o=t.ref(!1),u=t.ref(!1),w=t.ref(0),V=t.ref(new Date),k=t.computed(()=>e.initialView?e.initialView:e.minimumView),N=t.computed(()=>new Date(i.value)),S=t.computed(()=>ut[e.language]),b=t.computed(()=>!!e.inline),z=t.computed(()=>({position:b.value?"static":void 0})),E=t.computed(()=>y.value||o.value||u.value),Y=t.computed(()=>S.value&&S.value.rtl===!0);function M(h){h||(e.openDate?h=new Date(e.openDate):h=new Date),i.value=L(new Date(h),1)}function j(h){const C=["day","month","year"],G=C.indexOf(e.minimumView),gt=C.indexOf(e.maximumView),te=C.indexOf(h);return te>=G&&te<=gt}function T(h){y.value=!1,o.value=!1,u.value=!1,b.value||h&&a("closed")}function c(){return j("day")?(T(),y.value=!0,!0):!1}function r(){return j("month")?(T(),o.value=!0,!0):!1}function p(){return j("year")?(T(),u.value=!0,!0):!1}function g(){const h=k.value;if(!j(h))throw new Error(`initialView '${h}' cannot be rendered based on minimum '${e.minimumView}' and maximum '${e.maximumView}'`);switch(h){case"year":p();break;case"month":r();break;default:c();break}}function O(){return e.disabled||b.value?!1:E.value?T(!0):(g(),!0)}function J(h){const C=new Date(h);d.value=C,M(C),a("selected",C),a("update:modelValue",C),a("input",C)}function Q(){d.value=null,M(),a("selected",null),e.modelValue?a("update:modelValue",null):a("input",null),a("cleared")}function R(h){J(h.timestamp),b.value||T(!0),V.value=new Date}function X(h){a("selected-disabled",h)}function n(h){const C=new Date(h.timestamp);j("day")?(M(C),c()):R(h),a("changed-month",h)}function s(h){const C=new Date(h.timestamp);j("month")?(M(C),r()):R(h),a("changed-year",h)}function m(h){let C=h;if(typeof h=="string"||typeof h=="number"){const G=new Date(h);C=Number.isNaN(G.valueOf())?"":G}if(!C){M(),d.value=null;return}d.value=C,M(h)}function A(h){M(h),a("changed-month",h)}function U(h){J(h.getTime())}function yt(){e.value&&m(e.value),b.value&&g()}function pt(){T()}return t.watch(()=>e.modelValue,h=>{m(h)}),t.watch(()=>e.value,h=>{m(h)}),t.watch(()=>e.openDate,()=>{M()}),t.watch(()=>e.initialView,()=>{g()}),yt(),{pageTimestamp:i,selectedDate:d,showDayView:y,showMonthView:o,showYearView:u,calendarHeight:w,resetTypedDate:V,pageDate:N,translation:S,calendarStyle:z,isOpen:E,isInline:b,isRtl:Y,setTypedDate:U,handleChangedMonthFromDayPicker:A,selectYear:s,selectMonth:n,selectDisabledDate:X,clearDate:Q,showCalendar:O,close:T,allowedToShowView:j,showYearCalendar:p,showMonthCalendar:r,setPageDate:M,selectDate:R,closeOnClickOutside:pt,showDayCalendar:c,computedInitialView:k,setDate:L,setDate1:J,setValue:m}}}),bt="";function ht(e,a,l,i,d,y){const o=t.resolveComponent("date-input"),u=t.resolveComponent("picker-day"),w=t.resolveComponent("picker-month"),V=t.resolveComponent("picker-year"),k=t.resolveDirective("clickoutside");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker",[e.isRtl?"rtl":"",`vuejs3-${e.theme}`,e.wrapperClass]])},[t.createVNode(o,{selectedDate:e.selectedDate,resetTypedDate:e.resetTypedDate,format:e.format,translation:e.translation,inline:e.inline,id:e.id,name:e.name,fullMonthName:e.fullMonthName,openDate:e.openDate,placeholder:e.placeholder,inputClass:e.inputClass,typeable:e.typeable,clearButton:e.clearButton,clearButtonIcon:e.clearButtonIcon,calendarButton:e.calendarButton,calendarButtonIcon:e.calendarButtonIcon,calendarButtonIconContent:e.calendarButtonIconContent,disabled:e.disabled,required:e.required,addBootstrapClass:e.addBootstrapClass,"use-utc":e.useUtc,onShowCalendar:e.showCalendar,onCloseCalendar:e.close,onTypedDate:e.setTypedDate,onClearDate:e.clearDate,minimumView:e.minimumView,maximumView:e.maximumView,hideInput:e.hideInput,iconWidth:e.iconWidth,iconHeight:e.iconHeight,iconColor:e.iconColor,theme:e.theme},{belowDate:t.withCtx(()=>[t.renderSlot(e.$slots,"belowDate")]),_:3},8,["selectedDate","resetTypedDate","format","translation","inline","id","name","fullMonthName","openDate","placeholder","inputClass","typeable","clearButton","clearButtonIcon","calendarButton","calendarButtonIcon","calendarButtonIconContent","disabled","required","addBootstrapClass","use-utc","onShowCalendar","onCloseCalendar","onTypedDate","onClearDate","minimumView","maximumView","hideInput","iconWidth","iconHeight","iconColor","theme"]),e.allowedToShowView("day")?(t.openBlock(),t.createBlock(u,{key:0,pageDate:e.pageDate,selectedDate:e.selectedDate,showDayView:e.showDayView,fullMonthName:e.fullMonthName,allowedToShowView:e.allowedToShowView,disabledDates:e.disabledDates,highlighted:e.highlighted,calendarClass:e.calendarClass,calendarStyle:e.calendarStyle,translation:e.translation,pageTimestamp:e.pageTimestamp,isRtl:e.isRtl,mondayFirst:e.mondayFirst,dayCellContent:e.dayCellContent,onChangedMonth:e.handleChangedMonthFromDayPicker,onSelectDate:e.selectDate,onShowMonthCalendar:e.showMonthCalendar,onSelectedDisabled:e.selectDisabledDate,onShowYearCalendar:e.showYearCalendar,minimumView:e.minimumView,maximumView:e.maximumView,preventDisableDateSelection:e.preventDisableDateSelection,theme:e.theme},{customCalendarHeader:t.withCtx(()=>[t.renderSlot(e.$slots,"customCalendarHeader")]),_:3},8,["pageDate","selectedDate","showDayView","fullMonthName","allowedToShowView","disabledDates","highlighted","calendarClass","calendarStyle","translation","pageTimestamp","isRtl","mondayFirst","dayCellContent","onChangedMonth","onSelectDate","onShowMonthCalendar","onSelectedDisabled","onShowYearCalendar","minimumView","maximumView","preventDisableDateSelection","theme"])):t.createCommentVNode("",!0),e.allowedToShowView("month")?(t.openBlock(),t.createBlock(w,{key:1,pageDate:e.pageDate,selectedDate:e.selectedDate,showMonthView:e.showMonthView,allowedToShowView:e.allowedToShowView,disabledDates:e.disabledDates,calendarClass:e.calendarClass,calendarStyle:e.calendarStyle,translation:e.translation,isRtl:e.isRtl,"use-utc":e.useUtc,fullMonthName:e.fullMonthName,onSelectMonth:e.selectMonth,onShowYearCalendar:e.showYearCalendar,onChangedYear:e.setPageDate,minimumView:e.minimumView,maximumView:e.maximumView,theme:e.theme},{customCalendarHeader:t.withCtx(()=>[t.renderSlot(e.$slots,"customCalendarHeader")]),_:3},8,["pageDate","selectedDate","showMonthView","allowedToShowView","disabledDates","calendarClass","calendarStyle","translation","isRtl","use-utc","fullMonthName","onSelectMonth","onShowYearCalendar","onChangedYear","minimumView","maximumView","theme"])):t.createCommentVNode("",!0),e.allowedToShowView("year")?(t.openBlock(),t.createBlock(V,{key:2,pageDate:e.pageDate,selectedDate:e.selectedDate,showYearView:e.showYearView,allowedToShowView:e.allowedToShowView,disabledDates:e.disabledDates,calendarClass:e.calendarClass,calendarStyle:e.calendarStyle,translation:e.translation,isRtl:e.isRtl,"use-utc":e.useUtc,onSelectYear:e.selectYear,onChangedDecade:e.setPageDate,fullMonthName:e.fullMonthName,minimumView:e.minimumView,maximumView:e.maximumView,theme:e.theme},{customCalendarHeader:t.withCtx(()=>[t.renderSlot(e.$slots,"customCalendarHeader")]),_:3},8,["pageDate","selectedDate","showYearView","allowedToShowView","disabledDates","calendarClass","calendarStyle","translation","isRtl","use-utc","onSelectYear","onChangedDecade","fullMonthName","minimumView","maximumView","theme"])):t.createCommentVNode("",!0)],2)),[[k,{handler:e.inline?null:e.closeOnClickOutside}]])}return H(ft,[["render",ht]])});
+(function(t,I){typeof exports=="object"&&typeof module<"u"?module.exports=I(require("vue")):typeof define=="function"&&define.amd?define(["vue"],I):(t=typeof globalThis<"u"?globalThis:t||self,t["vuejs3-datepicker"]=I(t.Vue))})(this,function(t){"use strict";var I=document.createElement("style");I.textContent=`.cursor-na[data-v-d224d91b]{cursor:"not-allowed"}.rtl{direction:rtl}.vuejs3-datepicker{color:#2f2f2f;display:inline-block;position:relative}.vuejs3-datepicker *{box-sizing:border-box}.vuejs3-datepicker input{border:1px solid}.vuejs3-datepicker__icon{display:-webkit-flex;display:-ms-flexbox;display:flex}.vuejs3-datepicker__value{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:13px 15px}.vuejs3-datepicker__content{font-size:15px;margin-left:10px}.vuejs3-datepicker__typeablecalendar{left:10px;position:absolute;top:10px}.vuejs3-datepicker__inputvalue{border:1px solid;border-radius:5px;cursor:pointer;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:200px;padding:12px 10px 13px 35px}.vuejs3-datepicker__calendar{background:#fff;border-radius:4px;box-shadow:0 .2rem 1rem #0000001f;margin-top:4px;position:absolute;width:300px;z-index:100}.vuejs3-datepicker__calendar-topbar{background-color:#40b983;border-radius:4px 4px 0 0;color:#fff;padding:25px;text-align:center}.vuejs3-datepicker__calendar-topbar-year{cursor:pointer;font-size:30px;margin:0;padding-bottom:10px}.vuejs3-datepicker__calendar-topbar-day{font-size:20px;margin:0}.vuejs3-datepicker__calendar-actionarea{padding:10px}.vuejs3-datepicker__calendar header{display:block;line-height:40px}.vuejs3-datepicker__calendar header span{float:left;text-align:center;width:71.42857142857143%}.vuejs3-datepicker__calendar header .next,.vuejs3-datepicker__calendar header .prev{float:left;position:relative;text-indent:-10000px;width:14.285714285714286%}.vuejs3-datepicker__calendar header .next:after,.vuejs3-datepicker__calendar header .prev:after{content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translate(-50%) translateY(-50%) rotate(45deg);width:8px}.vuejs3-datepicker__calendar header .prev:after{border-bottom:1px solid #2f2f2f;border-left:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next.disabled:after,.vuejs3-datepicker__calendar header .prev.disabled:after{opacity:.5}.vuejs3-datepicker__calendar header .next:after{border-right:1px solid #2f2f2f;border-top:1px solid #2f2f2f}.vuejs3-datepicker__calendar header .next:not(.disabled),.vuejs3-datepicker__calendar header .prev:not(.disabled),.vuejs3-datepicker__calendar header .up:not(.disabled){border-radius:4px;cursor:pointer;font-size:15px}.vuejs3-datepicker__calendar header .next:not(.disabled):hover,.vuejs3-datepicker__calendar header .prev:not(.disabled):hover,.vuejs3-datepicker__calendar header .up:not(.disabled):hover{background:#f8f8f8}.vuejs3-datepicker__calendar .disabled{color:#ddd;cursor:default}.vuejs3-datepicker__calendar .flex-rtl{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:inherit}.vuejs3-datepicker__calendar .cell{border:1px solid transparent;display:inline-block;font-size:14px;height:40px;line-height:40px;padding:0 5px;text-align:center;vertical-align:middle;width:14.285714285714286%}.vuejs3-datepicker__calendar .cell.month,.vuejs3-datepicker__calendar .cell.year{height:50px;line-height:28px;padding:10px 5px}.vuejs3-datepicker__calendar .cell.day-header{text-transform:uppercase}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year{cursor:pointer;transition:.45s}.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,.vuejs3-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border:1px solid #40b983}.vuejs3-datepicker__calendar .cell.selected{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.selected:hover{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted{background:#40b983;color:#fff}.vuejs3-datepicker__calendar .cell.highlighted.selected{background:#40b983}.vuejs3-datepicker__calendar .cell.highlighted.disabled{color:#a3a3a3}.vuejs3-datepicker__calendar .cell.highlighted.highlight-start,.vuejs3-datepicker__calendar .cell.highlighted:last-child{background:#2f9668}.vuejs3-datepicker__calendar .cell.grey{color:#888}.vuejs3-datepicker__calendar .cell.grey:hover{background:inherit}.vuejs3-datepicker__calendar .cell.day-header{cursor:inherit;font-size:75%;white-space:nowrap}.vuejs3-datepicker__calendar .cell.day-header:hover{background:inherit}.vuejs3-datepicker__calendar .month,.vuejs3-datepicker__calendar .year{width:33.333%}.vuejs3-datepicker__calendar-button,.vuejs3-datepicker__clear-button{cursor:pointer;font-style:normal;position:absolute;right:12px;top:12px}.vuejs3-datepicker__calendar-button.disabled,.vuejs3-datepicker__clear-button.disabled{color:#999;cursor:default}.vuejs3-datepicker #calendar-div{background-color:#fff;border-radius:5px}.dp-error{color:red;font-size:12px}.backdrop{background-color:#00000080;bottom:0;cursor:pointer;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}
+`,document.head.appendChild(I);const ae=["click"],J=[],ne={instances:J,beforeMount:X,update:(e,a)=>{JSON.stringify(a.value)!==JSON.stringify(a.oldValue)&&X(e,a)},unmounted:x};function X(e,{value:a}){x(e);const r=a,s=typeof r=="function";if(!s&&!(typeof r=="object")||!(r.isActive!==!1))return;const o=s?r:r.handler,c=oe({el:e,handler:o});c.eventHandlers.forEach(({event:w,handler:V})=>setTimeout(()=>document.addEventListener(w,V,!1),0)),J.push(c)}function x(e){const a=J.findIndex(s=>s.el===e);if(a===-1)return;J[a].eventHandlers.forEach(({event:s,handler:i})=>document.removeEventListener(s,i,!1)),J.splice(a,1)}function oe({el:e,handler:a}){return{el:e,eventHandlers:ae.map(r=>({event:r,handler:s=>re({event:s,el:e,handler:a})}))}}function re({event:e,el:a,handler:r}){const s=e.path||(e.composedPath?e.composedPath():void 0);if(s?s.indexOf(a)<0:!a.contains(e.target))return r&&r(e,a)}const se=t.defineComponent({name:"IconView",props:{height:{type:[String,Number],default:"16"},width:{type:[String,Number],default:"16"},color:{type:String,default:"black"},customClass:{type:String,required:!1,default:""}},setup(){return{}}}),P=(e,a)=>{const r=e.__vccOpts||e;for(const[s,i]of a)r[s]=i;return r},le=["height","width"],ie=["fill"];function de(e,a,r,s,i,f){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(e.customClass)},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",height:e.height,width:e.width,role:"img","aria-hidden":"true","data-icon":"calendarAlt"},[t.createElementVNode("path",{fill:e.color,d:"M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z"},null,8,ie)],8,le))],2)}const ce=P(se,[["render",de]]),h=(e,a=!1)=>a?e.getUTCFullYear():e.getFullYear(),D=(e,a=!1)=>a?e.getUTCMonth():e.getMonth(),B=(e,a=!1)=>a?e.getUTCDate():e.getDate(),$=(e,a=!1)=>a?e.getUTCDay():e.getDay(),_=(e,a,r=!1)=>r?e.setUTCFullYear(a):e.setFullYear(a),ee=(e,a,r=!1)=>r?e.setUTCMonth(a):e.setMonth(a),L=(e,a,r=!1)=>r?e.setUTCDate(a):e.setDate(a),W=(e,a,r=!1)=>{const s=new Date(e.getTime()),i=new Date(a.getTime());return r?(s.setUTCHours(0,0,0,0),i.setUTCHours(0,0,0,0)):(s.setHours(0,0,0,0),i.setHours(0,0,0,0)),s.getTime()===i.getTime()},me=e=>Object.prototype.toString.call(e)!=="[object Date]"?!1:!Number.isNaN(e.getTime()),q=(e,a)=>{if(typeof e!="object")throw TypeError("Invalid Type");return a[$(e)]},H=(e,a)=>{if(!a)throw Error("missing 2nd parameter Months array");if(typeof e=="object")return a[D(e)];if(typeof e=="number")return a[e];throw TypeError("Invalid type")},G=(e,a)=>{if(!a)throw Error("missing 2nd paramter Months array");if(typeof e=="object")return a[D(e)];if(typeof e=="number")return a[e];throw TypeError("Invalid type")},ue=(e,a)=>/8|3|5|10/.test(a)?30:a===1?!(e%4)&&e%100||!(e%400)?29:28:31,fe=e=>{switch(e){case 1:case 21:case 31:return"st";case 2:case 22:return"nd";case 3:case 23:return"rd";default:return"th"}},he=(e,a,r)=>{const s=h(e),i=D(e)+1,f=B(e);return a.replace(/dd/,`0${f}`.slice(-2)).replace(/d/,f).replace(/yyyy/,s).replace(/yy/,String(s).slice(2)).replace(/MMMM/,H(D(e),r.months)).replace(/MMM/,G(D(e),r.monthsAbbr)).replace(/MM/,`0${i}`.slice(-2)).replace(/M(?!a|ä|e)/,i.toString()).replace(/su/,fe(B(e))).replace(/D(?!e|é|i)/,q(e,r.days))},ye=e=>e===null||e instanceof Date||typeof e=="string"||typeof e=="number",E=e=>typeof e=="string"?new Date(e):e,pe=t.defineComponent({name:"DateInput",inheritAttrs:!1,components:{IconView:ce},props:{selectedDate:{type:[Date,String],default:null},resetTypedDate:{type:[Date],default:new Date},format:{type:[String,Function]},translation:{type:Object},inline:{type:Boolean},id:{type:String},name:{type:String},openDate:{type:Date},placeholder:{type:String},inputClass:{type:[String,Object,Array]},clearButton:{type:Boolean},clearButtonIcon:{type:String},calendarButton:{type:Boolean},calendarButtonIcon:{type:String},calendarButtonIconContent:{type:String},disabled:{type:Boolean},required:{type:Boolean},typeable:{type:Boolean},addBootstrapClass:{type:Boolean,default:!1,required:!1},useUtc:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},hideInput:{type:Boolean,default:!0},fullMonthName:{type:Boolean,default:!1},iconColor:{default:"black",type:String},iconHeight:{default:16,type:[String,Number]},iconWidth:{default:16,type:[String,Number]},theme:{default:"green",type:String}},emits:["show-calendar","typed-date","clear-date","close-calendar"],setup(e,{emit:a}){const r=t.ref(),s=t.ref(null),i=t.computed(()=>e.addBootstrapClass?typeof e.inputClass=="string"?[e.inputClass,"form-control"].join(" "):{"form-control":!0,...e.inputClass}:e.inputClass),f=t.computed(()=>{var S,b;if(!e.selectedDate)return null;if(r.value)return r.value;const N=E(e.selectedDate);let k=typeof e.format=="function"?e.format(N):he(N,e.format,e.translation);if(e.minimumView===e.maximumView){const[,z,F]=k.split(" ");if(e.maximumView==="month"){if(e.fullMonthName){const A=(S=e.translation)==null?void 0:S.monthsAbbr.indexOf(z);return(b=e.translation)==null?void 0:b.months[A]}k=z}else e.maximumView==="year"&&(k=F)}return k});t.watch(()=>e.resetTypedDate,()=>{r.value=""});function o(){a("show-calendar")}function c(N){if([27,13].includes(N.keyCode)&&s.value.blur(),e.typeable){const{value:k}=s.value,S=Date.parse(k);Number.isNaN(S)||(r.value=k,a("typed-date",new Date(S)))}}function w(){a("clear-date")}function V(){e.typeable&&Number.isNaN(Date.parse(s.value.value))&&(w(),s.value.value=null,r.value=""),a("close-calendar",!0)}return{typedDate:r,computedInputClass:i,formattedValue:f,showCalendar:o,parseTypedDate:c,inputBlurred:V,inputRef:s,clearDate:w}}}),St="",ge={key:0},De={key:1,style:{position:"relative"}},be={key:0},we=["type","name","id","value","open-date","placeholder","clear-button","disabled","required","readonly"],Ne={key:0,class:"vuejs3-datepicker__value"},ke={class:"vuejs3-datepicker__icon"},Se={key:0,class:"vuejs3-datepicker__content"},Ce={key:1,class:"vuejs3-datepicker__content"},Ve={key:0};function Me(e,a,r,s,i,f){const o=t.resolveComponent("IconView");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([e.addBootstrapClass?"input-group":""])},[e.calendarButton?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["vuejs3-datepicker__calendar-button",{"input-group-prepend":e.addBootstrapClass,"cursor-na":e.disabled}]),onClick:a[0]||(a[0]=(...c)=>e.showCalendar&&e.showCalendar(...c))},[t.createElementVNode("span",{class:t.normalizeClass({"input-group-text":e.addBootstrapClass})},[t.createElementVNode("i",{class:t.normalizeClass(e.calendarButtonIcon)},[t.createTextVNode(t.toDisplayString(e.calendarButtonIconContent)+" ",1),e.calendarButtonIcon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",ge,"…"))],2)],2)],2)):t.createCommentVNode("",!0),e.typeable||!e.hideInput?(t.openBlock(),t.createElementBlock("div",De,[e.inline?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",be,[t.createVNode(o,{customClass:"vuejs3-datepicker__typeablecalendar",color:e.iconColor,width:e.iconWidth,height:e.iconHeight},null,8,["color","width","height"])])),t.createElementVNode("input",t.mergeProps(e.$attrs,{type:e.inline?"hidden":"text",class:[e.computedInputClass,"vuejs3-datepicker__inputvalue"],name:e.name,ref:"inputRef",id:e.id,value:e.formattedValue,"open-date":e.openDate,placeholder:e.placeholder,"clear-button":e.clearButton,disabled:e.disabled,required:e.required,readonly:!e.typeable,onClick:a[1]||(a[1]=(...c)=>e.showCalendar&&e.showCalendar(...c)),onKeyup:a[2]||(a[2]=(...c)=>e.parseTypedDate&&e.parseTypedDate(...c)),onBlur:a[3]||(a[3]=(...c)=>e.inputBlurred&&e.inputBlurred(...c)),autocomplete:"off"}),null,16,we)])):(t.openBlock(),t.createElementBlock("div",{key:2,onClick:a[4]||(a[4]=(...c)=>e.showCalendar&&e.showCalendar(...c)),id:"calendar-div"},[e.inline?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",Ne,[t.createElementVNode("span",ke,[t.createVNode(o,{color:e.iconColor,width:e.iconWidth,height:e.iconHeight},null,8,["color","width","height"])]),e.formattedValue?(t.openBlock(),t.createElementBlock("div",Se,t.toDisplayString(e.formattedValue),1)):(t.openBlock(),t.createElementBlock("div",Ce,t.toDisplayString(e.placeholder),1))]))])),e.clearButton&&e.selectedDate?(t.openBlock(),t.createElementBlock("span",{key:3,class:t.normalizeClass(["vuejs3-datepicker__clear-button",{"input-group-append":e.addBootstrapClass}]),onClick:a[5]||(a[5]=c=>e.clearDate())},[t.createElementVNode("span",{class:t.normalizeClass({"input-group-text":e.addBootstrapClass})},[t.createElementVNode("i",{class:t.normalizeClass(e.clearButtonIcon)},[e.clearButtonIcon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Ve,"×"))],2)],2)],2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"belowDate",{},void 0,!0)],2)}const Be=P(pe,[["render",Me],["__scopeId","data-v-d224d91b"]]),Te=t.defineComponent({name:"PickerDay",props:{showDayView:{type:Boolean},selectedDate:{type:[String,Date],required:!1,default:null},pageDate:{type:Date,default:new Date},fullMonthName:{type:Boolean},allowedToShowView:{type:Function,required:!0},dayCellContent:{type:Function,default:e=>e.date},disabledDates:{type:Object},highlighted:{type:Object},calendarClass:{type:[String,Object,Array]},calendarStyle:{type:Object},translation:{type:Object},isRtl:{type:Boolean},mondayFirst:{type:Boolean},useUtc:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},preventDisableDateSelection:{type:Boolean,default:!0},theme:{default:"green",type:String}},emits:["show-year-calendar","changed-month","show-month-calendar","selected-disabled","select-date"],setup(e,{emit:a}){function r(n){n.isDisabled?(a("selected-disabled",n),e.preventDisableDateSelection||a("select-date",n)):a("select-date",n)}function s(){a("show-month-calendar")}function i(){a("show-year-calendar")}function f(n){const d=e.pageDate;ee(d,D(d)+n),a("changed-month",d)}function o(){const n=e.disabledDates;if(!n||!n.to)return!1;const d=e.pageDate;return D(n.to)>=D(d)&&h(n.to)>=h(d)}function c(){o()||f(-1)}function w(){const n=e.disabledDates;if(!n||!n.from)return!1;const d=e.pageDate;return D(n.from)<=D(d)&&h(n.from)<=h(d)}function V(){w()||f(1)}function N(n){const d=E(e.selectedDate);return e.selectedDate?W(d,n):!1}function k(n){let d=!1;const u=e.disabledDates;return u?typeof u>"u"?!1:(typeof u.dates<"u"&&u.dates.forEach(O=>{W(n,O)&&(d=!0)}),typeof u.to<"u"&&u.to&&n<u.to&&(d=!0),typeof u.from<"u"&&u.from&&n>u.from&&(d=!0),typeof u.days<"u"&&u.days.indexOf($(n))!==-1&&(d=!0),typeof u.daysOfMonth<"u"&&u.daysOfMonth.indexOf(B(n))!==-1&&(d=!0),typeof u.customPredictor=="function"&&u.customPredictor(n)&&(d=!0),d):d}function S(n){return typeof n<"u"&&n}function b(n){const d=e.highlighted;if(!(d&&d.includeDisabled)&&k(n))return!1;let u=!1;return typeof d>"u"?!1:(typeof d.dates<"u"&&d.dates.forEach(O=>{W(n,O)&&(u=!0)}),S(d.from)&&S(d.to)&&(u=n>=d.from&&n<=d.to),typeof d.days<"u"&&d.days.indexOf($(n))!==-1&&(u=!0),typeof d.daysOfMonth<"u"&&d.daysOfMonth.indexOf(B(n))!==-1&&(u=!0),typeof d.customPredictor=="function"&&d.customPredictor(n)&&(u=!0),u)}function z(n){return{selected:n.isSelected,disabled:n.isDisabled,highlighted:n.isHighlighted,today:n.isToday,weekend:n.isWeekend,sat:n.isSaturday,sun:n.isSunday,"highlight-start":n.isHighlightStart,"highlight-end":n.isHighlightEnd}}function F(n){const d=e.highlighted;return d?b(n)&&d.from instanceof Date&&h(d.from)===h(n)&&D(d.from)===D(n)&&B(d.from)===B(n):!1}function A(n){const d=e.highlighted;return d?b(n)&&d.to instanceof Date&&h(d.to)===h(n)&&D(d.to)===D(n)&&B(d.to)===B(n):!1}const M=t.computed(()=>{if(e.mondayFirst){const n=e.translation&&e.translation.days&&e.translation.days.slice();return n.push(n.shift()),n}return e.translation&&e.translation.days}),T=t.computed(()=>{const n=e.pageDate,d=e.useUtc?new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),1)):new Date(n.getFullYear(),n.getMonth(),1,n.getHours(),n.getMinutes());return e.mondayFirst?$(d)>0?$(d)-1:6:$(d)}),j=t.computed(()=>{const n=e.pageDate,d=[],u=e.useUtc?new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),1)):new Date(n.getFullYear(),n.getMonth(),1,n.getHours(),n.getMinutes()),O=ue(h(u),D(u));for(let U=0;U<O;U+=1)d.push({date:B(u),timestamp:u.getTime(),isSelected:N(u),isDisabled:k(u),isHighlighted:b(u),isHighlightStart:F(u),isHighlightEnd:A(u),isToday:W(u,new Date),isWeekend:$(u)===0||$(u)===6,isSaturday:$(u)===6,isSunday:$(u)===0}),L(u,B(u)+1);return d}),m=t.computed(()=>{const n=e.fullMonthName?e.translation&&e.translation.months:e.translation&&e.translation.monthsAbbr;return G(D(e.pageDate),n)}),l=t.computed(()=>{const n=e.translation&&e.translation.months;return H(D(e.pageDate),n)}),p=t.computed(()=>{const n=e.translation&&e.translation.yearSuffix;return`${h(e.pageDate)}${n}`}),g=t.computed(()=>(e.translation&&e.translation.ymd&&e.translation&&e.translation.ymd)===!0),Y=t.computed(()=>e.isRtl?w():o()),R=t.computed(()=>e.isRtl?o():w()),Q=t.computed(()=>{const n=E(e.selectedDate);return e.selectedDate?q(n,e.translation&&e.translation.daysNames):null}),v=t.computed(()=>{const n=E(e.selectedDate);return e.selectedDate?B(n):null}),Z=t.computed(()=>!(e.minimumView===e.maximumView&&(e.minimumView!=="day"||e.maximumView!=="day")));return{isDefined:S,showMonthCalendar:s,daysOfWeek:M,blankDays:T,isYmd:g,days:j,currMonthName:m,currYearName:p,isLeftNavDisabled:Y,isRightNavDisabled:R,selectDate:r,previousMonth:c,nextMonth:V,dayClasses:z,monthName:l,getDayName:Q,getDisplayDate:v,showYearCalendar:i,isNextMonthDisabled:w,ifDifferentViews:Z,isSelectedDate:N,isDisabledDate:k,isHighlightedDate:b,isHighlightStart:F,isHighlightEnd:A}}}),je={key:0,class:"vuejs3-datepicker__calendar-topbar"},Fe={key:0,class:"vuejs3-datepicker__calendar-topbar-day"},$e={class:"vuejs3-datepicker__calendar-actionarea"},Ee=["innerHTML","onClick"];function ze(e,a,r,s,i,f){return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker__calendar",`vuejs3-${e.theme}`,e.calendarClass]),style:t.normalizeStyle(e.calendarStyle),onMousedown:a[4]||(a[4]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(e.$slots,"customCalendarHeader"),e.ifDifferentViews&&e.selectedDate?(t.openBlock(),t.createElementBlock("section",je,[t.createElementVNode("p",{class:"vuejs3-datepicker__calendar-topbar-year",onClick:a[0]||(a[0]=(...o)=>e.showYearCalendar&&e.showYearCalendar(...o))},t.toDisplayString(e.currYearName),1),t.renderSlot(e.$slots,"formatDateTopBar",{},()=>[e.selectedDate?(t.openBlock(),t.createElementBlock("p",Fe,t.toDisplayString(e.getDayName)+" "+t.toDisplayString(e.getDisplayDate)+" "+t.toDisplayString(e.monthName),1)):t.createCommentVNode("",!0)])])):t.createCommentVNode("",!0),t.createElementVNode("div",$e,[t.createElementVNode("header",null,[t.createElementVNode("span",{onClick:a[1]||(a[1]=o=>e.isRtl?e.nextMonth():e.previousMonth()),class:t.normalizeClass(["prev",{disabled:e.isLeftNavDisabled}])},"<",2),t.createElementVNode("span",{class:t.normalizeClass(["day__month_btn",e.allowedToShowView("month")?"up":""]),onClick:a[2]||(a[2]=(...o)=>e.showMonthCalendar&&e.showMonthCalendar(...o))},t.toDisplayString(e.isYmd?e.currYearName:e.currMonthName)+" "+t.toDisplayString(e.isYmd?e.currMonthName:e.currYearName),3),t.createElementVNode("span",{onClick:a[3]||(a[3]=o=>e.isRtl?e.previousMonth():e.nextMonth()),class:t.normalizeClass(["next",{disabled:e.isRightNavDisabled}])},">",2)]),t.createElementVNode("div",{class:t.normalizeClass(e.isRtl?"flex-rtl":"")},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.daysOfWeek,o=>(t.openBlock(),t.createElementBlock("span",{class:"cell day-header",key:o.timestamp},t.toDisplayString(o),1))),128)),e.blankDays>0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.blankDays,o=>(t.openBlock(),t.createElementBlock("span",{class:"cell day blank",key:o.timestamp}))),128)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.days,o=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cell day",e.dayClasses(o)]),key:o.timestamp,innerHTML:e.dayCellContent(o),onClick:c=>e.selectDate(o)},null,10,Ee))),128))],2)])],38)),[[t.vShow,e.showDayView]])}const Ae=P(Te,[["render",ze]]),Ye=t.defineComponent({name:"PickerMonth",props:{showMonthView:{type:Boolean},selectedDate:{type:[String,Date],required:!1,default:null},pageDate:{type:Date,default:new Date},disabledDates:{type:Object},calendarClass:{type:[String,Object,Array]},calendarStyle:{type:Object},translation:{type:Object},isRtl:{type:Boolean},allowedToShowView:{type:Function,required:!0},useUtc:{type:Boolean},fullMonthName:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},theme:{default:"green",type:String}},setup(e,{emit:a}){function r(l){l.isDisabled||a("select-month",l)}function s(l){const p=e.pageDate;_(p,h(p)+l),a("changed-year",p)}function i(){const l=e.disabledDates;return!l||!l.to?!1:h(l.to)>=h(e.pageDate)}function f(){i()||s(-1)}function o(){const l=e.disabledDates;return!l||!l.from?!1:h(l.from)<=h(e.pageDate)}function c(){o()||s(1)}function w(){a("show-year-calendar")}function V(l){const p=E(e.selectedDate);return p&&h(p)===h(l)&&D(p)===D(l)}function N(l){let p=!1;const g=e.disabledDates;return!g||typeof g>"u"?!1:(typeof g.to<"u"&&g.to&&(D(l)<D(g.to)&&h(l)<=h(g.to)||h(l)<h(g.to))&&(p=!0),typeof g.from<"u"&&g.from&&(D(l)>D(g.from)&&h(l)>=h(g.from)||h(l)>h(g.from))&&(p=!0),typeof g.customPredictor=="function"&&g.customPredictor(l)&&(p=!0),p)}const k=t.computed(()=>{const l=e.pageDate,p=[],g=e.useUtc?new Date(Date.UTC(l.getUTCFullYear(),0,l.getUTCDate())):new Date(l.getFullYear(),0,l.getDate(),l.getHours(),l.getMinutes());for(let Y=0;Y<12;Y+=1)p.push({month:H(Y,e.translation&&e.translation.months),timestamp:g.getTime(),isSelected:V(g),isDisabled:N(g)}),ee(g,D(g)+1);return p}),S=t.computed(()=>{const l=e.translation&&e.translation.yearSuffix;return`${h(e.pageDate)}${l}`}),b=t.computed(()=>e.isRtl?o():i()),z=t.computed(()=>e.isRtl?i():o()),F=t.computed(()=>{const l=e.translation&&e.translation.months;return H(D(e.pageDate),l)}),A=t.computed(()=>{const l=E(e.selectedDate);return e.selectedDate?B(l):null}),M=t.computed(()=>{const l=E(e.selectedDate);return e.selectedDate?q(l,e.translation&&e.translation.daysNames):null}),T=t.computed(()=>{const l=e.translation&&e.translation.yearSuffix;return`${h(e.pageDate)}${l}`}),j=t.computed(()=>{const l=e.fullMonthName?e.translation&&e.translation.months:e.translation&&e.translation.monthsAbbr;return G(D(e.pageDate),l)}),m=t.computed(()=>!(e.minimumView===e.maximumView&&(e.minimumView!=="day"||e.maximumView!=="day")));return{isRightNavDisabled:z,isLeftNavDisabled:b,pageYearName:S,months:k,selectMonth:r,previousYear:f,nextYear:c,currYearName:T,getDisplayDate:A,monthName:F,showYearCalendar:w,getDayName:M,currMonthName:j,ifDifferentViews:m,isSelectedMonth:V,isDisabledMonth:N}}}),Oe={key:0,class:"vuejs3-datepicker__calendar-topbar"},Ie={key:0,class:"vuejs3-datepicker__calendar-topbar-day"},Pe={class:"vuejs3-datepicker__calendar-actionarea"},Je=["onClick"];function He(e,a,r,s,i,f){return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker__calendar",`vuejs3-${e.theme}`,e.calendarClass]),style:t.normalizeStyle(e.calendarStyle),onMousedown:a[4]||(a[4]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(e.$slots,"customCalendarHeader"),e.ifDifferentViews?(t.openBlock(),t.createElementBlock("section",Oe,[t.createElementVNode("p",{class:"vuejs3-datepicker__calendar-topbar-year",onClick:a[0]||(a[0]=(...o)=>e.showYearCalendar&&e.showYearCalendar(...o))},t.toDisplayString(e.currYearName),1),t.renderSlot(e.$slots,"formatDateTopBar",{},()=>[e.selectedDate?(t.openBlock(),t.createElementBlock("p",Ie,t.toDisplayString(e.getDayName)+" "+t.toDisplayString(e.getDisplayDate)+" "+t.toDisplayString(e.monthName),1)):t.createCommentVNode("",!0)])])):t.createCommentVNode("",!0),t.createElementVNode("div",Pe,[t.createElementVNode("header",null,[t.createElementVNode("span",{onClick:a[1]||(a[1]=o=>e.isRtl?e.nextYear():e.previousYear()),class:t.normalizeClass(["prev",{disabled:e.isLeftNavDisabled}])},"<",2),t.createElementVNode("span",{class:t.normalizeClass(["month__year_btn",e.allowedToShowView("year")?"up":""]),onClick:a[2]||(a[2]=(...o)=>e.showYearCalendar&&e.showYearCalendar(...o))},t.toDisplayString(e.pageYearName),3),t.createElementVNode("span",{onClick:a[3]||(a[3]=o=>e.isRtl?e.previousYear():e.nextYear()),class:t.normalizeClass(["next",{disabled:e.isRightNavDisabled}])},">",2)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.months,o=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cell month",{selected:o.isSelected,disabled:o.isDisabled}]),key:o.timestamp,onClick:t.withModifiers(c=>e.selectMonth(o),["stop"])},t.toDisplayString(o.month),11,Je))),128))])],38)),[[t.vShow,e.showMonthView]])}const Re=P(Ye,[["render",He]]),ve=t.defineComponent({name:"PickerYear",props:{showYearView:{type:Boolean},selectedDate:{type:[String,Date],required:!1,default:null},pageDate:{type:Date,default:new Date},disabledDates:{type:Object},highlighted:{type:Object},calendarClass:{type:[String,Object,Array]},calendarStyle:{type:Object},translation:{type:Object},isRtl:{type:Boolean},allowedToShowView:{type:Function,required:!0},useUtc:{type:Boolean},fullMonthName:{type:Boolean},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},theme:{default:"green",type:String}},emits:["select-year","changed-decade"],setup(e,{emit:a}){function r(m){m.isDisabled||a("select-year",m)}function s(m){const l=e.pageDate;_(l,h(l)+m),a("changed-decade",l)}function i(){const m=e.disabledDates;if(!m||!m.to)return!1;const l=h(m.to),p=Math.floor(h(e.pageDate)/10)*10-1;return l>p}function f(){i()||s(-10)}function o(){const m=e.disabledDates;if(!m||!m.from)return!1;const l=h(m.from),p=Math.ceil(h(e.pageDate)/10)*10;return l<=p}function c(){o()||s(10)}function w(m){const l=E(e.selectedDate);return e.selectedDate?h(l)===h(m):!1}function V(m){let l=!1;return typeof e.disabledDates>"u"||!e.disabledDates?!1:(typeof e.disabledDates.to<"u"&&e.disabledDates.to&&h(m)<h(e.disabledDates.to)&&(l=!0),typeof e.disabledDates.from<"u"&&e.disabledDates.from&&h(m)>h(e.disabledDates.from)&&(l=!0),typeof e.disabledDates.customPredictor=="function"&&(l=e.disabledDates.customPredictor(m)),l)}const N=t.computed(()=>{const m=e.pageDate,l=[],p=e.useUtc?new Date(Date.UTC(Math.floor(m.getUTCFullYear()/10)*10,m.getUTCMonth(),m.getUTCDate())):new Date(Math.floor(m.getFullYear()/10)*10,m.getMonth(),m.getDate(),m.getHours(),m.getMinutes());for(let g=0;g<10;g+=1)l.push({year:h(p),timestamp:p.getTime(),isSelected:w(p),isDisabled:V(p)}),_(p,h(p)+1);return l}),k=t.computed(()=>{const m=Math.floor(h(e.pageDate)/10)*10,l=m+9,p=e.translation&&e.translation.yearSuffix;return`${m} - ${l}${p}`}),S=t.computed(()=>e.isRtl?o():i()),b=t.computed(()=>e.isRtl?i():o()),z=t.computed(()=>{const m=E(e.selectedDate);return e.selectedDate?q(m,e.translation&&e.translation.daysNames):null}),F=t.computed(()=>{const m=e.translation&&e.translation.months;return H(D(e.pageDate),m)}),A=t.computed(()=>{const m=E(e.selectedDate);return e.selectedDate?B(m):null}),M=t.computed(()=>{const m=e.translation&&e.translation.yearSuffix;return`${h(e.pageDate)}${m}`}),T=t.computed(()=>{const m=e.fullMonthName?e.translation&&e.translation.months:e.translation&&e.translation.monthsAbbr;return G(D(e.pageDate),m)}),j=t.computed(()=>!(e.minimumView===e.maximumView&&(e.minimumView!=="day"||e.maximumView!=="day")));return{isRightNavDisabled:b,isLeftNavDisabled:S,getPageDecade:k,years:N,nextDecade:c,previousDecade:f,selectYear:r,getDayName:z,monthName:F,getDisplayDate:A,currYearName:M,currMonthName:T,ifDifferentViews:j,isNextDecadeDisabled:o,isPreviousDecadeDisabled:i,isDisabledYear:V}}}),Ue={key:0,class:"vuejs3-datepicker__calendar-topbar"},Le={class:"vuejs3-datepicker__calendar-topbar-year"},We={key:0,class:"vuejs3-datepicker__calendar-topbar-day"},qe={class:"vuejs3-datepicker__calendar-actionarea"},Ge=["onClick"];function Ke(e,a,r,s,i,f){return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker__calendar",`vuejs3-${e.theme}`,e.calendarClass]),style:t.normalizeStyle(e.calendarStyle),onMousedown:a[2]||(a[2]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(e.$slots,"customCalendarHeader"),e.ifDifferentViews&&e.selectedDate?(t.openBlock(),t.createElementBlock("section",Ue,[t.createElementVNode("p",Le,t.toDisplayString(e.currYearName),1),t.renderSlot(e.$slots,"formatDateTopBar",{},()=>[e.selectedDate?(t.openBlock(),t.createElementBlock("p",We,t.toDisplayString(e.getDayName)+" "+t.toDisplayString(e.getDisplayDate)+" "+t.toDisplayString(e.monthName),1)):t.createCommentVNode("",!0)])])):t.createCommentVNode("",!0),t.createElementVNode("div",qe,[t.createElementVNode("header",null,[t.createElementVNode("span",{onClick:a[0]||(a[0]=o=>e.isRtl?e.nextDecade():e.previousDecade()),class:t.normalizeClass(["prev",{disabled:e.isLeftNavDisabled}])},"<",2),t.createElementVNode("span",null,t.toDisplayString(e.getPageDecade),1),t.createElementVNode("span",{onClick:a[1]||(a[1]=o=>e.isRtl?e.previousDecade():e.nextDecade()),class:t.normalizeClass(["next",{disabled:e.isRightNavDisabled}])},">",2)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.years,o=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["cell year",{selected:o.isSelected,disabled:o.isDisabled}]),key:o.timestamp,onClick:t.withModifiers(c=>e.selectYear(o),["stop"])},t.toDisplayString(o.year),11,Ge))),128))])],38)),[[t.vShow,e.showYearView]])}const _e=P(ve,[["render",Ke]]),Qe=()=>{const e="العربية";return{months:["كانون الثاني","شباط","آذار","نيسان","ايار","حزيران","تموز","آب","أيلول","تشرين الاول","تشرين الثاني","كانون الاول"],monthsAbbr:["كانون الثاني","شباط","آذار","نيسان","ايار","حزيران","تموز","آب","أيلول","تشرين الاول","تشرين الثاني","كانون الاول"],days:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت"],language:e,yearSuffix:"",ymd:!1,rtl:!0,langName:e,daysNames:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت"]}},Ze=()=>{const e="Afrikaans",a=["Januarie","Februarie","Maart","April","Mei","Junie","Julie","Augustus","September","Oktober","November","Desember"],r=["Jan","Feb","Mrt","Apr","Mei","Jun","Jul","Aug","Sep","Okt","Nov","Des"],s=["So.","Ma.","Di.","Wo.","Do.","Vr.","Sa."];return{months:a,monthsAbbr:r,days:s,yearSuffix:"",ymd:!1,rtl:!1,language:e,langName:e,daysNames:s}},Xe=()=>{const e="German";return{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsAbbr:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],days:["So","Mo","Di","Mi","Do","Fr","Sa"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"]}},xe=()=>{const e="English";return{months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsAbbr:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],days:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]}},et=()=>{const e="Español";return{months:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],monthsAbbr:["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],days:["Dom","Lun","Mar","Mie","Jue","Vie","Sab"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"]}},tt=()=>{const e="Français";return{months:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],monthsAbbr:["Jan","Fév","Mar","Avr","Mai","Jui","Juil","Aoû","Sep","Oct","Nov","Déc"],days:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"]}},at=()=>{const e="Hindi";return{months:["जनवरी","फ़रवरी","मार्च","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"],monthsAbbr:["जन","फ़र","मार्च","अप्रै","मई","जून","जुला","अगस्त","सितं","अक्टू","नवं","दिसं"],days:["रवि","सोम","मंगल","बुध","गुरु","शुक्र","शनि"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["रविवार","सोमवार","मंगलवार","बुधवार","गुरुवार","शुक्रवार","शनिवार"]}},nt=()=>{const e="Japanese";return{months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],monthsAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],days:["日","月","火","水","木","金","土"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"]}},ot=()=>{const e="Dutch",a=["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],r=["jan.","feb.","mrt.","apr.","mei","juni","juli","aug.","sep.","okt.","nov.","dec."],s=["zo.","ma.","di.","wo.","do.","vr.","za."];return{months:a,monthsAbbr:r,days:s,yearSuffix:"",ymd:!1,rtl:!1,langName:e,language:e,daysNames:s}},rt=()=>{const e="Português";return{months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],monthsAbbr:["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],days:["Dom","Seg","Ter","Qua","Qui","Sex","Sab"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Domingo","Segunda-Feira","Terça-Feira","Quarta-Feira","Quinta-Feira","Sexta-Feira","Sábado"]}},st=()=>{const e="Italian";return{months:["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],monthsAbbr:["Gen","Feb","Mar","Apr","Mag","Giu","Lug","Ago","Set","Ott","Nov","Dic"],days:["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Domenica","Lunedì","Martedì","Mercoledì","Gioved","Venerdì","Sabato"]}},lt=()=>{const e="Polish";return{months:["Styczeń","Luty","Marzec","Kwiecień","Maj","Czerwiec","Lipiec","Sierpień","Wrzesień","Październik","Listopad","Grudzień"],monthsAbbr:["Sty","Lut","Mar","Kwi","Maj","Cze","Lip","Sie","Wrz","Paź","Lis","Gru"],days:["Nd","Pn","Wt","Śr","Cz","Pt","So"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Niedziela","Poniedziałek","Wtorek","Środa","Czwartek","Piątek","Sobota"]}},it=()=>{const e="Russian";return{months:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],monthsAbbr:["Янв.","Фев.","Мар.","Апр.","Май","Июн.","Июл.","Авг.","Сен.","Окт.","Ноя.","Дек."],days:["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"]}},dt=()=>{const e="Türkçe";return{months:["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],monthsAbbr:["Oca","Şub","Mar","Nis"," May","Haz","Tem","Ağu","Eyl","Eki","Kas","Ara"],days:["Pzt","Sal","Çar","Per","Cum","Cmt","Pzr"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi","Pazar"]}},ct=()=>{const e="Vietnamese";return{months:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],monthsAbbr:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],days:["CN","H","B","T","N","S","B"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["CN","Thứ Hai","Thứ Ba","Thứ Tư","Thứ Năm","Thứ Sáu","Thứ Bảy"]}},mt=()=>{const e="Bulgarian";return{months:["Януари","Февруари","Март","Април","Май","Юни","Юли","Август","Септември","Октомври","Ноември","Декември"],monthsAbbr:["Яну","Фев","Мар","Апр","Май","Юни","Юли","Авг","Сеп","Окт","Ное","Дек"],days:["Нд","Пн","Вт","Ср","Чт","Пт","Сб"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Неделя","Понеделник","Вторник","Сряда","Четвъртък","Петък","Събота"]}},ut=()=>{const e="Arabic-Tunisia",a=["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويلية","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"];return{months:a,monthsAbbr:a,days:["أحد","أثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت"],language:e,yearSuffix:"",ymd:!1,rtl:!0,langName:e,daysNames:["الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت"]}},ft=()=>{const e="Indonesia";return{months:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","Desember"],monthsAbbr:["Jan","Feb","Mar","Apr","Mei","Jun","Jul","Agt","Sep","Okt","Nop","Des"],days:["Min","Sen","Sel","Rab","Kam","Jum","Sab"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"]}},ht=()=>{const e="kr";return{months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],monthsAbbr:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],days:["월요일","화요일","수요일","목요일","금요일","토요일","일요일"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["월요일","화요일","수요일","목요일","금요일","토요일","일요일"]}},yt=()=>{const e="繁體中文";return{months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],monthsAbbr:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],days:["日","一","二","三","四","五","六"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]}},pt=()=>{const e="Czech";return{months:["Leden","Únor","Březen","Duben","Smět","Červen","Červenec","Srpen","Září","Říjen","Listopad","Prosinec"],monthsAbbr:["Led","Úno","Bře","Dub","Smě","Čen","Čec","Srp","Zář","Říj","Lis","Pro"],days:["Ne","Po","Út","St","Čt","Pá","So"],language:e,yearSuffix:"",ymd:!1,rtl:!1,langName:e,daysNames:["Neděle","Pondělí","Úterý","Středa","Čtvrtek","Pátek","Sobota"]}},gt={ar:Qe(),af:Ze(),arTn:ut(),hi:at(),ja:nt(),de:Xe(),en:xe(),es:et(),fr:tt(),nl:ot(),pt:rt(),it:st(),pl:lt(),ru:it(),tr:dt(),zh_TW:yt(),vn:ct(),bg:mt(),kr:ht(),id:ft(),cs:pt()},Dt=t.defineComponent({name:"Datepicker",inheritAttrs:!1,components:{DateInput:Be,PickerDay:Ae,PickerMonth:Re,PickerYear:_e},directives:{clickoutside:ne},props:{modelValue:{type:[Date,String,Number]},value:{type:[Date,String,Number]},format:{type:[String,Function],default:"dd MMM yyyy"},language:{type:String,default:"en"},openDate:{validator:e=>ye(e),type:Date,default:new Date},minimumView:{type:String,default:"day"},maximumView:{type:String,default:"year"},name:{type:String},id:{type:String},dayCellContent:{type:Function},fullMonthName:{type:Boolean},disabledDates:{type:Object},highlighted:{type:Object},placeholder:{type:String},inline:{type:Boolean},calendarClass:{type:[String,Object,Array]},inputClass:{type:[String,Object,Array]},wrapperClass:{type:[String,Object,Array]},mondayFirst:{type:Boolean},clearButton:{type:Boolean},clearButtonIcon:{type:String},calendarButton:{type:Boolean},calendarButtonIcon:{type:String},calendarButtonIconContent:{type:String},addBootstrapClass:{type:Boolean},initialView:{type:String},disabled:{type:Boolean},required:{type:Boolean},typeable:{type:Boolean},useUtc:{type:Boolean},hideInput:{type:Boolean,default:!0},preventDisableDateSelection:{type:Boolean,default:!0},iconColor:{default:"black",type:String},iconHeight:{default:16,type:[String,Number]},iconWidth:{default:16,type:[String,Number]},theme:{default:"green",type:String}},emits:["input","cleared","update:modelValue","closed","changed-month","changed-year","changed-day","selected","selected-disabled"],setup(e,{emit:a}){const r=new Date(e.modelValue),s=t.ref(0),i=t.ref(null);e.modelValue&&me(r)&&(s.value=r.getTime(),i.value=r),e.openDate&&(s.value=L(new Date(e.openDate),1));const f=t.ref(!1),o=t.ref(!1),c=t.ref(!1),w=t.ref(0),V=t.ref(new Date),N=t.computed(()=>e.initialView?e.initialView:e.minimumView),k=t.computed(()=>new Date(s.value)),S=t.computed(()=>gt[e.language]),b=t.computed(()=>!!e.inline),z=t.computed(()=>({position:b.value?"static":void 0})),F=t.computed(()=>f.value||o.value||c.value),A=t.computed(()=>S.value&&S.value.rtl===!0);function M(y){y||(e.openDate?y=new Date(e.openDate):y=new Date),s.value=L(new Date(y),1)}function T(y){const C=["day","month","year"],K=C.indexOf(e.minimumView),kt=C.indexOf(e.maximumView),te=C.indexOf(y);return te>=K&&te<=kt}function j(y){f.value=!1,o.value=!1,c.value=!1,b.value||y&&a("closed")}function m(){return T("day")?(j(),f.value=!0,!0):!1}function l(){return T("month")?(j(),o.value=!0,!0):!1}function p(){return T("year")?(j(),c.value=!0,!0):!1}function g(){const y=N.value;if(!T(y))throw new Error(`initialView '${y}' cannot be rendered based on minimum '${e.minimumView}' and maximum '${e.maximumView}'`);switch(y){case"year":p();break;case"month":l();break;default:m();break}}function Y(){return e.disabled||b.value?!1:F.value?j(!0):(g(),!0)}function R(y){const C=new Date(y);i.value=C,M(C),a("selected",C),a("update:modelValue",C),a("input",C)}function Q(){i.value=null,M(),a("selected",null),e.modelValue?a("update:modelValue",null):a("input",null),a("cleared")}function v(y){R(y.timestamp),b.value||j(!0),V.value=new Date}function Z(y){a("selected-disabled",y)}function n(y){const C=new Date(y.timestamp);T("day")?(M(C),m()):v(y),a("changed-month",y)}function d(y){const C=new Date(y.timestamp);T("month")?(M(C),l()):v(y),a("changed-year",y)}function u(y){let C=y;if(typeof y=="string"||typeof y=="number"){const K=new Date(y);C=Number.isNaN(K.valueOf())?"":K}if(!C){M(),i.value=null;return}i.value=C,M(y)}function O(y){M(y),a("changed-month",y)}function U(y){R(y.getTime())}function wt(){e.value&&u(e.value),b.value&&g()}function Nt(){j()}return t.watch(()=>e.modelValue,y=>{u(y)}),t.watch(()=>e.value,y=>{u(y)}),t.watch(()=>e.openDate,()=>{M()}),t.watch(()=>e.initialView,()=>{g()}),wt(),{pageTimestamp:s,selectedDate:i,showDayView:f,showMonthView:o,showYearView:c,calendarHeight:w,resetTypedDate:V,pageDate:k,translation:S,calendarStyle:z,isOpen:F,isInline:b,isRtl:A,setTypedDate:U,handleChangedMonthFromDayPicker:O,selectYear:d,selectMonth:n,selectDisabledDate:Z,clearDate:Q,showCalendar:Y,close:j,allowedToShowView:T,showYearCalendar:p,showMonthCalendar:l,setPageDate:M,selectDate:v,closeOnClickOutside:Nt,showDayCalendar:m,computedInitialView:N,setDate:L,setDate1:R,setValue:u}}}),Ct="";function bt(e,a,r,s,i,f){const o=t.resolveComponent("date-input"),c=t.resolveComponent("picker-day"),w=t.resolveComponent("picker-month"),V=t.resolveComponent("picker-year"),N=t.resolveDirective("clickoutside");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vuejs3-datepicker",[e.isRtl?"rtl":"",`vuejs3-${e.theme}`,e.wrapperClass]])},[t.createVNode(o,t.mergeProps(e.$attrs,{selectedDate:e.selectedDate,resetTypedDate:e.resetTypedDate,format:e.format,translation:e.translation,inline:e.inline,id:e.id,name:e.name,fullMonthName:e.fullMonthName,openDate:e.openDate,placeholder:e.placeholder,inputClass:e.inputClass,typeable:e.typeable,clearButton:e.clearButton,clearButtonIcon:e.clearButtonIcon,calendarButton:e.calendarButton,calendarButtonIcon:e.calendarButtonIcon,calendarButtonIconContent:e.calendarButtonIconContent,disabled:e.disabled,required:e.required,addBootstrapClass:e.addBootstrapClass,"use-utc":e.useUtc,onShowCalendar:e.showCalendar,onCloseCalendar:e.close,onTypedDate:e.setTypedDate,onClearDate:e.clearDate,minimumView:e.minimumView,maximumView:e.maximumView,hideInput:e.hideInput,iconWidth:e.iconWidth,iconHeight:e.iconHeight,iconColor:e.iconColor,theme:e.theme}),{belowDate:t.withCtx(()=>[t.renderSlot(e.$slots,"belowDate")]),_:3},16,["selectedDate","resetTypedDate","format","translation","inline","id","name","fullMonthName","openDate","placeholder","inputClass","typeable","clearButton","clearButtonIcon","calendarButton","calendarButtonIcon","calendarButtonIconContent","disabled","required","addBootstrapClass","use-utc","onShowCalendar","onCloseCalendar","onTypedDate","onClearDate","minimumView","maximumView","hideInput","iconWidth","iconHeight","iconColor","theme"]),e.allowedToShowView("day")?(t.openBlock(),t.createBlock(c,{key:0,pageDate:e.pageDate,selectedDate:e.selectedDate,showDayView:e.showDayView,fullMonthName:e.fullMonthName,allowedToShowView:e.allowedToShowView,disabledDates:e.disabledDates,highlighted:e.highlighted,calendarClass:e.calendarClass,calendarStyle:e.calendarStyle,translation:e.translation,pageTimestamp:e.pageTimestamp,isRtl:e.isRtl,mondayFirst:e.mondayFirst,dayCellContent:e.dayCellContent,onChangedMonth:e.handleChangedMonthFromDayPicker,onSelectDate:e.selectDate,onShowMonthCalendar:e.showMonthCalendar,onSelectedDisabled:e.selectDisabledDate,onShowYearCalendar:e.showYearCalendar,minimumView:e.minimumView,maximumView:e.maximumView,preventDisableDateSelection:e.preventDisableDateSelection,theme:e.theme},{customCalendarHeader:t.withCtx(()=>[t.renderSlot(e.$slots,"customCalendarHeader")]),formatDateTopBar:t.withCtx(()=>[t.renderSlot(e.$slots,"formatDateTopBar")]),_:3},8,["pageDate","selectedDate","showDayView","fullMonthName","allowedToShowView","disabledDates","highlighted","calendarClass","calendarStyle","translation","pageTimestamp","isRtl","mondayFirst","dayCellContent","onChangedMonth","onSelectDate","onShowMonthCalendar","onSelectedDisabled","onShowYearCalendar","minimumView","maximumView","preventDisableDateSelection","theme"])):t.createCommentVNode("",!0),e.allowedToShowView("month")?(t.openBlock(),t.createBlock(w,{key:1,pageDate:e.pageDate,selectedDate:e.selectedDate,showMonthView:e.showMonthView,allowedToShowView:e.allowedToShowView,disabledDates:e.disabledDates,calendarClass:e.calendarClass,calendarStyle:e.calendarStyle,translation:e.translation,isRtl:e.isRtl,"use-utc":e.useUtc,fullMonthName:e.fullMonthName,onSelectMonth:e.selectMonth,onShowYearCalendar:e.showYearCalendar,onChangedYear:e.setPageDate,minimumView:e.minimumView,maximumView:e.maximumView,theme:e.theme},{customCalendarHeader:t.withCtx(()=>[t.renderSlot(e.$slots,"customCalendarHeader")]),formatDateTopBar:t.withCtx(()=>[t.renderSlot(e.$slots,"formatDateTopBar")]),_:3},8,["pageDate","selectedDate","showMonthView","allowedToShowView","disabledDates","calendarClass","calendarStyle","translation","isRtl","use-utc","fullMonthName","onSelectMonth","onShowYearCalendar","onChangedYear","minimumView","maximumView","theme"])):t.createCommentVNode("",!0),e.allowedToShowView("year")?(t.openBlock(),t.createBlock(V,{key:2,pageDate:e.pageDate,selectedDate:e.selectedDate,showYearView:e.showYearView,allowedToShowView:e.allowedToShowView,disabledDates:e.disabledDates,calendarClass:e.calendarClass,calendarStyle:e.calendarStyle,translation:e.translation,isRtl:e.isRtl,"use-utc":e.useUtc,onSelectYear:e.selectYear,onChangedDecade:e.setPageDate,fullMonthName:e.fullMonthName,minimumView:e.minimumView,maximumView:e.maximumView,theme:e.theme},{customCalendarHeader:t.withCtx(()=>[t.renderSlot(e.$slots,"customCalendarHeader")]),formatDateTopBar:t.withCtx(()=>[t.renderSlot(e.$slots,"formatDateTopBar")]),_:3},8,["pageDate","selectedDate","showYearView","allowedToShowView","disabledDates","calendarClass","calendarStyle","translation","isRtl","use-utc","onSelectYear","onChangedDecade","fullMonthName","minimumView","maximumView","theme"])):t.createCommentVNode("",!0)],2)),[[N,{handler:e.inline?null:e.closeOnClickOutside}]])}return P(Dt,[["render",bt]])});
diff --git a/package-lock.json b/package-lock.json
index 433e53f..9117908 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "vuejs3-datepicker",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vuejs3-datepicker",
-      "version": "1.1.0",
+      "version": "1.1.2",
       "dependencies": {
         "prismjs": "^1.22.0",
         "vite-plugin-dts": "^3.6.3",
diff --git a/src/components/datepicker/DateInput.vue b/src/components/datepicker/DateInput.vue
index 2c7f93f..5ad4753 100644
--- a/src/components/datepicker/DateInput.vue
+++ b/src/components/datepicker/DateInput.vue
@@ -24,7 +24,7 @@
         />
       </span>
       <input
-        v-bind="$attr"
+        v-bind="$attrs"
         :type="inline ? 'hidden' : 'text'"
         :class="computedInputClass"
         :name="name"
@@ -76,6 +76,7 @@ import { formatDate, stringToDate } from './utils/DateUtils.ts';
 
 export default defineComponent({
   name: 'DateInput',
+  inheritAttrs: false,
   components: {
     IconView,
   },
diff --git a/src/components/datepicker/DatePickerComponent.vue b/src/components/datepicker/DatePickerComponent.vue
index b8e01fe..9f4d198 100644
--- a/src/components/datepicker/DatePickerComponent.vue
+++ b/src/components/datepicker/DatePickerComponent.vue
@@ -7,7 +7,7 @@
     }"
   >
     <date-input
-      v-bind="$attr"
+      v-bind="$attrs"
       :selectedDate="selectedDate"
       :resetTypedDate="resetTypedDate"
       :format="format"
@@ -151,6 +151,7 @@ import { isValidDate, setDate, validateDateInput } from './utils/DateUtils';
 
 export default defineComponent({
   name: 'Datepicker',
+  inheritAttrs: false,
   components: {
     DateInput,
     PickerDay,