morya-ui 0.2.8 → 0.3.0

package/dist/date-picker/index.js

@@ -1,14 +1,16 @@
-import { n as e } from "../useComponentAttrs-BTYEe61P.js";
-import { t } from "../Icon-DfpIfo2L.js";
-import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { t as i } from "../overlayPlacement-Cd20JTD_.js";
-import { t as a } from "../useMId-BXFYayPP.js";
-import { c as o, o as s } from "../config-BdK5ccNT.js";
-import { n as ee, t as te } from "../locale-B36KH7c3.js";
+import { i as e } from "../useComponentAttrs-e-5QAjdw.js";
+import { t } from "../Icon-lcN1rS87.js";
+import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { n as r, t as i } from "../overlay-oR-5MDuE.js";
+import { t as a } from "../overlayPlacement-Cd20JTD_.js";
+import { t as o } from "../useFloatingViewportSync-DZdJ7W8n.js";
+import { t as s } from "../useMId-BXFYayPP.js";
+import { c as ee, o as te } from "../config-CapALqt3.js";
+import { n as ne, t as re } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Fragment as c, Teleport as ne, Transition as re, computed as l, createBlock as ie, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as ae, nextTick as h, normalizeClass as g, normalizeStyle as oe, onBeforeUnmount as se, openBlock as _, ref as v, renderList as y, renderSlot as ce, toDisplayString as b, unref as x, useAttrs as le, watch as ue, withCtx as de, withKeys as fe, withModifiers as S } from "vue";
+import { Fragment as c, Teleport as ie, Transition as ae, computed as l, createBlock as oe, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as se, nextTick as h, normalizeClass as g, normalizeStyle as ce, onBeforeUnmount as le, openBlock as _, ref as v, renderList as y, renderSlot as ue, toDisplayString as b, unref as x, useAttrs as de, watch as fe, withCtx as pe, withKeys as me, withModifiers as S } from "vue";
 //#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
-var pe = ["for"], me = [
+var he = ["for"], ge = [
 	"id",
 	"value",
 	"placeholder",
@@ -21,13 +23,13 @@ var pe = ["for"], me = [
 	"aria-controls",
 	"aria-describedby",
 	"onKeydown"
-], he = ["aria-label", "disabled"], ge = ["id"], _e = ["id", "aria-label"], ve = {
+], _e = ["aria-label", "disabled"], ve = ["id"], ye = ["id", "aria-label"], be = {
 	key: 0,
 	class: "m-datepicker__shortcuts"
-}, ye = ["onClick"], be = { class: "m-datepicker__calendar" }, xe = { class: "m-datepicker__header" }, Se = ["aria-label"], Ce = { class: "m-datepicker__month" }, we = ["aria-label"], Te = {
+}, xe = ["onClick"], Se = { class: "m-datepicker__calendar" }, Ce = { class: "m-datepicker__header" }, we = ["aria-label"], Te = { class: "m-datepicker__month" }, Ee = ["aria-label"], De = {
 	class: "m-datepicker__weekdays",
 	"aria-hidden": "true"
-}, Ee = ["aria-label"], De = [
+}, Oe = ["aria-label"], ke = [
 	"aria-selected",
 	"data-m-date",
 	"tabindex",
@@ -72,6 +74,10 @@ var pe = ["for"], me = [
 		},
 		appendTo: {},
 		pt: {},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		},
 		name: {},
 		autocomplete: {},
 		autofocus: { type: Boolean }
@@ -84,8 +90,13 @@ var pe = ["for"], me = [
 		"change"
 	],
 	setup(m, { emit: C }) {
-		let w = m, T = C, Oe = le(), { rootAttrs: ke, controlAttrs: Ae } = e(Oe, () => w.pt), E = o(), D = ee(), je = s("DatePicker", () => w.size), O = v(!1), k = v(null), A = v(null), j = v(null), M = v(null), Me = v({}), N = v((/* @__PURE__ */ new Date()).getFullYear()), P = v((/* @__PURE__ */ new Date()).getMonth()), F = v(G(/* @__PURE__ */ new Date())), I = v(null), L = v(null), Ne = a("m-datepicker"), R = l(() => w.id ?? Ne), Pe = l(() => `${R.value}-panel`), Fe = l(() => n(w, E.value.appendTo)), z = l(() => r(w, E.value.appendTo)), B = l(() => w.type === "daterange"), Ie = l(() => w.invalid || !!w.errorMessage), V = l(() => w.errorMessage || w.helpText), Le = l(() => !!w.errorMessage || w.invalid && !!w.helpText);
-		function H(e) {
+		let w = m, T = C, Ae = de(), { rootAttrs: je, controlAttrs: Me } = e(Ae, () => w.pt), E = ee(), { transitionName: Ne, transitionCss: Pe } = n({
+			role: "popup",
+			local: () => w.transition,
+			componentName: "DatePicker",
+			fallback: "scale-fade"
+		}), D = ne(), Fe = te("DatePicker", () => w.size), O = v(!1), Ie = v(null), k = v(null), A = v(null), j = v(null), Le = v({}), M = v((/* @__PURE__ */ new Date()).getFullYear()), N = v((/* @__PURE__ */ new Date()).getMonth()), P = v(W(/* @__PURE__ */ new Date())), F = v(null), I = v(null), Re = s("m-datepicker"), L = l(() => w.id ?? Re), ze = l(() => `${L.value}-panel`), Be = l(() => r(w, E.value.appendTo)), R = l(() => i(w, E.value.appendTo)), z = l(() => w.type === "daterange"), Ve = l(() => w.invalid || !!w.errorMessage), B = l(() => w.errorMessage || w.helpText), He = l(() => !!w.errorMessage || w.invalid && !!w.helpText);
+		function V(e) {
 			if (e == null || e === "") return null;
 			if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
 			let t = /^(\d{4})-(\d{2})-(\d{2})/.exec(e);
@@ -93,49 +104,49 @@ var pe = ["for"], me = [
 			let n = new Date(e);
 			return Number.isNaN(n.getTime()) ? null : n;
 		}
-		function U(e) {
+		function H(e) {
 			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 		}
-		function W(e) {
+		function U(e) {
 			return w.format.replaceAll("YYYY", String(e.getFullYear())).replaceAll("MM", String(e.getMonth() + 1).padStart(2, "0")).replaceAll("DD", String(e.getDate()).padStart(2, "0"));
 		}
-		function G(e) {
+		function W(e) {
 			return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 		}
-		function Re(e) {
+		function Ue(e) {
 			if (e == null || e === "") return {
 				start: null,
 				end: null
 			};
 			if (Array.isArray(e)) return {
-				start: H(e[0]),
-				end: H(e[1])
+				start: V(e[0]),
+				end: V(e[1])
 			};
-			let t = H(e);
+			let t = V(e);
 			return {
 				start: t,
 				end: t
 			};
 		}
-		let K = l(() => Re(w.modelValue)), ze = l(() => H(w.minDate)), Be = l(() => H(w.maxDate)), q = l(() => {
-			let { start: e, end: t } = K.value;
-			return e ? !B.value || !t ? W(e) : `${W(e)} – ${W(t)}` : "";
-		}), Ve = l(() => w.placeholder ?? (B.value ? D.value.dateRangePlaceholder : D.value.datePickerPlaceholder)), He = l(() => te(D.value.monthYear, {
-			year: N.value,
-			month: P.value + 1,
-			monthName: D.value.monthNames[P.value] ?? String(P.value + 1)
+		let G = l(() => Ue(w.modelValue)), We = l(() => V(w.minDate)), Ge = l(() => V(w.maxDate)), K = l(() => {
+			let { start: e, end: t } = G.value;
+			return e ? !z.value || !t ? U(e) : `${U(e)} – ${U(t)}` : "";
+		}), Ke = l(() => w.placeholder ?? (z.value ? D.value.dateRangePlaceholder : D.value.datePickerPlaceholder)), qe = l(() => re(D.value.monthYear, {
+			year: M.value,
+			month: N.value + 1,
+			monthName: D.value.monthNames[N.value] ?? String(N.value + 1)
 		}));
-		function Ue() {
-			let e = I.value ?? K.value.start, t = I.value ? L.value ?? I.value : K.value.end;
+		function Je() {
+			let e = F.value ?? G.value.start, t = F.value ? I.value ?? F.value : G.value.end;
 			if (!e) return {
 				start: null,
 				end: null
 			};
 			if (!t) return {
-				start: G(e),
-				end: G(e)
+				start: W(e),
+				end: W(e)
 			};
-			let n = G(e), r = G(t);
+			let n = W(e), r = W(t);
 			return n.getTime() <= r.getTime() ? {
 				start: n,
 				end: r
@@ -144,23 +155,23 @@ var pe = ["for"], me = [
 				end: n
 			};
 		}
-		let We = l(() => {
-			let e = new Date(N.value, P.value, 1).getDay(), t = new Date(N.value, P.value + 1, 0).getDate(), n = [];
+		let Ye = l(() => {
+			let e = new Date(M.value, N.value, 1).getDay(), t = new Date(M.value, N.value + 1, 0).getDate(), n = [];
 			for (let t = 0; t < e; t++) {
-				let r = new Date(N.value, P.value, -e + t + 1);
-				n.push(J(r, !1));
+				let r = new Date(M.value, N.value, -e + t + 1);
+				n.push(q(r, !1));
 			}
-			for (let e = 1; e <= t; e++) n.push(J(new Date(N.value, P.value, e), !0));
+			for (let e = 1; e <= t; e++) n.push(q(new Date(M.value, N.value, e), !0));
 			for (; n.length % 7 != 0 || n.length < 42;) {
 				let e = n[n.length - 1].date, t = new Date(e.getFullYear(), e.getMonth(), e.getDate() + 1);
-				n.push(J(t, !1));
+				n.push(q(t, !1));
 			}
 			return n;
 		});
-		function J(e, t) {
-			let n = G(e), r = !1;
-			ze.value && n < G(ze.value) && (r = !0), Be.value && n > G(Be.value) && (r = !0);
-			let i = Ue(), a = n.getTime(), o = !!(i.start && a === i.start.getTime()), s = !!(i.end && a === i.end.getTime()), ee = !!(B.value && i.start && i.end && a > i.start.getTime() && a < i.end.getTime());
+		function q(e, t) {
+			let n = W(e), r = !1;
+			We.value && n < W(We.value) && (r = !0), Ge.value && n > W(Ge.value) && (r = !0);
+			let i = Je(), a = n.getTime(), o = !!(i.start && a === i.start.getTime()), s = !!(i.end && a === i.end.getTime()), ee = !!(z.value && i.start && i.end && a > i.start.getTime() && a < i.end.getTime());
 			return {
 				date: n,
 				inMonth: t,
@@ -171,223 +182,226 @@ var pe = ["for"], me = [
 				rangeEnd: s
 			};
 		}
-		let Ge = l(() => [
+		let Xe = l(() => [
 			"m-datepicker",
-			`m-datepicker--${je.value}`,
+			`m-datepicker--${Fe.value}`,
 			{
 				"m-datepicker--fluid": w.fluid,
 				"m-datepicker--disabled": w.disabled,
 				"m-datepicker--invalid": w.invalid,
 				"m-datepicker--open": O.value,
-				"m-datepicker--range": B.value
+				"m-datepicker--range": z.value
 			}
 		]);
-		function Ke() {
-			let e = K.value.start ?? /* @__PURE__ */ new Date();
-			N.value = e.getFullYear(), P.value = e.getMonth();
+		function Ze() {
+			let e = G.value.start ?? /* @__PURE__ */ new Date();
+			M.value = e.getFullYear(), N.value = e.getMonth();
 		}
-		function qe() {
-			if (!z.value || !A.value) return;
-			let e = A.value.getBoundingClientRect();
-			Me.value = i(e, "bottom-start", { minWidth: `${e.width}px` });
+		function Qe() {
+			if (!R.value || !k.value) return;
+			let e = k.value.getBoundingClientRect();
+			Le.value = a(e, "bottom-start", { minWidth: `${e.width}px` });
 		}
-		function Je(e) {
-			w.disabled || e === O.value || (O.value = e, e && (I.value = null, L.value = null, Ke(), F.value = G(K.value.start ?? /* @__PURE__ */ new Date()), h(() => qe())));
+		function $e(e) {
+			w.disabled || e === O.value || (O.value = e, e && (F.value = null, I.value = null, Ze(), P.value = W(G.value.start ?? /* @__PURE__ */ new Date()), h(() => Qe())));
 		}
-		function Y() {
-			Je(!O.value);
+		function J() {
+			$e(!O.value);
 		}
-		function Ye() {
-			P.value === 0 ? (P.value = 11, --N.value) : --P.value;
+		function et() {
+			N.value === 0 ? (N.value = 11, --M.value) : --N.value;
 		}
-		function Xe() {
-			P.value === 11 ? (P.value = 0, N.value += 1) : P.value += 1;
+		function tt() {
+			N.value === 11 ? (N.value = 0, M.value += 1) : N.value += 1;
 		}
-		function Ze(e, t) {
+		function Y(e, t) {
 			if (t || w.disabled) return;
-			if (F.value = G(e), !B.value) {
-				T("update:modelValue", U(e)), T("change", U(e)), O.value = !1, j.value?.focus({ preventScroll: !0 });
+			if (P.value = W(e), !z.value) {
+				T("update:modelValue", H(e)), T("change", H(e)), O.value = !1, A.value?.focus({ preventScroll: !0 });
 				return;
 			}
-			if (!I.value) {
-				I.value = e, L.value = e;
+			if (!F.value) {
+				F.value = e, I.value = e;
 				return;
 			}
-			let n = I.value, r = e, [i, a] = n.getTime() <= r.getTime() ? [n, r] : [r, n], o = [U(i), U(a)];
-			T("update:modelValue", o), T("change", o), I.value = null, L.value = null, O.value = !1, j.value?.focus({ preventScroll: !0 });
+			let n = F.value, r = e, [i, a] = n.getTime() <= r.getTime() ? [n, r] : [r, n], o = [H(i), H(a)];
+			T("update:modelValue", o), T("change", o), F.value = null, I.value = null, O.value = !1, A.value?.focus({ preventScroll: !0 });
 		}
-		function Qe(e) {
+		function nt(e) {
 			if (w.disabled) return;
 			let t = typeof e.value == "function" ? e.value() : e.value;
 			if (Array.isArray(t)) {
-				let e = H(t[0]), n = H(t[1]);
+				let e = V(t[0]), n = V(t[1]);
 				if (!e || !n) return;
-				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e], a = B.value ? [U(r), U(i)] : U(r);
+				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e], a = z.value ? [H(r), H(i)] : H(r);
 				T("update:modelValue", a), T("change", a);
 			} else {
-				let e = H(t);
+				let e = V(t);
 				if (!e) return;
-				let n = B.value ? [U(e), U(e)] : U(e);
+				let n = z.value ? [H(e), H(e)] : H(e);
 				T("update:modelValue", n), T("change", n);
 			}
 			O.value = !1;
 		}
-		function $e() {
+		function rt() {
 			w.disabled || !w.clearable || (T("update:modelValue", null), T("clear"));
 		}
 		function X(e) {
 			let t = e.target;
-			k.value?.contains(t) || M.value?.contains(t) || (O.value = !1);
+			Ie.value?.contains(t) || j.value?.contains(t) || (O.value = !1);
 		}
 		function Z(e) {
-			e.key === "Escape" && (O.value = !1, j.value?.focus({ preventScroll: !0 }));
+			e.key === "Escape" && (O.value = !1, A.value?.focus({ preventScroll: !0 }));
 		}
-		function et(e, t) {
+		function it(e, t) {
 			return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
 		}
-		function tt(e) {
-			return G(e).getTime() === F.value.getTime();
+		function at(e) {
+			return W(e).getTime() === P.value.getTime();
 		}
-		function nt() {
-			M.value?.querySelector(`[data-m-date="${U(F.value)}"]`)?.focus({ preventScroll: !0 });
+		function Q() {
+			j.value?.querySelector(`[data-m-date="${H(P.value)}"]`)?.focus({ preventScroll: !0 });
 		}
-		function Q(e) {
-			let t = G(e);
-			F.value = t, (t.getFullYear() !== N.value || t.getMonth() !== P.value) && (N.value = t.getFullYear(), P.value = t.getMonth()), h(nt);
+		function $(e) {
+			let t = W(e);
+			P.value = t, (t.getFullYear() !== M.value || t.getMonth() !== N.value) && (M.value = t.getFullYear(), N.value = t.getMonth()), h(Q);
 		}
-		function rt(e) {
+		function ot(e) {
 			let t = e.key;
 			if (t === "Enter") {
 				e.preventDefault();
-				let t = We.value.find((e) => e.date.getTime() === F.value.getTime());
-				t && Ze(t.date, t.disabled);
+				let t = Ye.value.find((e) => e.date.getTime() === P.value.getTime());
+				t && Y(t.date, t.disabled);
 				return;
 			}
 			if (t === "Home" || t === "End") {
 				e.preventDefault();
-				let n = F.value.getDay();
-				Q(et(F.value, t === "Home" ? -n : 6 - n));
+				let n = P.value.getDay();
+				$(it(P.value, t === "Home" ? -n : 6 - n));
 				return;
 			}
 			if (t === "PageUp" || t === "PageDown") {
 				e.preventDefault();
-				let n = new Date(F.value);
-				n.setMonth(n.getMonth() + (t === "PageUp" ? -1 : 1)), Q(n);
+				let n = new Date(P.value);
+				n.setMonth(n.getMonth() + (t === "PageUp" ? -1 : 1)), $(n);
 				return;
 			}
 			let n = t === "ArrowLeft" ? -1 : t === "ArrowRight" ? 1 : t === "ArrowUp" ? -7 : t === "ArrowDown" ? 7 : 0;
-			n !== 0 && (e.preventDefault(), Q(et(F.value, n)));
+			n !== 0 && (e.preventDefault(), $(it(P.value, n)));
 		}
-		function $() {
-			O.value && qe();
+		function st() {
+			O.value && Qe();
 		}
-		return ue(O, async (e) => {
-			e ? (T("show"), document.addEventListener("click", X), document.addEventListener("keydown", Z), z.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), await h(), nt()) : (T("hide"), document.removeEventListener("click", X), document.removeEventListener("keydown", Z), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
-		}), se(() => {
-			document.removeEventListener("click", X), document.removeEventListener("keydown", Z), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
-		}), (e, n) => (_(), d("div", ae({
+		return o(() => O.value && R.value, st), fe(O, async (e) => {
+			e ? (T("show"), document.addEventListener("click", X), document.addEventListener("keydown", Z), await h(), Q()) : (T("hide"), document.removeEventListener("click", X), document.removeEventListener("keydown", Z));
+		}), le(() => {
+			document.removeEventListener("click", X), document.removeEventListener("keydown", Z);
+		}), (e, n) => (_(), d("div", se({
 			ref_key: "root",
-			ref: k
-		}, x(ke), { class: Ge.value }), [
+			ref: Ie
+		}, x(je), { class: Xe.value }), [
 			m.label ? (_(), d("label", {
 				key: 0,
 				class: "m-datepicker__label",
-				for: R.value
-			}, b(m.label), 9, pe)) : u("", !0),
+				for: L.value
+			}, b(m.label), 9, he)) : u("", !0),
 			f("div", {
 				ref_key: "triggerEl",
-				ref: A,
+				ref: k,
 				class: "m-datepicker__control"
-			}, [ce(e.$slots, "trigger", {
-				value: q.value,
+			}, [ue(e.$slots, "trigger", {
+				value: K.value,
 				open: O.value
-			}, () => [f("input", ae(x(Ae), {
-				id: R.value,
+			}, () => [f("input", se(x(Me), {
+				id: L.value,
 				ref_key: "inputEl",
-				ref: j,
+				ref: A,
 				class: "m-datepicker__input",
 				type: "text",
 				role: "combobox",
 				readonly: "",
-				value: q.value,
-				placeholder: Ve.value,
+				value: K.value,
+				placeholder: Ke.value,
 				name: m.name,
 				autocomplete: m.autocomplete,
 				autofocus: m.autofocus || void 0,
 				disabled: m.disabled,
-				"aria-invalid": Ie.value || void 0,
+				"aria-invalid": Ve.value || void 0,
 				"aria-expanded": O.value,
-				"aria-controls": O.value ? Pe.value : void 0,
-				"aria-describedby": V.value ? `${R.value}-help` : void 0,
+				"aria-controls": O.value ? ze.value : void 0,
+				"aria-describedby": B.value ? `${L.value}-help` : void 0,
 				"aria-haspopup": "dialog",
-				onClick: Y,
-				onKeydown: [fe(S(Y, ["prevent"]), ["enter"]), fe(S(Y, ["prevent"]), ["space"])]
-			}), null, 16, me), m.clearable && q.value ? (_(), d("button", {
+				onClick: J,
+				onKeydown: [me(S(J, ["prevent"]), ["enter"]), me(S(J, ["prevent"]), ["space"])]
+			}), null, 16, ge), m.clearable && K.value ? (_(), d("button", {
 				key: 0,
 				type: "button",
 				class: "m-datepicker__clear",
 				"aria-label": x(D).clearDate,
 				disabled: m.disabled,
-				onClick: S($e, ["stop"])
+				onClick: S(rt, ["stop"])
 			}, [p(t, {
 				name: "close",
 				size: "sm"
-			})], 8, he)) : u("", !0)])], 512),
-			V.value ? (_(), d("p", {
+			})], 8, _e)) : u("", !0)])], 512),
+			B.value ? (_(), d("p", {
 				key: 1,
-				id: `${R.value}-help`,
-				class: g(["m-datepicker__help", { "m-datepicker__help--invalid": Le.value }])
-			}, b(V.value), 11, ge)) : u("", !0),
-			(_(), ie(ne, {
-				to: Fe.value.to,
-				disabled: Fe.value.disabled
-			}, [p(re, { name: "m-scale-fade" }, {
-				default: de(() => [O.value ? (_(), d("div", {
+				id: `${L.value}-help`,
+				class: g(["m-datepicker__help", { "m-datepicker__help--invalid": He.value }])
+			}, b(B.value), 11, ve)) : u("", !0),
+			(_(), oe(ie, {
+				to: Be.value.to,
+				disabled: Be.value.disabled
+			}, [p(ae, {
+				name: x(Ne),
+				css: x(Pe)
+			}, {
+				default: pe(() => [O.value ? (_(), d("div", {
 					key: 0,
-					id: Pe.value,
+					id: ze.value,
 					ref_key: "panel",
-					ref: M,
+					ref: j,
 					class: g(["m-datepicker__panel", {
-						"m-datepicker__panel--teleported": z.value,
+						"m-datepicker__panel--teleported": R.value,
 						"m-datepicker__panel--with-shortcuts": m.shortcuts.length
 					}]),
-					style: oe(z.value ? Me.value : void 0),
+					style: ce(R.value ? Le.value : void 0),
 					role: "dialog",
 					"aria-label": x(D).datePicker
-				}, [m.shortcuts.length ? (_(), d("div", ve, [(_(!0), d(c, null, y(m.shortcuts, (e) => (_(), d("button", {
+				}, [m.shortcuts.length ? (_(), d("div", be, [(_(!0), d(c, null, y(m.shortcuts, (e) => (_(), d("button", {
 					key: e.label,
 					type: "button",
 					class: "m-datepicker__shortcut",
-					onClick: (t) => Qe(e)
-				}, b(e.label), 9, ye))), 128))])) : u("", !0), f("div", be, [
-					f("div", xe, [
+					onClick: (t) => nt(e)
+				}, b(e.label), 9, xe))), 128))])) : u("", !0), f("div", Se, [
+					f("div", Ce, [
 						f("button", {
 							type: "button",
 							class: "m-datepicker__nav",
 							"aria-label": x(D).prevMonth,
-							onClick: Ye
+							onClick: et
 						}, [p(t, {
 							name: "chevron-left",
 							size: "sm"
-						})], 8, Se),
-						f("span", Ce, b(He.value), 1),
+						})], 8, we),
+						f("span", Te, b(qe.value), 1),
 						f("button", {
 							type: "button",
 							class: "m-datepicker__nav",
 							"aria-label": x(D).nextMonth,
-							onClick: Xe
+							onClick: tt
 						}, [p(t, {
 							name: "chevron-right",
 							size: "sm"
-						})], 8, we)
+						})], 8, Ee)
 					]),
-					f("div", Te, [(_(!0), d(c, null, y(x(D).weekdays, (e) => (_(), d("span", { key: e }, b(e), 1))), 128))]),
+					f("div", De, [(_(!0), d(c, null, y(x(D).weekdays, (e) => (_(), d("span", { key: e }, b(e), 1))), 128))]),
 					f("div", {
 						class: "m-datepicker__grid",
 						role: "grid",
-						"aria-label": He.value,
-						onKeydown: rt
-					}, [(_(!0), d(c, null, y(We.value, (e) => (_(), d("button", {
+						"aria-label": qe.value,
+						onKeydown: ot
+					}, [(_(!0), d(c, null, y(Ye.value, (e) => (_(), d("button", {
 						key: e.date.toISOString(),
 						type: "button",
 						class: g(["m-datepicker__day", {
@@ -399,15 +413,15 @@ var pe = ["for"], me = [
 						}]),
 						role: "gridcell",
 						"aria-selected": e.selected,
-						"data-m-date": U(e.date),
-						tabindex: tt(e.date) && !e.disabled ? 0 : -1,
+						"data-m-date": H(e.date),
+						tabindex: at(e.date) && !e.disabled ? 0 : -1,
 						disabled: e.disabled,
-						onClick: (t) => Ze(e.date, e.disabled),
-						onMouseenter: (t) => B.value && I.value && (L.value = e.date)
-					}, b(e.date.getDate()), 43, De))), 128))], 40, Ee)
-				])], 14, _e)) : u("", !0)]),
+						onClick: (t) => Y(e.date, e.disabled),
+						onMouseenter: (t) => z.value && F.value && (I.value = e.date)
+					}, b(e.date.getDate()), 43, ke))), 128))], 40, Oe)
+				])], 14, ye)) : u("", !0)]),
 				_: 1
-			})], 8, ["to", "disabled"]))
+			}, 8, ["name", "css"])], 8, ["to", "disabled"]))
 		], 16));
 	}
 });