vectis-ui 0.8.0 → 0.9.0

package/dist/components/VDatePicker/VDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,35 +1,37 @@
-import { useMessages as e, useResolvedLocale as t } from "../../i18n/state.js";
-import n from "../VIcon/VIcon.js";
-import r from "../VButton/VButton.js";
-import i from "../VIconButton/VIconButton.js";
-import { useAriaLabel as a } from "../../composables/useAriaLabel.js";
-import { chevron_left as o } from "../VIcon/icons/chevron_left.js";
+import { isDev as e } from "../../utils/env.js";
+import { useMessages as t, useResolvedLocale as n } from "../../i18n/state.js";
+import r from "../VIcon/VIcon.js";
+import i from "../VButton/VButton.js";
+import a from "../VIconButton/VIconButton.js";
+import { useAriaLabel as o } from "../../composables/useAriaLabel.js";
+import { chevron_left as s } from "../VIcon/icons/chevron_left.js";
 import { chevron_right as ee } from "../VIcon/icons/chevron_right.js";
 import { clamp as te } from "../../utils/number.js";
 import { resolveMatcher as ne } from "../../utils/matcher.js";
 import { toggleValue as re } from "../../utils/array.js";
 import { arrow_drop_down as ie } from "../VIcon/icons/arrow_drop_down.js";
 import { arrow_drop_up as ae } from "../VIcon/icons/arrow_drop_up.js";
-import { addDays as oe, addMonths as s, buildMonthGrid as se, clampISO as ce, compareISO as c, daysInMonth as le, firstDayOfWeekFor as ue, formatISO as de, isDateAllowed as fe, isSameISO as l, isValidISO as u, isoOf as d, monthName as pe, monthNamesCompact as me, parseISO as f, weekdayNames as he } from "../../utils/date.js";
-import { dayStep as ge, gridDelta as _e } from "./keyboard.js";
-import "../../utils/hostWarns.js";
-import { Fragment as p, computed as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as ve, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as ye, nextTick as x, normalizeStyle as be, onMounted as xe, openBlock as S, ref as C, renderList as w, renderSlot as T, toDisplayString as E, unref as D, useId as Se, useModel as Ce, vShow as we, watch as Te, withCtx as O, withDirectives as Ee } from "vue";
+import { addDays as oe, addMonths as c, buildMonthGrid as se, clampISO as ce, compareISO as l, daysInMonth as le, firstDayOfWeekFor as ue, formatISO as de, isDateAllowed as fe, isSameISO as u, isValidISO as d, isoOf as f, parseISO as p, weekdayNames as pe } from "../../utils/date.js";
+import { monthName as me, monthNames as he, monthNamesCompact as ge, monthYearName as _e } from "./names.js";
+import { dayStep as ve, gridDelta as ye } from "./keyboard.js";
+import { hostWarnsKey as be } from "../../utils/hostWarns.js";
+import { Fragment as m, computed as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as xe, createVNode as y, defineComponent as b, inject as Se, mergeModels as x, mergeProps as Ce, nextTick as S, normalizeStyle as we, onMounted as Te, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useId as Ee, useModel as De, vShow as Oe, watch as ke, watchEffect as Ae, withCtx as k, withDirectives as je } from "vue";
 //#region src/components/VDatePicker/VDatePicker.vue?vue&type=script&setup=true&lang.ts
-var De = [
+var Me = [
 	"aria-label",
 	"data-view",
 	"data-selection",
 	"data-disabled",
 	"data-readonly"
-], Oe = { class: "v-date-picker-header" }, ke = { class: "v-date-picker-nav" }, Ae = { class: "v-date-picker-nav" }, je = ["aria-label", "aria-multiselectable"], Me = {
+], Ne = { class: "v-date-picker-nav" }, Pe = { class: "v-date-picker-nav" }, Fe = ["aria-label", "aria-multiselectable"], Ie = {
 	class: "v-date-picker-weekdays",
 	role: "row"
-}, Ne = ["aria-label"], Pe = [
+}, Le = ["aria-label"], Re = [
 	"aria-selected",
 	"data-in-range",
 	"data-range-start",
 	"data-range-end"
-], Fe = [
+], ze = [
 	"id",
 	"tabindex",
 	"data-outside",
@@ -42,30 +44,34 @@ var De = [
 	"onClick",
 	"onPointerenter",
 	"onFocus"
-], Ie = { class: "v-date-picker-day-num" }, Le = {
+], Be = { class: "v-date-picker-day-num" }, Ve = {
 	key: 0,
+	class: "v-visually-hidden"
+}, He = {
+	key: 1,
 	class: "v-date-picker-dots",
 	"aria-hidden": "true"
-}, Re = ["data-disabled"], ze = { class: "v-date-picker-day-num" }, Be = ["aria-label"], Ve = [
+}, Ue = ["data-disabled"], We = { class: "v-date-picker-day-num" }, Ge = ["aria-label"], Ke = [
 	"id",
 	"tabindex",
 	"data-selected",
 	"aria-selected",
+	"aria-label",
 	"disabled",
 	"onClick"
-], He = ["aria-label"], Ue = [
+], qe = ["aria-label"], Je = [
 	"id",
 	"tabindex",
 	"data-selected",
 	"aria-selected",
 	"disabled",
 	"onClick"
-], We = {
+], Ye = {
 	key: 2,
 	class: "v-date-picker-footer"
-}, k = /*@__PURE__*/ y({
+}, Xe = /*@__PURE__*/ b({
 	__name: "VDatePicker",
-	props: /*@__PURE__*/ b({
+	props: /*@__PURE__*/ x({
 		selection: { default: "single" },
 		locale: { default: void 0 },
 		firstDayOfWeek: { default: void 0 },
@@ -97,31 +103,35 @@ var De = [
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ b(["select"], ["update:modelValue"]),
-	setup(y, { expose: b, emit: k }) {
-		let A = y, j = Ce(y, "modelValue"), Ge = k, M = Se(), N = e(), Ke = a(() => A.label ?? N.value.datePicker.label), P = t(() => A.locale), F = m(() => A.firstDayOfWeek ?? ue(P.value)), qe = m(() => he(P.value, F.value, "short")), Je = m(() => he(P.value, F.value, "long")), Ye = m(() => me(P.value)), I = m(() => A.selection === "single" && typeof j.value == "string" && u(j.value) ? j.value : null), L = m(() => A.selection === "range" && j.value && typeof j.value == "object" && !Array.isArray(j.value) ? j.value : {
+	emits: /*@__PURE__*/ x(["select"], ["update:modelValue"]),
+	setup(b, { expose: x, emit: Xe }) {
+		let A = b, j = De(b, "modelValue"), Ze = Xe, M = Ee(), N = t(), Qe = o(() => A.label ?? N.value.datePicker.label), P = n(() => A.locale);
+		e && !Se(be, !1) && Ae(() => {
+			A.min && A.max && l(A.min, A.max) > 0 && console.warn(`[VDatePicker] min "${A.min}" falls after max "${A.max}", so no date can be chosen.`);
+		});
+		let F = h(() => A.firstDayOfWeek ?? ue(P.value)), $e = h(() => pe(P.value, F.value, "short")), et = h(() => pe(P.value, F.value, "long")), tt = h(() => ge(P.value)), nt = h(() => he(P.value)), I = h(() => A.selection === "single" && typeof j.value == "string" && d(j.value) ? j.value : null), L = h(() => A.selection === "range" && j.value && typeof j.value == "object" && !Array.isArray(j.value) ? j.value : {
 			start: null,
 			end: null
-		}), R = m(() => A.selection === "multiple" && Array.isArray(j.value) ? j.value : []);
-		function Xe() {
+		}), R = h(() => A.selection === "multiple" && Array.isArray(j.value) ? j.value : []);
+		function rt() {
 			if (I.value) return I.value;
 			let e = L.value.start;
-			return e && u(e) ? e : R.value.find(u) || ce(de(/* @__PURE__ */ new Date()), A.min, A.max);
+			return e && d(e) ? e : R.value.find(d) || (it = !0, ce(de(/* @__PURE__ */ new Date()), A.min, A.max));
 		}
-		let z = C(Xe()), B = C("days"), V = m(() => f(z.value)?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()), H = m(() => f(z.value)?.getMonth() ?? 0), Ze = m(() => pe(P.value, H.value)), Qe = m(() => `${Ze.value} ${V.value}`), U = C(null);
-		xe(() => {
-			U.value = de(/* @__PURE__ */ new Date());
+		let it = !1, z = w(rt()), B = w("days"), V = h(() => p(z.value)?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()), H = h(() => p(z.value)?.getMonth() ?? 0), at = h(() => me(P.value, H.value)), ot = h(() => _e(P.value, V.value, H.value)), st = w(null), U = w(0);
+		Te(() => {
+			st.value = de(/* @__PURE__ */ new Date()), it && U.value++;
 		});
-		let $e = m(() => ne(A.disabledDates)), et = m(() => {
+		let ct = h(() => ne(A.disabledDates)), lt = h(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of A.events ?? []) {
 				let n = e.get(t.date) ?? [];
 				n.push(t), e.set(t.date, n);
 			}
 			return e;
-		}), W = C(null);
+		}), W = w(null);
 		function G(e, t) {
-			return c(e, t) <= 0 ? {
+			return l(e, t) <= 0 ? {
 				start: e,
 				end: t
 			} : {
@@ -129,7 +139,7 @@ var De = [
 				end: e
 			};
 		}
-		let K = m(() => {
+		let K = h(() => {
 			if (A.selection !== "range") return {
 				start: null,
 				end: null
@@ -142,31 +152,36 @@ var De = [
 				end: e.end
 			};
 		});
-		function tt(e) {
-			return A.selection === "single" ? l(e, I.value) : A.selection === "multiple" ? R.value.includes(e) : l(e, K.value.start) || l(e, K.value.end);
+		function ut(e) {
+			return A.selection === "range" ? u(e, L.value.start) || u(e, L.value.end) : dt(e);
+		}
+		function dt(e) {
+			return A.selection === "single" ? u(e, I.value) : A.selection === "multiple" ? R.value.includes(e) : u(e, K.value.start) || u(e, K.value.end);
 		}
-		function nt(e) {
+		function ft(e) {
 			let { start: t, end: n } = K.value;
-			return !!t && !!n && c(e, t) >= 0 && c(e, n) <= 0;
+			return !!t && !!n && l(e, t) >= 0 && l(e, n) <= 0;
 		}
-		let rt = m(() => se(V.value, H.value, F.value)), it = [], q = m(() => rt.value.map((e) => {
-			let t = e.adjacent === null, n = t || A.showAdjacentDays || A.selectAdjacentDays, r = t || A.selectAdjacentDays, i = !fe(e.iso, A.min, A.max, $e.value), a = n ? r ? "button" : "static" : "empty", o = et.value.get(e.iso) ?? it;
+		let pt = h(() => se(V.value, H.value, F.value)), mt = [], q = h(() => pt.value.map((e) => {
+			let t = e.adjacent === null, n = t || A.showAdjacentDays || A.selectAdjacentDays, r = t || A.selectAdjacentDays, i = !fe(e.iso, A.min, A.max, ct.value), a = n ? r ? "button" : "static" : "empty", o = lt.value.get(e.iso) ?? mt;
 			return {
 				iso: e.iso,
 				day: e.day,
 				kind: a,
 				inMonth: t,
 				disabled: i,
-				selected: a === "button" && !i && tt(e.iso),
-				rangeStart: A.selection === "range" && l(e.iso, K.value.start),
-				rangeEnd: A.selection === "range" && l(e.iso, K.value.end),
-				inRange: A.selection === "range" && nt(e.iso),
-				today: l(e.iso, U.value),
+				selected: a === "button" && !i && dt(e.iso),
+				committed: a === "button" && !i && ut(e.iso),
+				rangeStart: A.selection === "range" && u(e.iso, K.value.start),
+				rangeEnd: A.selection === "range" && u(e.iso, K.value.end),
+				inRange: A.selection === "range" && ft(e.iso),
+				today: u(e.iso, st.value),
 				events: o,
-				dots: o.length > 3 ? o.slice(0, 3) : o
+				dots: o.length > 3 ? o.slice(0, 3) : o,
+				eventText: o.map((e) => e.label).filter(Boolean).join(", ")
 			};
 		}));
-		function at(e) {
+		function ht(e) {
 			return {
 				iso: e.iso,
 				day: e.day,
@@ -178,41 +193,41 @@ var De = [
 				events: e.events
 			};
 		}
-		let ot = m(() => {
+		let gt = h(() => {
 			let e = [];
 			for (let t = 0; t < q.value.length; t += 7) e.push(q.value.slice(t, t + 7));
 			return e;
 		});
 		function J(e, t) {
-			let n = d(e, t, 1), r = d(e, t, le(e, t));
-			return (!A.max || c(n, A.max) <= 0) && (!A.min || c(r, A.min) >= 0);
+			let n = f(e, t, 1), r = f(e, t, le(e, t));
+			return (!A.max || l(n, A.max) <= 0) && (!A.min || l(r, A.min) >= 0);
 		}
-		let st = m(() => H.value === 0 ? J(V.value - 1, 11) : J(V.value, H.value - 1)), ct = m(() => H.value === 11 ? J(V.value + 1, 0) : J(V.value, H.value + 1)), lt = m(() => !A.min || c(d(V.value - 1, 11, 31), A.min) >= 0), ut = m(() => !A.max || c(d(V.value + 1, 0, 1), A.max) <= 0), dt = (e) => `${M}-d-${e}`;
+		let _t = h(() => H.value === 0 ? J(V.value - 1, 11) : J(V.value, H.value - 1)), vt = h(() => H.value === 11 ? J(V.value + 1, 0) : J(V.value, H.value + 1)), yt = h(() => !A.min || l(f(V.value - 1, 11, 31), A.min) >= 0), bt = h(() => !A.max || l(f(V.value + 1, 0, 1), A.max) <= 0), xt = (e) => `${M}-d-${e}`;
 		function Y(e, t) {
-			x(() => document.getElementById(dt(e))?.focus(t));
+			S(() => document.getElementById(xt(e))?.focus(t));
 		}
 		function X(e, t = !1) {
 			A.disabled || (z.value = ce(e, A.min, A.max), t && B.value === "days" && Y(z.value));
 		}
-		function ft(e) {
-			X(s(z.value, e));
+		function St(e) {
+			X(c(z.value, e));
 		}
-		function pt(e) {
-			X(s(z.value, e * 12));
+		function Ct(e) {
+			X(c(z.value, e * 12));
 		}
-		function mt(e) {
+		function wt(e) {
 			let t = B.value === e ? "days" : e;
-			B.value = t, t === "months" ? (Z.value = H.value, x(() => bt(H.value)?.focus())) : t === "years" ? (Q.value = V.value, x(() => {
-				let e = Ot(V.value);
+			B.value = t, t === "months" ? (Z.value = H.value, S(() => At(H.value)?.focus())) : t === "years" ? ($.value = V.value, S(() => {
+				let e = Lt(V.value);
 				e?.scrollIntoView?.({ block: "center" }), e?.focus();
 			})) : B.value === "days" && Y(z.value);
 		}
-		function ht(e) {
+		function Tt(e) {
 			if (A.disabled || A.readonly || e.kind !== "button" || e.disabled) return;
 			z.value = e.iso;
 			let t;
 			if (A.selection === "single") t = e.iso;
-			else if (A.selection === "multiple") t = re(R.value, e.iso).sort(c);
+			else if (A.selection === "multiple") t = re(R.value, e.iso).sort(l);
 			else {
 				let n = L.value;
 				t = !n.start || n.end ? {
@@ -220,99 +235,109 @@ var De = [
 					end: null
 				} : G(n.start, e.iso);
 			}
-			j.value = t, Ge("select", t);
+			Bt = JSON.stringify(t), j.value = t, Ze("select", t);
 		}
-		function gt(e) {
+		function Et(e) {
+			if (e.altKey || e.ctrlKey || e.metaKey) return;
 			if (e.key === "Enter" || e.key === " ") {
 				e.preventDefault();
 				let t = q.value.find((e) => e.iso === z.value);
-				t && ht(t);
+				t && Tt(t);
 				return;
 			}
-			let t = (f(z.value).getDay() - F.value + 7) % 7, n = ge(e.key, e.shiftKey, t);
-			n && (e.preventDefault(), X("days" in n ? oe(z.value, n.days) : s(z.value, n.months), !0));
+			let t = (p(z.value).getDay() - F.value + 7) % 7, n = ve(e.key, e.shiftKey, t);
+			n && (e.preventDefault(), X("days" in n ? oe(z.value, n.days) : c(z.value, n.months), !0));
 		}
-		function _t(e, t) {
-			X(d(e, t, Math.min(f(z.value).getDate(), le(e, t)))), B.value = "days", Y(z.value);
+		function Dt(e, t) {
+			X(f(e, t, Math.min(p(z.value).getDate(), le(e, t)))), B.value = "days", Y(z.value);
 		}
-		function vt(e, t, n, r, i) {
+		function Ot(e, t, n, r, i, a = () => !0) {
+			if (e.altKey || e.ctrlKey || e.metaKey) return;
 			if (e.key === "Enter" || e.key === " ") {
 				e.preventDefault(), i(n.value);
 				return;
 			}
-			let a = _e(e.key);
-			a !== void 0 && (e.preventDefault(), n.value = t[te(t.indexOf(n.value) + a, 0, t.length - 1)] ?? n.value, r(n.value)?.focus());
+			let o = ye(e.key);
+			if (o === void 0) return;
+			e.preventDefault();
+			let s = te(t.indexOf(n.value) + o, 0, t.length - 1);
+			for (; !a(t[s]) && s + o >= 0 && s + o < t.length;) s += o;
+			a(t[s]) && (n.value = t[s], r(n.value)?.focus());
 		}
-		let yt = Array.from({ length: 12 }, (e, t) => t), Z = C(H.value), bt = (e) => document.getElementById(`${M}-m-${e}`);
-		function xt(e) {
+		let kt = Array.from({ length: 12 }, (e, t) => t), Z = w(H.value), At = (e) => document.getElementById(`${M}-m-${e}`);
+		function Q(e) {
 			return J(V.value, e);
 		}
-		function St(e) {
-			xt(e) && _t(V.value, e);
+		function jt(e) {
+			Q(e) && Dt(V.value, e);
 		}
-		let Ct = (e) => vt(e, yt, Z, bt, St), wt = (e) => Array.from({ length: Math.ceil(e.length / 3) }, (t, n) => e.slice(n * 3, n * 3 + 3)), Tt = m(() => wt(Ye.value.map((e, t) => ({
+		let Mt = (e) => Ot(e, kt, Z, At, jt, Q), Nt = (e) => Array.from({ length: Math.ceil(e.length / 3) }, (t, n) => e.slice(n * 3, n * 3 + 3)), Pt = h(() => Nt(tt.value.map((e, t) => ({
 			name: e,
 			i: t
-		})))), Et = m(() => {
-			let e = f(A.min)?.getFullYear() ?? V.value - 100, t = f(A.max)?.getFullYear() ?? V.value + 100, n = [];
+		})))), Ft = h(() => {
+			let e = p(A.min)?.getFullYear() ?? V.value - 100, t = p(A.max)?.getFullYear() ?? V.value + 100, n = [];
 			for (let r = e; r <= t; r++) n.push(r);
 			return n;
-		}), Dt = m(() => wt(Et.value)), Q = C(V.value), Ot = (e) => document.getElementById(`${M}-y-${e}`), $ = (e) => _t(e, H.value), kt = (e) => vt(e, Et.value, Q, Ot, $);
-		Te(() => [
+		}), It = h(() => Nt(Ft.value)), $ = w(V.value), Lt = (e) => document.getElementById(`${M}-y-${e}`), Rt = (e) => Dt(e, H.value), zt = (e) => Ot(e, Ft.value, $, Lt, Rt), Bt;
+		ke(() => [
 			I.value,
 			L.value.start,
 			R.value[0]
 		], () => {
+			if (Bt !== void 0 && JSON.stringify(j.value) === Bt) return;
 			let e = I.value ?? L.value.start ?? R.value[0];
-			if (e && u(e)) {
-				let t = f(e);
+			if (e && d(e)) {
+				let t = p(e);
 				(t.getFullYear() !== V.value || t.getMonth() !== H.value) && (z.value = e);
 			}
 		});
-		function At(e) {
+		function Vt(e) {
 			B.value = "days", Y(z.value, e);
 		}
-		function jt() {
-			B.value = "days", W.value = null, z.value = Xe();
+		function Ht() {
+			B.value = "days", W.value = null, z.value = rt();
 		}
-		return b({
-			focus: At,
-			reset: jt
-		}), (e, t) => (S(), g("div", {
+		return x({
+			focus: Vt,
+			reset: Ht
+		}), (e, t) => (C(), _("div", {
 			class: "v-date-picker",
 			role: "group",
-			"aria-label": D(Ke),
+			"aria-label": O(Qe),
 			"data-view": B.value,
-			"data-selection": y.selection,
-			"data-disabled": y.disabled ? "" : void 0,
-			"data-readonly": y.readonly ? "" : void 0,
+			"data-selection": b.selection,
+			"data-disabled": b.disabled ? "" : void 0,
+			"data-readonly": b.readonly ? "" : void 0,
 			onPointerleave: t[6] ||= (e) => W.value = null
 		}, [
-			_("div", Oe, [_("div", ke, [
-				v(i, {
-					label: D(N).datePicker.previousMonth,
+			(C(), _("div", {
+				key: `header-${U.value}`,
+				class: "v-date-picker-header"
+			}, [v("div", Ne, [
+				y(a, {
+					label: O(N).datePicker.previousMonth,
 					size: "sm",
-					disabled: y.disabled || !st.value,
-					onClick: t[0] ||= (e) => ft(-1)
+					disabled: b.disabled || !_t.value,
+					onClick: t[0] ||= (e) => St(-1)
 				}, {
-					default: O(() => [v(n, {
-						name: D(o),
+					default: k(() => [y(r, {
+						name: O(s),
 						mirrored: ""
 					}, null, 8, ["name"])]),
 					_: 1
 				}, 8, ["label", "disabled"]),
-				v(r, {
+				y(i, {
 					variant: "ghost",
 					tone: "neutral",
 					size: "sm",
 					class: "v-date-picker-view-toggle",
-					disabled: y.disabled,
+					disabled: b.disabled,
 					"aria-expanded": B.value === "months",
-					"aria-label": Ze.value,
-					onClick: t[1] ||= (e) => mt("months")
+					"aria-label": at.value,
+					onClick: t[1] ||= (e) => wt("months")
 				}, {
-					default: O(() => [ve(E(Ye.value[H.value]) + " ", 1), v(n, {
-						name: B.value === "months" ? D(ae) : D(ie),
+					default: k(() => [xe(D(tt.value[H.value]) + " ", 1), y(r, {
+						name: B.value === "months" ? O(ae) : O(ie),
 						"aria-hidden": "true"
 					}, null, 8, ["name"])]),
 					_: 1
@@ -321,85 +346,86 @@ var De = [
 					"aria-expanded",
 					"aria-label"
 				]),
-				v(i, {
-					label: D(N).datePicker.nextMonth,
+				y(a, {
+					label: O(N).datePicker.nextMonth,
 					size: "sm",
-					disabled: y.disabled || !ct.value,
-					onClick: t[2] ||= (e) => ft(1)
+					disabled: b.disabled || !vt.value,
+					onClick: t[2] ||= (e) => St(1)
 				}, {
-					default: O(() => [v(n, {
-						name: D(ee),
+					default: k(() => [y(r, {
+						name: O(ee),
 						mirrored: ""
 					}, null, 8, ["name"])]),
 					_: 1
 				}, 8, ["label", "disabled"])
-			]), _("div", Ae, [
-				v(i, {
-					label: D(N).datePicker.previousYear,
+			]), v("div", Pe, [
+				y(a, {
+					label: O(N).datePicker.previousYear,
 					size: "sm",
-					disabled: y.disabled || !lt.value,
-					onClick: t[3] ||= (e) => pt(-1)
+					disabled: b.disabled || !yt.value,
+					onClick: t[3] ||= (e) => Ct(-1)
 				}, {
-					default: O(() => [v(n, {
-						name: D(o),
+					default: k(() => [y(r, {
+						name: O(s),
 						mirrored: ""
 					}, null, 8, ["name"])]),
 					_: 1
 				}, 8, ["label", "disabled"]),
-				v(r, {
+				y(i, {
 					variant: "ghost",
 					tone: "neutral",
 					size: "sm",
 					class: "v-date-picker-view-toggle",
-					disabled: y.disabled,
+					disabled: b.disabled,
 					"aria-expanded": B.value === "years",
-					onClick: t[4] ||= (e) => mt("years")
+					onClick: t[4] ||= (e) => wt("years")
 				}, {
-					default: O(() => [ve(E(V.value) + " ", 1), v(n, {
-						name: B.value === "years" ? D(ae) : D(ie),
+					default: k(() => [xe(D(V.value) + " ", 1), y(r, {
+						name: B.value === "years" ? O(ae) : O(ie),
 						"aria-hidden": "true"
 					}, null, 8, ["name"])]),
 					_: 1
 				}, 8, ["disabled", "aria-expanded"]),
-				v(i, {
-					label: D(N).datePicker.nextYear,
+				y(a, {
+					label: O(N).datePicker.nextYear,
 					size: "sm",
-					disabled: y.disabled || !ut.value,
-					onClick: t[5] ||= (e) => pt(1)
+					disabled: b.disabled || !bt.value,
+					onClick: t[5] ||= (e) => Ct(1)
 				}, {
-					default: O(() => [v(n, {
-						name: D(ee),
+					default: k(() => [y(r, {
+						name: O(ee),
 						mirrored: ""
 					}, null, 8, ["name"])]),
 					_: 1
 				}, 8, ["label", "disabled"])
-			])]),
-			Ee(_("div", {
+			])])),
+			je((C(), _("div", {
+				key: `days-${U.value}`,
 				class: "v-date-picker-grid",
 				role: "grid",
-				"aria-label": Qe.value,
-				"aria-multiselectable": y.selection === "multiple" ? "true" : void 0,
-				onKeydown: gt
-			}, [_("div", Me, [(S(!0), g(p, null, w(qe.value, (e, t) => (S(), g("span", {
+				"aria-label": ot.value,
+				"aria-multiselectable": b.selection === "multiple" ? "true" : void 0,
+				onKeydown: Et
+			}, [v("div", Ie, [(C(!0), _(m, null, T($e.value, (e, t) => (C(), _("span", {
 				key: e,
 				class: "v-date-picker-weekday",
 				role: "columnheader",
-				"aria-label": Je.value[t]
-			}, E(e), 9, Ne))), 128))]), (S(!0), g(p, null, w(ot.value, (t, n) => (S(), g("div", {
+				"aria-label": et.value[t]
+			}, D(e), 9, Le))), 128))]), (C(!0), _(m, null, T(gt.value, (t, n) => (C(), _("div", {
 				key: n,
 				class: "v-date-picker-week",
 				role: "row"
-			}, [(S(!0), g(p, null, w(t, (t) => (S(), g("div", {
+			}, [(C(!0), _(m, null, T(t, (t) => (C(), _("div", {
 				key: t.iso,
 				class: "v-date-picker-cell",
 				role: "gridcell",
-				"aria-selected": t.kind === "button" ? t.selected : void 0,
+				"aria-selected": t.kind === "button" ? t.committed : void 0,
 				"data-in-range": t.inRange ? "" : void 0,
 				"data-range-start": t.rangeStart ? "" : void 0,
 				"data-range-end": t.rangeEnd ? "" : void 0
-			}, [t.kind === "button" ? (S(), g("button", {
+			}, [t.kind === "button" ? (C(), _("button", {
 				key: 0,
-				id: dt(t.iso),
+				id: xt(t.iso),
 				type: "button",
 				class: "v-date-picker-day",
 				tabindex: t.iso === z.value ? 0 : -1,
@@ -407,70 +433,75 @@ var De = [
 				"data-selected": t.selected ? "" : void 0,
 				"data-today": t.today ? "" : void 0,
 				"data-unavailable": t.disabled ? "" : void 0,
-				disabled: y.disabled,
-				"aria-disabled": t.disabled || y.readonly ? "true" : void 0,
+				disabled: b.disabled,
+				"aria-disabled": t.disabled || b.readonly ? "true" : void 0,
 				"aria-current": t.today ? "date" : void 0,
-				onClick: (e) => ht(t),
+				onClick: (e) => Tt(t),
 				onPointerenter: (e) => W.value = t.iso,
 				onFocus: (e) => W.value = t.iso
-			}, [T(e.$slots, "day", ye({ ref_for: !0 }, at(t)), () => [_("span", Ie, E(t.day), 1)]), t.dots.length ? (S(), g("span", Le, [(S(!0), g(p, null, w(t.dots, (e, t) => (S(), g("span", {
-				key: t,
-				class: "v-date-picker-dot",
-				style: be(e.color ? { "--date-picker-dot-color": e.color } : void 0)
-			}, null, 4))), 128))])) : h("", !0)], 40, Fe)) : t.kind === "static" ? (S(), g("span", {
+			}, [
+				E(e.$slots, "day", Ce({ ref_for: !0 }, ht(t)), () => [v("span", Be, D(t.day), 1)]),
+				t.eventText ? (C(), _("span", Ve, ", " + D(t.eventText), 1)) : g("", !0),
+				t.dots.length ? (C(), _("span", He, [(C(!0), _(m, null, T(t.dots, (e, t) => (C(), _("span", {
+					key: t,
+					class: "v-date-picker-dot",
+					style: we(e.color ? { "--date-picker-dot-color": e.color } : void 0)
+				}, null, 4))), 128))])) : g("", !0)
+			], 40, ze)) : t.kind === "static" ? (C(), _("span", {
 				key: 1,
 				class: "v-date-picker-day v-date-picker-day--static",
 				"data-disabled": t.disabled ? "" : void 0
-			}, [T(e.$slots, "day", ye({ ref_for: !0 }, at(t)), () => [_("span", ze, E(t.day), 1)])], 8, Re)) : h("", !0)], 8, Pe))), 128))]))), 128))], 40, je), [[we, B.value === "days"]]),
-			B.value === "months" ? (S(), g("div", {
+			}, [E(e.$slots, "day", Ce({ ref_for: !0 }, ht(t)), () => [v("span", We, D(t.day), 1)])], 8, Ue)) : g("", !0)], 8, Re))), 128))]))), 128))], 40, Fe)), [[Oe, B.value === "days"]]),
+			B.value === "months" ? (C(), _("div", {
 				key: 0,
 				class: "v-date-picker-view",
 				role: "grid",
-				"aria-label": D(N).datePicker.monthPicker,
-				onKeydown: Ct
-			}, [(S(!0), g(p, null, w(Tt.value, (e, t) => (S(), g("div", {
+				"aria-label": O(N).datePicker.monthPicker,
+				onKeydown: Mt
+			}, [(C(!0), _(m, null, T(Pt.value, (e, t) => (C(), _("div", {
 				key: t,
 				class: "v-date-picker-view-row",
 				role: "row"
-			}, [(S(!0), g(p, null, w(e, ({ name: e, i: t }) => (S(), g("button", {
-				id: `${D(M)}-m-${t}`,
-				key: e,
+			}, [(C(!0), _(m, null, T(e, ({ name: e, i: t }) => (C(), _("button", {
+				id: `${O(M)}-m-${t}`,
+				key: t,
 				type: "button",
 				class: "v-date-picker-view-cell",
 				role: "gridcell",
 				tabindex: t === Z.value ? 0 : -1,
 				"data-selected": t === H.value ? "" : void 0,
 				"aria-selected": t === H.value ? "true" : void 0,
-				disabled: y.disabled || !xt(t),
-				onClick: (e) => St(t)
-			}, E(e), 9, Ve))), 128))]))), 128))], 40, Be)) : h("", !0),
-			B.value === "years" ? (S(), g("div", {
+				"aria-label": nt.value[t],
+				disabled: b.disabled || !Q(t),
+				onClick: (e) => jt(t)
+			}, D(e), 9, Ke))), 128))]))), 128))], 40, Ge)) : g("", !0),
+			B.value === "years" ? (C(), _("div", {
 				key: 1,
 				class: "v-date-picker-view v-date-picker-view--years",
 				role: "grid",
-				"aria-label": D(N).datePicker.yearPicker,
-				onKeydown: kt
-			}, [(S(!0), g(p, null, w(Dt.value, (e, t) => (S(), g("div", {
+				"aria-label": O(N).datePicker.yearPicker,
+				onKeydown: zt
+			}, [(C(!0), _(m, null, T(It.value, (e, t) => (C(), _("div", {
 				key: t,
 				class: "v-date-picker-view-row",
 				role: "row"
-			}, [(S(!0), g(p, null, w(e, (e) => (S(), g("button", {
-				id: `${D(M)}-y-${e}`,
+			}, [(C(!0), _(m, null, T(e, (e) => (C(), _("button", {
+				id: `${O(M)}-y-${e}`,
 				key: e,
 				type: "button",
 				class: "v-date-picker-view-cell",
 				role: "gridcell",
-				tabindex: e === Q.value ? 0 : -1,
+				tabindex: e === $.value ? 0 : -1,
 				"data-selected": e === V.value ? "" : void 0,
 				"aria-selected": e === V.value ? "true" : void 0,
-				disabled: y.disabled,
-				onClick: (t) => $(e)
-			}, E(e), 9, Ue))), 128))]))), 128))], 40, He)) : h("", !0),
-			e.$slots.footer ? (S(), g("div", We, [T(e.$slots, "footer")])) : h("", !0)
-		], 40, De));
+				disabled: b.disabled,
+				onClick: (t) => Rt(e)
+			}, D(e), 9, Je))), 128))]))), 128))], 40, qe)) : g("", !0),
+			e.$slots.footer ? (C(), _("div", Ye, [E(e.$slots, "footer")])) : g("", !0)
+		], 40, Me));
 	}
 });
 //#endregion
-export { k as default };
+export { Xe as default };
 
 //# sourceMappingURL=VDatePicker.vue_vue_type_script_setup_true_lang.js.map