morya-ui 0.4.3 → 0.4.5

package/dist/DatePicker-CsMGzCqY.js

@@ -1,630 +0,0 @@
-import { i as e } from "./useComponentAttrs-e-5QAjdw.js";
-import { n as t, t as n } from "./overlay-oR-5MDuE.js";
-import { t as r } from "./overlayPlacement-qwEJPVS4.js";
-import { t as i } from "./useFloatingViewportSync-wLLKIGUA.js";
-import { t as a } from "./useMId-BXFYayPP.js";
-import { t as o } from "./useMotionTransition-DqL_SEML.js";
-import { t as s } from "./Icon-CmHjx7W8.js";
-import { a as c, c as l, i as u, l as d, n as ee, o as f, r as p, s as m, t as h } from "./dateUtils-D8qKPhos.js";
-import { l as te, o as ne } from "./config-BEpyhJi3.js";
-import { n as re, t as ie } from "./locale-CZddM-tH.js";
-import { Fragment as g, Teleport as ae, Transition as oe, computed as _, createBlock as se, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, mergeProps as ce, nextTick as C, normalizeClass as w, normalizeStyle as le, onBeforeUnmount as ue, openBlock as T, ref as E, renderList as D, renderSlot as de, toDisplayString as O, unref as k, useAttrs as fe, watch as pe, withCtx as me, withKeys as he, withModifiers as A } from "vue";
-//#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
-var ge = ["for"], _e = [
-	"id",
-	"value",
-	"placeholder",
-	"name",
-	"autocomplete",
-	"autofocus",
-	"disabled",
-	"aria-invalid",
-	"aria-expanded",
-	"aria-controls",
-	"aria-describedby",
-	"onKeydown"
-], ve = ["aria-label", "disabled"], ye = ["id"], be = ["id", "aria-label"], xe = {
-	key: 0,
-	class: "m-datepicker__shortcuts"
-}, Se = ["onClick"], Ce = { class: "m-datepicker__body" }, we = {
-	key: 0,
-	class: "m-datepicker__calendar"
-}, Te = { class: "m-datepicker__header" }, Ee = ["aria-label"], De = { class: "m-datepicker__month" }, Oe = ["aria-label"], ke = {
-	class: "m-datepicker__weekdays",
-	"aria-hidden": "true"
-}, Ae = ["aria-label"], je = [
-	"aria-selected",
-	"data-m-date",
-	"tabindex",
-	"disabled",
-	"onClick",
-	"onMouseenter"
-], Me = {
-	key: 1,
-	class: "m-datepicker__calendar"
-}, Ne = { class: "m-datepicker__header" }, Pe = ["aria-label"], Fe = { class: "m-datepicker__month" }, Ie = ["aria-label"], Le = ["aria-label"], Re = ["aria-selected", "onClick"], ze = {
-	key: 2,
-	class: "m-datepicker__calendar"
-}, Be = { class: "m-datepicker__header" }, Ve = ["aria-label"], He = { class: "m-datepicker__month" }, Ue = ["aria-label"], We = ["aria-label"], Ge = ["aria-selected", "onClick"], Ke = ["aria-label"], qe = { class: "m-datepicker__time-col" }, Je = ["onClick"], Ye = { class: "m-datepicker__time-col" }, Xe = ["onClick"], Ze = {
-	key: 0,
-	class: "m-datepicker__time-col"
-}, Qe = ["onClick"], $e = /* @__PURE__ */ S({
-	inheritAttrs: !1,
-	__name: "DatePicker",
-	props: {
-		modelValue: { default: null },
-		type: { default: "date" },
-		label: {},
-		id: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		fluid: {
-			type: Boolean,
-			default: !1
-		},
-		size: {},
-		minDate: {},
-		maxDate: {},
-		placeholder: { default: void 0 },
-		errorMessage: { default: void 0 },
-		helpText: { default: void 0 },
-		format: { default: "YYYY-MM-DD" },
-		showSeconds: {
-			type: Boolean,
-			default: !1
-		},
-		clearable: {
-			type: Boolean,
-			default: !0
-		},
-		shortcuts: { default: () => [] },
-		teleport: {
-			type: Boolean,
-			default: !0
-		},
-		appendTo: {},
-		pt: {},
-		transition: {
-			type: [String, Boolean],
-			default: void 0
-		},
-		name: {},
-		autocomplete: {},
-		autofocus: { type: Boolean }
-	},
-	emits: [
-		"update:modelValue",
-		"clear",
-		"show",
-		"hide",
-		"change"
-	],
-	setup(S, { emit: $e }) {
-		let j = S, M = $e, et = fe(), { rootAttrs: tt, controlAttrs: nt } = e(et, () => j.pt), rt = te(), { transitionName: it, transitionCss: at } = o({
-			role: "popup",
-			local: () => j.transition,
-			componentName: "DatePicker",
-			fallback: "scale-fade"
-		}), N = re(), ot = ne("DatePicker", () => j.size), P = E(!1), st = E(null), ct = E(null), lt = E(null), ut = E(null), dt = E({}), F = E((/* @__PURE__ */ new Date()).getFullYear()), I = E((/* @__PURE__ */ new Date()).getMonth()), L = E(f(/* @__PURE__ */ new Date())), R = E(null), z = E(null), B = E(null), V = E(0), H = E(0), U = E(0), W = E("end"), ft = a("m-datepicker"), G = _(() => j.id ?? ft), pt = _(() => `${G.value}-panel`), mt = _(() => t(j, rt.value.appendTo)), K = _(() => n(j, rt.value.appendTo)), q = _(() => j.type === "daterange" || j.type === "datetimerange"), ht = _(() => j.type === "date" || j.type === "daterange" || j.type === "datetime" || j.type === "datetimerange"), gt = _(() => j.type === "time" || j.type === "datetime" || j.type === "datetimerange"), _t = _(() => j.type === "month"), vt = _(() => j.type === "year"), yt = _(() => j.invalid || !!j.errorMessage), J = _(() => j.errorMessage || j.helpText), bt = _(() => !!j.errorMessage || j.invalid && !!j.helpText), xt = Array.from({ length: 24 }, (e, t) => t), St = Array.from({ length: 60 }, (e, t) => t), Ct = Array.from({ length: 60 }, (e, t) => t);
-		function Y(e) {
-			return c(e)?.date ?? null;
-		}
-		function wt(e) {
-			return h(e, j.format, j.showSeconds);
-		}
-		function Tt(e) {
-			if (e == null || e === "") return {
-				start: null,
-				end: null
-			};
-			if (Array.isArray(e)) return {
-				start: Y(e[0]),
-				end: Y(e[1])
-			};
-			let t = Y(e);
-			return {
-				start: t,
-				end: t
-			};
-		}
-		let X = _(() => Tt(j.modelValue)), Et = _(() => Y(j.minDate)), Dt = _(() => Y(j.maxDate));
-		function Ot(e) {
-			switch (j.type) {
-				case "time": return u(e.getHours(), e.getMinutes(), e.getSeconds(), j.showSeconds);
-				case "month": return j.format.includes("MM") && j.format.includes("YYYY") ? h(e, j.format.replace(/[-/]?DD/g, ""), j.showSeconds) : l(e);
-				case "year": return d(e);
-				case "datetime":
-				case "datetimerange": return /HH|mm|ss/.test(j.format) ? h(e, j.format, j.showSeconds) : p(e, j.showSeconds);
-				default: return wt(e);
-			}
-		}
-		let kt = _(() => {
-			let { start: e, end: t } = X.value;
-			return e ? !q.value || !t ? Ot(e) : `${Ot(e)} – ${Ot(t)}` : "";
-		}), At = _(() => {
-			if (j.placeholder) return j.placeholder;
-			switch (j.type) {
-				case "daterange":
-				case "datetimerange": return N.value.dateRangePlaceholder;
-				case "time": return N.value.timePickerPlaceholder;
-				case "datetime": return N.value.dateTimePlaceholder;
-				case "month": return N.value.monthPlaceholder;
-				case "year": return N.value.yearPlaceholder;
-				default: return N.value.datePickerPlaceholder;
-			}
-		}), jt = _(() => ie(N.value.monthYear, {
-			year: F.value,
-			month: I.value + 1,
-			monthName: N.value.monthNames[I.value] ?? String(I.value + 1)
-		})), Mt = _(() => {
-			let e = ee(F.value);
-			return `${e} – ${e + 11}`;
-		}), Nt = _(() => N.value.monthNames.map((e, t) => ({
-			index: t,
-			label: e,
-			selected: X.value.start != null && X.value.start.getFullYear() === F.value && X.value.start.getMonth() === t
-		}))), Pt = _(() => {
-			let e = ee(F.value);
-			return Array.from({ length: 12 }, (t, n) => {
-				let r = e + n;
-				return {
-					year: r,
-					selected: X.value.start?.getFullYear() === r
-				};
-			});
-		});
-		function Ft() {
-			let e = R.value ?? X.value.start, t = R.value ? z.value ?? R.value : X.value.end;
-			if (!e) return {
-				start: null,
-				end: null
-			};
-			if (!t) return {
-				start: f(e),
-				end: f(e)
-			};
-			let n = f(e), r = f(t);
-			return n.getTime() <= r.getTime() ? {
-				start: n,
-				end: r
-			} : {
-				start: r,
-				end: n
-			};
-		}
-		let It = _(() => {
-			let e = new Date(F.value, I.value, 1).getDay(), t = new Date(F.value, I.value + 1, 0).getDate(), n = [];
-			for (let t = 0; t < e; t++) {
-				let r = new Date(F.value, I.value, -e + t + 1);
-				n.push(Lt(r, !1));
-			}
-			for (let e = 1; e <= t; e++) n.push(Lt(new Date(F.value, I.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(Lt(t, !1));
-			}
-			return n;
-		});
-		function Lt(e, t) {
-			let n = f(e), r = !1;
-			Et.value && n < f(Et.value) && (r = !0), Dt.value && n > f(Dt.value) && (r = !0);
-			let i = Ft(), a = n.getTime(), o = B.value ? f(B.value) : null, s = !!(i.start && a === i.start.getTime()), c = !!(i.end && a === i.end.getTime()), l = !!(o && a === o.getTime() && j.type === "datetime"), u = !!(q.value && i.start && i.end && a > i.start.getTime() && a < i.end.getTime());
-			return {
-				date: n,
-				inMonth: t,
-				disabled: r,
-				selected: s || c || l,
-				inRange: u,
-				rangeStart: s,
-				rangeEnd: c
-			};
-		}
-		let Rt = _(() => [
-			"m-datepicker",
-			`m-datepicker--${ot.value}`,
-			{
-				"m-datepicker--fluid": j.fluid,
-				"m-datepicker--disabled": j.disabled,
-				"m-datepicker--invalid": j.invalid,
-				"m-datepicker--open": P.value,
-				"m-datepicker--range": q.value
-			}
-		]);
-		function zt(e) {
-			V.value = e?.getHours() ?? 0, H.value = e?.getMinutes() ?? 0, U.value = e?.getSeconds() ?? 0;
-		}
-		function Bt() {
-			let e = X.value.start ?? /* @__PURE__ */ new Date();
-			F.value = e.getFullYear(), I.value = e.getMonth(), j.type === "datetime" ? (B.value = X.value.start ? f(X.value.start) : null, zt(X.value.start)) : j.type === "time" ? zt(X.value.start) : j.type === "datetimerange" ? (B.value = null, zt(X.value.end ?? X.value.start), W.value = "end") : B.value = null;
-		}
-		function Vt() {
-			if (!K.value || !ct.value) return;
-			let e = ct.value.getBoundingClientRect();
-			dt.value = r(e, "bottom-start", { minWidth: `${e.width}px` });
-		}
-		function Ht(e) {
-			j.disabled || e === P.value || (P.value = e, e && (R.value = null, z.value = null, Bt(), L.value = f(X.value.start ?? /* @__PURE__ */ new Date()), C(() => Vt())));
-		}
-		function Ut() {
-			Ht(!P.value);
-		}
-		function Z() {
-			P.value = !1, lt.value?.focus({ preventScroll: !0 });
-		}
-		function Q(e) {
-			M("update:modelValue", e), M("change", e);
-		}
-		function Wt() {
-			I.value === 0 ? (I.value = 11, --F.value) : --I.value;
-		}
-		function Gt() {
-			I.value === 11 ? (I.value = 0, F.value += 1) : I.value += 1;
-		}
-		function Kt() {
-			--F.value;
-		}
-		function qt() {
-			F.value += 1;
-		}
-		function Jt() {
-			F.value -= 10;
-		}
-		function Yt() {
-			F.value += 10;
-		}
-		function $(e) {
-			return new Date(e.getFullYear(), e.getMonth(), e.getDate(), V.value, H.value, j.showSeconds ? U.value : 0);
-		}
-		function Xt(e) {
-			Q(p($(e), j.showSeconds)), Z();
-		}
-		function Zt(e, t) {
-			if (t || j.disabled) return;
-			if (L.value = f(e), j.type === "datetime") {
-				B.value = f(e);
-				return;
-			}
-			if (j.type === "datetimerange") {
-				if (!R.value) {
-					R.value = e, z.value = e;
-					return;
-				}
-				let t = R.value, n = e, [r, i] = t.getTime() <= n.getTime() ? [t, n] : [n, t];
-				V.value = 0, H.value = 0, U.value = 0, Q([p($(r), j.showSeconds), p($(i), j.showSeconds)]), R.value = null, z.value = null, W.value = "end", B.value = f(i);
-				return;
-			}
-			if (!q.value) {
-				Q(m(e)), Z();
-				return;
-			}
-			if (!R.value) {
-				R.value = e, z.value = e;
-				return;
-			}
-			let n = R.value, r = e, [i, a] = n.getTime() <= r.getTime() ? [n, r] : [r, n];
-			Q([m(i), m(a)]), R.value = null, z.value = null, Z();
-		}
-		function Qt(e) {
-			if (j.disabled) return;
-			let t = new Date(F.value, e, 1);
-			Q(l(t)), Z();
-		}
-		function $t(e) {
-			j.disabled || (Q(d(new Date(e, 0, 1))), Z());
-		}
-		function en(e, t) {
-			if (j.disabled) return;
-			e === "hour" && (V.value = t), e === "minute" && (H.value = t), e === "second" && (U.value = t);
-			let n = e === (j.showSeconds ? "second" : "minute");
-			if (j.type === "time") {
-				if (!n) return;
-				Q(u(V.value, H.value, U.value, j.showSeconds)), Z();
-				return;
-			}
-			if (j.type === "datetime") {
-				if (!n) return;
-				let e = B.value ?? f(X.value.start ?? /* @__PURE__ */ new Date());
-				B.value = e, Xt(e);
-				return;
-			}
-			if (j.type === "datetimerange") {
-				let { start: e, end: t } = X.value;
-				if (!e || !t) return;
-				let r = W.value === "start" ? e : t, i = $(f(r));
-				Q(W.value === "start" ? [p(i, j.showSeconds), p(t, j.showSeconds)] : [p(e, j.showSeconds), p(i, j.showSeconds)]), n && Z();
-			}
-		}
-		function tn(e) {
-			if (j.disabled) return;
-			let t = typeof e.value == "function" ? e.value() : e.value;
-			if (Array.isArray(t)) {
-				let e = Y(t[0]), n = Y(t[1]);
-				if (!e || !n) return;
-				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e], a;
-				a = j.type === "datetimerange" ? [p(r, j.showSeconds), p(i, j.showSeconds)] : q.value ? [m(r), m(i)] : m(r), Q(a);
-			} else {
-				let e = Y(t);
-				if (!e) return;
-				let n;
-				n = j.type === "time" ? u(e.getHours(), e.getMinutes(), e.getSeconds(), j.showSeconds) : j.type === "month" ? l(e) : j.type === "year" ? d(e) : j.type === "datetime" ? p(e, j.showSeconds) : j.type === "datetimerange" ? [p(e, j.showSeconds), p(e, j.showSeconds)] : q.value ? [m(e), m(e)] : m(e), Q(n);
-			}
-			P.value = !1;
-		}
-		function nn() {
-			j.disabled || !j.clearable || (M("update:modelValue", null), M("clear"));
-		}
-		function rn(e) {
-			let t = e.target;
-			st.value?.contains(t) || ut.value?.contains(t) || (P.value = !1);
-		}
-		function an(e) {
-			e.key === "Escape" && (P.value = !1, lt.value?.focus({ preventScroll: !0 }));
-		}
-		function on(e, t) {
-			return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
-		}
-		function sn(e) {
-			return f(e).getTime() === L.value.getTime();
-		}
-		function cn() {
-			ht.value && ut.value?.querySelector(`[data-m-date="${m(L.value)}"]`)?.focus({ preventScroll: !0 });
-		}
-		function ln(e) {
-			let t = f(e);
-			L.value = t, (t.getFullYear() !== F.value || t.getMonth() !== I.value) && (F.value = t.getFullYear(), I.value = t.getMonth()), C(cn);
-		}
-		function un(e) {
-			let t = e.key;
-			if (t === "Enter") {
-				e.preventDefault();
-				let t = It.value.find((e) => e.date.getTime() === L.value.getTime());
-				t && Zt(t.date, t.disabled);
-				return;
-			}
-			if (t === "Home" || t === "End") {
-				e.preventDefault();
-				let n = L.value.getDay();
-				ln(on(L.value, t === "Home" ? -n : 6 - n));
-				return;
-			}
-			if (t === "PageUp" || t === "PageDown") {
-				e.preventDefault();
-				let n = new Date(L.value);
-				n.setMonth(n.getMonth() + (t === "PageUp" ? -1 : 1)), ln(n);
-				return;
-			}
-			let n = t === "ArrowLeft" ? -1 : t === "ArrowRight" ? 1 : t === "ArrowUp" ? -7 : t === "ArrowDown" ? 7 : 0;
-			n !== 0 && (e.preventDefault(), ln(on(L.value, n)));
-		}
-		function dn() {
-			P.value && Vt();
-		}
-		return i(() => P.value && K.value, dn), pe(P, async (e) => {
-			e ? (M("show"), document.addEventListener("click", rn), document.addEventListener("keydown", an), await C(), cn()) : (M("hide"), document.removeEventListener("click", rn), document.removeEventListener("keydown", an));
-		}), ue(() => {
-			document.removeEventListener("click", rn), document.removeEventListener("keydown", an);
-		}), (e, t) => (T(), y("div", ce({
-			ref_key: "root",
-			ref: st
-		}, k(tt), { class: Rt.value }), [
-			S.label ? (T(), y("label", {
-				key: 0,
-				class: "m-datepicker__label",
-				for: G.value
-			}, O(S.label), 9, ge)) : v("", !0),
-			b("div", {
-				ref_key: "triggerEl",
-				ref: ct,
-				class: "m-datepicker__control"
-			}, [de(e.$slots, "trigger", {
-				value: kt.value,
-				open: P.value
-			}, () => [b("input", ce(k(nt), {
-				id: G.value,
-				ref_key: "inputEl",
-				ref: lt,
-				class: "m-datepicker__input",
-				type: "text",
-				role: "combobox",
-				readonly: "",
-				value: kt.value,
-				placeholder: At.value,
-				name: S.name,
-				autocomplete: S.autocomplete,
-				autofocus: S.autofocus || void 0,
-				disabled: S.disabled,
-				"aria-invalid": yt.value || void 0,
-				"aria-expanded": P.value,
-				"aria-controls": P.value ? pt.value : void 0,
-				"aria-describedby": J.value ? `${G.value}-help` : void 0,
-				"aria-haspopup": "dialog",
-				onClick: Ut,
-				onKeydown: [he(A(Ut, ["prevent"]), ["enter"]), he(A(Ut, ["prevent"]), ["space"])]
-			}), null, 16, _e), S.clearable && kt.value ? (T(), y("button", {
-				key: 0,
-				type: "button",
-				class: "m-datepicker__clear",
-				"aria-label": k(N).clearDate,
-				disabled: S.disabled,
-				onClick: A(nn, ["stop"])
-			}, [x(s, {
-				name: "close",
-				size: "sm"
-			})], 8, ve)) : v("", !0)])], 512),
-			J.value ? (T(), y("p", {
-				key: 1,
-				id: `${G.value}-help`,
-				class: w(["m-datepicker__help", { "m-datepicker__help--invalid": bt.value }])
-			}, O(J.value), 11, ye)) : v("", !0),
-			(T(), se(ae, {
-				to: mt.value.to,
-				disabled: mt.value.disabled
-			}, [x(oe, {
-				name: k(it),
-				css: k(at)
-			}, {
-				default: me(() => [P.value ? (T(), y("div", {
-					key: 0,
-					id: pt.value,
-					ref_key: "panel",
-					ref: ut,
-					class: w(["m-datepicker__panel", {
-						"m-datepicker__panel--teleported": K.value,
-						"m-datepicker__panel--with-shortcuts": S.shortcuts.length,
-						"m-datepicker__panel--with-time": gt.value,
-						"m-datepicker__panel--time-only": S.type === "time"
-					}]),
-					style: le(K.value ? dt.value : void 0),
-					role: "dialog",
-					"aria-label": k(N).datePicker
-				}, [S.shortcuts.length ? (T(), y("div", xe, [(T(!0), y(g, null, D(S.shortcuts, (e) => (T(), y("button", {
-					key: e.label,
-					type: "button",
-					class: "m-datepicker__shortcut",
-					onClick: (t) => tn(e)
-				}, O(e.label), 9, Se))), 128))])) : v("", !0), b("div", Ce, [ht.value ? (T(), y("div", we, [
-					b("div", Te, [
-						b("button", {
-							type: "button",
-							class: "m-datepicker__nav",
-							"aria-label": k(N).prevMonth,
-							onClick: Wt
-						}, [x(s, {
-							name: "chevron-left",
-							size: "sm"
-						})], 8, Ee),
-						b("span", De, O(jt.value), 1),
-						b("button", {
-							type: "button",
-							class: "m-datepicker__nav",
-							"aria-label": k(N).nextMonth,
-							onClick: Gt
-						}, [x(s, {
-							name: "chevron-right",
-							size: "sm"
-						})], 8, Oe)
-					]),
-					b("div", ke, [(T(!0), y(g, null, D(k(N).weekdays, (e) => (T(), y("span", { key: e }, O(e), 1))), 128))]),
-					b("div", {
-						class: "m-datepicker__grid",
-						role: "grid",
-						"aria-label": jt.value,
-						onKeydown: un
-					}, [(T(!0), y(g, null, D(It.value, (e) => (T(), y("button", {
-						key: e.date.toISOString(),
-						type: "button",
-						class: w(["m-datepicker__day", {
-							"m-datepicker__day--other": !e.inMonth,
-							"m-datepicker__day--selected": e.selected,
-							"m-datepicker__day--in-range": e.inRange,
-							"m-datepicker__day--range-start": e.rangeStart,
-							"m-datepicker__day--range-end": e.rangeEnd
-						}]),
-						role: "gridcell",
-						"aria-selected": e.selected,
-						"data-m-date": k(m)(e.date),
-						tabindex: sn(e.date) && !e.disabled ? 0 : -1,
-						disabled: e.disabled,
-						onClick: (t) => Zt(e.date, e.disabled),
-						onMouseenter: (t) => q.value && R.value && (z.value = e.date)
-					}, O(e.date.getDate()), 43, je))), 128))], 40, Ae)
-				])) : _t.value ? (T(), y("div", Me, [b("div", Ne, [
-					b("button", {
-						type: "button",
-						class: "m-datepicker__nav",
-						"aria-label": k(N).prevYear,
-						onClick: Kt
-					}, [x(s, {
-						name: "chevron-left",
-						size: "sm"
-					})], 8, Pe),
-					b("span", Fe, O(F.value), 1),
-					b("button", {
-						type: "button",
-						class: "m-datepicker__nav",
-						"aria-label": k(N).nextYear,
-						onClick: qt
-					}, [x(s, {
-						name: "chevron-right",
-						size: "sm"
-					})], 8, Ie)
-				]), b("div", {
-					class: "m-datepicker__month-grid",
-					role: "grid",
-					"aria-label": String(F.value)
-				}, [(T(!0), y(g, null, D(Nt.value, (e) => (T(), y("button", {
-					key: e.index,
-					type: "button",
-					class: w(["m-datepicker__cell", { "m-datepicker__cell--selected": e.selected }]),
-					role: "gridcell",
-					"aria-selected": e.selected,
-					onClick: (t) => Qt(e.index)
-				}, O(e.label), 11, Re))), 128))], 8, Le)])) : vt.value ? (T(), y("div", ze, [b("div", Be, [
-					b("button", {
-						type: "button",
-						class: "m-datepicker__nav",
-						"aria-label": k(N).prevYear,
-						onClick: Jt
-					}, [x(s, {
-						name: "chevron-left",
-						size: "sm"
-					})], 8, Ve),
-					b("span", He, O(Mt.value), 1),
-					b("button", {
-						type: "button",
-						class: "m-datepicker__nav",
-						"aria-label": k(N).nextYear,
-						onClick: Yt
-					}, [x(s, {
-						name: "chevron-right",
-						size: "sm"
-					})], 8, Ue)
-				]), b("div", {
-					class: "m-datepicker__year-grid",
-					role: "grid",
-					"aria-label": Mt.value
-				}, [(T(!0), y(g, null, D(Pt.value, (e) => (T(), y("button", {
-					key: e.year,
-					type: "button",
-					class: w(["m-datepicker__cell", { "m-datepicker__cell--selected": e.selected }]),
-					role: "gridcell",
-					"aria-selected": e.selected,
-					onClick: (t) => $t(e.year)
-				}, O(e.year), 11, Ge))), 128))], 8, We)])) : v("", !0), gt.value ? (T(), y("div", {
-					key: 3,
-					class: "m-datepicker__time",
-					role: "group",
-					"aria-label": k(N).timePickerPlaceholder
-				}, [
-					b("div", qe, [(T(!0), y(g, null, D(k(xt), (e) => (T(), y("button", {
-						key: `h-${e}`,
-						type: "button",
-						class: w(["m-datepicker__time-item", { "m-datepicker__time-item--selected": V.value === e }]),
-						onClick: (t) => en("hour", e)
-					}, O(String(e).padStart(2, "0")), 11, Je))), 128))]),
-					b("div", Ye, [(T(!0), y(g, null, D(k(St), (e) => (T(), y("button", {
-						key: `m-${e}`,
-						type: "button",
-						class: w(["m-datepicker__time-item", { "m-datepicker__time-item--selected": H.value === e }]),
-						onClick: (t) => en("minute", e)
-					}, O(String(e).padStart(2, "0")), 11, Xe))), 128))]),
-					S.showSeconds ? (T(), y("div", Ze, [(T(!0), y(g, null, D(k(Ct), (e) => (T(), y("button", {
-						key: `s-${e}`,
-						type: "button",
-						class: w(["m-datepicker__time-item", { "m-datepicker__time-item--selected": U.value === e }]),
-						onClick: (t) => en("second", e)
-					}, O(String(e).padStart(2, "0")), 11, Qe))), 128))])) : v("", !0)
-				], 8, Ke)) : v("", !0)])], 14, be)) : v("", !0)]),
-				_: 1
-			}, 8, ["name", "css"])], 8, ["to", "disabled"]))
-		], 16));
-	}
-});
-//#endregion
-export { $e as t };