@czxingyu/xycomponents 0.1.0

package/dist/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,750 @@
+import { resolveSemanticClassNames as e, resolveSemanticStyles as t } from "../core/shared/index.js";
+import { provideXyFormControl as n, useXyFormControl as r } from "../core/control/index.js";
+import { useXyLocale as i } from "../core/locale/index.js";
+import { useOverlayPosition as ee } from "../core/overlay/index.js";
+import a from "../icon/icon.js";
+import te from "../input/input.js";
+import { clampDateToBounds as ne, getDatePickerFormat as re, getMonthRows as ie, getPickerUnit as ae, getQuarterLabel as oe, isDateOutsideBounds as se, isSamePickerValue as ce, normalizeDateForPicker as o, parseDateValue as s, parseFormattedDateValue as c, rotateWeekdayLabels as le, startOfLocaleWeek as ue } from "./utils.js";
+import { Fragment as l, Teleport as de, computed as u, createBlock as fe, createCommentVNode as pe, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, getCurrentInstance as me, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as he, onMounted as ge, openBlock as y, ref as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as _e, watch as ve } from "vue";
+import T from "dayjs";
+//#region components/date-picker/range-picker.vue?vue&type=script&setup=true&lang.ts
+var ye = {
+	class: "xy-range-picker__suffix",
+	"aria-hidden": "true"
+}, be = ["aria-label"], xe = { class: "xy-range-picker__panels" }, Se = { class: "xy-range-picker__panel-side" }, Ce = ["aria-label", "disabled"], we = { "aria-live": "polite" }, Te = {
+	class: "xy-range-picker__weekdays",
+	"aria-hidden": "true"
+}, Ee = [
+	"id",
+	"aria-current",
+	"aria-selected",
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], De = { class: "xy-range-picker__panel-side" }, Oe = { "aria-live": "polite" }, ke = ["aria-label", "disabled"], Ae = {
+	class: "xy-range-picker__weekdays",
+	"aria-hidden": "true"
+}, je = [
+	"id",
+	"aria-current",
+	"aria-selected",
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], Me = {
+	key: 1,
+	class: "xy-range-picker__panel-side"
+}, Ne = ["aria-label", "disabled"], Pe = {
+	key: 0,
+	class: "xy-range-picker__header-label",
+	"aria-live": "polite"
+}, Fe = {
+	key: 1,
+	"aria-live": "polite"
+}, Ie = ["aria-label", "disabled"], Le = [
+	"id",
+	"aria-selected",
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], Re = [
+	"id",
+	"aria-selected",
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], ze = {
+	key: 0,
+	class: "xy-range-picker__presets"
+}, Be = ["onClick"], Ve = /*@__PURE__*/ h({
+	name: "XyRangePicker",
+	__name: "range-picker",
+	props: {
+		allowClear: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		ariaLabels: {
+			type: Array,
+			required: !1
+		},
+		autofocus: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		classNames: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		disabled: {
+			type: [Boolean, Array],
+			required: !1
+		},
+		disabledDate: {
+			type: Function,
+			required: !1
+		},
+		format: {
+			type: String,
+			required: !1
+		},
+		id: {
+			type: String,
+			required: !1
+		},
+		maxDate: {
+			type: null,
+			required: !1
+		},
+		minDate: {
+			type: null,
+			required: !1
+		},
+		modelValue: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		order: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		picker: {
+			type: String,
+			required: !1,
+			default: "date"
+		},
+		placement: {
+			type: String,
+			required: !1,
+			default: "bottomLeft"
+		},
+		placeholders: {
+			type: Array,
+			required: !1
+		},
+		presets: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		readonly: {
+			type: Boolean,
+			required: !1
+		},
+		size: {
+			type: String,
+			required: !1
+		},
+		status: {
+			type: String,
+			required: !1
+		},
+		styles: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		valueFormat: {
+			type: String,
+			required: !1
+		},
+		variant: {
+			type: String,
+			required: !1,
+			default: "outlined"
+		}
+	},
+	emits: [
+		"blur",
+		"calendar-change",
+		"calendarChange",
+		"change",
+		"clear",
+		"focus",
+		"open-change",
+		"openChange",
+		"update:modelValue",
+		"update:open"
+	],
+	setup(h, { expose: Ve, emit: He }) {
+		let E = h, D = He, O = r(() => ({
+			disabled: typeof E.disabled == "boolean" ? E.disabled : void 0,
+			id: E.id,
+			readonly: E.readonly,
+			size: E.size,
+			status: E.status
+		}));
+		n({
+			describedBy: O.describedBy,
+			disabled: O.disabled,
+			labelledBy: O.labelledBy,
+			readonly: O.readonly,
+			size: O.size,
+			status: O.status
+		});
+		let Ue = me(), k = b(), A = b(), We = b(), Ge = b(), Ke = _e(), qe = `${Ke}-panel`, j = i(), Je = b(E.defaultOpen), M = b(0), N = b(null), P = b(!1), Ye = u(() => Object.prototype.hasOwnProperty.call(Ue?.vnode.props ?? {}, "open")), F = u(() => Ye.value ? !!E.open : Je.value), Xe = u(() => E.picker === "date" || E.picker === "week"), I = u(() => e(E.classNames, E)), L = u(() => t(E.styles, E)), Ze = u(() => re(E.picker, E.format, "display")), R = u(() => re(E.picker, E.valueFormat, "value")), Qe = u(() => E.ariaLabels ?? j.value.datePicker.rangeAriaLabels), $e = u(() => E.placeholders ?? j.value.datePicker.rangePlaceholders), et = u(() => le(j.value.datePicker.weekdayLabels, j.value.datePicker.weekStart)), tt = u(() => ae(E.picker)), nt = u(() => E.presets ?? []), z = u(() => c(E.modelValue[0] ?? "", R.value)), rt = u(() => c(E.modelValue[1] ?? "", R.value)), it = u(() => z.value?.format(Ze.value) ?? ""), at = u(() => rt.value?.format(Ze.value) ?? ""), ot = () => ne(z.value ?? T(), E.minDate, E.maxDate), B = b(ot()), V = b(ot()), H = u(() => B.value), U = u(() => B.value.add(1, "month"));
+		function st(e) {
+			let t = ue(e.startOf("month"), j.value.datePicker.weekStart);
+			return Array.from({ length: 42 }, (e, n) => t.add(n, "day"));
+		}
+		let ct = u(() => st(H.value)), lt = u(() => st(U.value)), ut = u(() => Array.from({ length: 12 }, (e, t) => B.value.startOf("year").month(t))), dt = u(() => Array.from({ length: 4 }, (e, t) => B.value.startOf("year").quarter(t + 1))), ft = u(() => {
+			let e = Math.floor(B.value.year() / 12) * 12;
+			return Array.from({ length: 12 }, (t, n) => B.value.year(e + n).startOf("year"));
+		}), pt = u(() => E.picker === "month" ? ut.value : E.picker === "quarter" ? dt.value : ft.value), mt = u(() => j.value.datePicker.yearMonthLabel(H.value.year(), H.value.month() + 1)), ht = u(() => j.value.datePicker.yearMonthLabel(U.value.year(), U.value.month() + 1)), gt = u(() => E.picker === "year" ? `${ft.value[0]?.year()} - ${ft.value[11]?.year()}` : j.value.datePicker.yearLabel(B.value.year()));
+		u(() => ie(B.value));
+		let _t = u(() => E.picker === "month" || E.picker === "quarter" || E.picker === "year"), vt = u(() => _t.value ? "double-left-outlined" : "left-outlined"), yt = u(() => _t.value ? "double-right-outlined" : "right-outlined");
+		function bt(e) {
+			return j.value.datePicker.monthLabels[e.month()] ?? String(e.month() + 1);
+		}
+		let { overlayStyle: xt, updatePositionAfterRender: W } = ee({
+			offset: 4,
+			open: F,
+			overlayRef: Ge,
+			placement: () => E.placement,
+			triggerRef: k
+		}), St = u(() => ({
+			...xt.value,
+			minWidth: Xe.value ? "600px" : "296px"
+		})), Ct = u(() => F.value ? G(V.value) : void 0);
+		function G(e) {
+			return `${Ke}-cell-${e.format("YYYY-MM-DD")}`;
+		}
+		function K(e) {
+			let t = o(e, E.picker);
+			return se(t, E.picker, E.minDate, E.maxDate) || !!E.disabledDate?.(t);
+		}
+		function wt(e, t) {
+			return (E.picker === "date" || E.picker === "week") && e.month() !== t.month();
+		}
+		function q(e) {
+			return !!(z.value && ce(e, z.value, E.picker));
+		}
+		function J(e) {
+			return !!(rt.value && ce(e, rt.value, E.picker));
+		}
+		function Y(e) {
+			return q(e) || J(e);
+		}
+		function Tt() {
+			let e = z.value, t = rt.value;
+			if (!t && M.value === 1 && N.value && (t = N.value), !e || !t) return null;
+			let n = tt.value, r = e.isBefore(t, n) ? e : t;
+			return {
+				hi: e.isBefore(t, n) ? t : e,
+				lo: r,
+				unit: n
+			};
+		}
+		function Et(e) {
+			let t = Tt();
+			if (!t) return !1;
+			let { hi: n, lo: r, unit: i } = t;
+			return !e.isBefore(r, i) && !e.isAfter(n, i) && !q(e) && !J(e);
+		}
+		function Dt(e) {
+			return ce(e, V.value, E.picker);
+		}
+		function Ot() {
+			let e = ot();
+			B.value = e, V.value = kt(e, 1);
+		}
+		function kt(e, t) {
+			let n = o(e, E.picker), r = E.picker === "year" ? "year" : E.picker === "quarter" ? "quarter" : E.picker === "month" ? "month" : "day";
+			for (let e = 0; e < 400; e += 1) {
+				if (!K(n)) return n;
+				n = n.add(t, r);
+			}
+			return o(e, E.picker);
+		}
+		function X(e, t = !1) {
+			e && (O.disabled.value || O.readonly.value) || F.value !== e && (Ye.value || (Je.value = e), D("update:open", e), D("open-change", e), D("openChange", e), e ? (Ot(), g(W)) : (P.value = !1, N.value = null, t && g(() => M.value === 0 ? A.value?.focus() : We.value?.focus())));
+		}
+		function Z(e, t) {
+			let n = e[0] || e[1] ? e : [];
+			D("update:modelValue", n), D("change", n), D("calendarChange", n, t), D("calendar-change", n, t), O.notifyChange(n);
+		}
+		function Q(e) {
+			let t = o(e, E.picker);
+			if (K(t)) return;
+			let n = t.format(R.value), r = E.modelValue[0] ?? "", i = E.modelValue[1] ?? "";
+			if (M.value === 0 || !r) {
+				let e = [n, ""];
+				if (i) {
+					let t = c(n, R.value), r = c(i, R.value);
+					t && r && !r.isBefore(t, tt.value) && (e[1] = i);
+				}
+				Z(e, 0), M.value = 1, V.value = t;
+			} else {
+				let e = [r, n];
+				if (E.order) {
+					let t = c(r, R.value), i = c(n, R.value);
+					t && i && i.isBefore(t, tt.value) && (e = [n, r]);
+				}
+				Z(e, 1), X(!1, !0);
+			}
+		}
+		function At(e) {
+			M.value === 1 && z.value && !K(e) && (N.value = e);
+		}
+		function jt(e) {
+			let t = +(e === 0), n = E.modelValue[t] ?? "";
+			Z([e === 0 ? "" : E.modelValue[0] ?? "", e === 1 ? "" : E.modelValue[1] ?? ""], e), n || D("clear"), M.value = e;
+		}
+		function Mt(e) {
+			let [t, n] = typeof e.value == "function" ? e.value() : e.value, r = typeof t == "string" ? c(t, R.value) ?? s(t) : s(t), i = typeof n == "string" ? c(n, R.value) ?? s(n) : s(n);
+			if (!r || !i) return;
+			let ee = o(r, E.picker), a = o(i, E.picker), te = ee.format(R.value), ne = a.format(R.value), re = [te, ne];
+			E.order && i.isBefore(r, tt.value) && (re = [ne, te]), Z(re, 1), X(!1, !0);
+		}
+		function Nt(e) {
+			return E.picker === "year" ? B.value.add(e * 12, "year") : E.picker === "month" || E.picker === "quarter" ? B.value.add(e, "year") : B.value.add(e, "month");
+		}
+		function Pt(e) {
+			if (E.picker === "year") {
+				let t = Math.floor(e.year() / 12) * 12;
+				return [e.year(t).startOf("year"), e.year(t + 11).endOf("year")];
+			}
+			return E.picker === "month" || E.picker === "quarter" ? [e.startOf("year"), e.endOf("year")] : [e.startOf("month"), e.endOf("month")];
+		}
+		function $(e) {
+			let [t, n] = Pt(Nt(e)), r = s(E.minDate), i = s(E.maxDate);
+			return !(r && n.isBefore(r, "day") || i && t.isAfter(i, "day"));
+		}
+		function Ft(e) {
+			$(e) && (B.value = Nt(e), V.value = kt(B.value, e), g(W));
+		}
+		function It(e) {
+			if (E.picker === "year") {
+				let t = Math.floor(B.value.year() / 12);
+				Math.floor(e.year() / 12) !== t && (B.value = e);
+			} else if (E.picker === "month" || E.picker === "quarter") e.year() !== B.value.year() && (B.value = e);
+			else if (Xe.value) {
+				let t = H.value, n = U.value;
+				!e.isSame(t, "month") && !e.isSame(n, "month") && (e.isBefore(t, "month") ? B.value = e.startOf("month") : B.value = e.startOf("month").subtract(1, "month"));
+			} else e.isSame(B.value, "month") || (B.value = e);
+		}
+		function Lt(e, t) {
+			let n = e < 0 ? -1 : 1, r = kt(V.value.add(e, t), n);
+			V.value = r, It(r), P.value = !0, g(W);
+		}
+		function Rt(e) {
+			if (e.key === "Tab") {
+				X(!1);
+				return;
+			}
+			if (e.key === "Escape" && F.value) {
+				e.preventDefault(), X(!1, !0);
+				return;
+			}
+			if (!F.value) {
+				(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), X(!0));
+				return;
+			}
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault(), Q(V.value);
+				return;
+			}
+			if (e.key === "Home" || e.key === "End") {
+				e.preventDefault();
+				return;
+			}
+			if (e.key === "PageUp" || e.key === "PageDown") {
+				e.preventDefault();
+				let t = e.key === "PageUp" ? -1 : 1;
+				E.picker === "year" ? Lt(t * 12, "year") : E.picker === "month" || E.picker === "quarter" ? Lt(t, "year") : Lt(t, "month");
+				return;
+			}
+			let t = E.picker === "quarter" ? 2 : Xe.value ? 7 : 3, n = E.picker === "year" ? "year" : E.picker === "quarter" ? "quarter" : E.picker === "month" ? "month" : "day", r = e.key === "ArrowLeft" ? -1 : e.key === "ArrowRight" ? 1 : e.key === "ArrowUp" ? -t : e.key === "ArrowDown" ? t : 0;
+			r && (e.preventDefault(), Lt(r, n));
+		}
+		function zt(e) {
+			return O.disabled.value || (Array.isArray(E.disabled) ? E.disabled[e] : !!E.disabled);
+		}
+		function Bt(e, t) {
+			if (!e.target.closest(".xy-input__clear") && !(zt(t) || O.readonly.value)) {
+				if (F.value) {
+					M.value = t;
+					return;
+				}
+				t === 0 && E.modelValue[0] && E.modelValue[1] && Z(["", ""], 0), M.value = t, X(!0);
+			}
+		}
+		function Vt(e, t) {
+			D("focus", e, t);
+		}
+		function Ht(e) {
+			g(() => {
+				k.value?.contains(document.activeElement) || Ge.value?.contains(document.activeElement) || (D("blur", e), O.notifyBlur(e));
+			});
+		}
+		function Ut(e) {
+			let t = e.target;
+			k.value?.contains(t) || Ge.value?.contains(t) || X(!1);
+		}
+		return ge(() => {
+			document.addEventListener("pointerdown", Ut), E.autofocus && A.value?.focus(), F.value && (Ot(), g(W));
+		}), he(() => document.removeEventListener("pointerdown", Ut)), ve([
+			z,
+			() => E.picker,
+			() => E.minDate,
+			() => E.maxDate
+		], () => {
+			F.value || Ot();
+		}), ve(F, (e) => {
+			e && (Ot(), g(W));
+		}), ve(() => E.modelValue, () => {
+			F.value || (M.value = 0);
+		}), Ve({
+			blur: () => {
+				A.value?.blur(), We.value?.blur();
+			},
+			focus: (e = 0, t) => (e === 0 ? A.value : We.value)?.focus(t),
+			get nativeElement() {
+				return k.value;
+			}
+		}), (e, t) => (y(), d(l, null, [f("div", {
+			ref_key: "rootRef",
+			ref: k,
+			class: _(["xy-range-picker", [
+				`xy-range-picker--${w(O).size.value}`,
+				`xy-range-picker--${h.variant}`,
+				w(O).status.value ? `xy-range-picker--${w(O).status.value}` : "",
+				{
+					"xy-range-picker--disabled": w(O).disabled.value,
+					"xy-range-picker--readonly": w(O).readonly.value
+				},
+				I.value.root
+			]]),
+			style: v(L.value.root)
+		}, [
+			f("span", {
+				class: _(["xy-range-picker__part", I.value.start]),
+				style: v(L.value.start),
+				onClick: t[2] ||= (e) => Bt(e, 0)
+			}, [m(te, {
+				ref_key: "startInputRef",
+				ref: A,
+				"allow-clear": h.allowClear,
+				"aria-activedescendant": Ct.value,
+				"aria-controls": qe,
+				"aria-expanded": F.value,
+				"aria-haspopup": "grid",
+				"aria-label": Qe.value[0],
+				disabled: zt(0),
+				id: w(O).id.value,
+				"input-readonly": "",
+				"model-value": it.value,
+				placeholder: $e.value[0],
+				readonly: w(O).readonly.value,
+				role: "combobox",
+				size: w(O).size.value,
+				status: w(O).status.value,
+				variant: "borderless",
+				onBlur: Ht,
+				onClear: t[0] ||= (e) => jt(0),
+				onFocus: t[1] ||= (e) => Vt(e, 0),
+				onKeydown: Rt
+			}, null, 8, [
+				"allow-clear",
+				"aria-activedescendant",
+				"aria-expanded",
+				"aria-label",
+				"disabled",
+				"id",
+				"model-value",
+				"placeholder",
+				"readonly",
+				"size",
+				"status"
+			])], 6),
+			f("span", {
+				class: _(["xy-range-picker__separator", I.value.separator]),
+				style: v(L.value.separator),
+				"aria-hidden": "true"
+			}, [S(e.$slots, "separator", {}, () => [m(a, {
+				name: "swap-right-outlined",
+				size: 14
+			})], !0)], 6),
+			f("span", {
+				class: _(["xy-range-picker__part", I.value.end]),
+				style: v(L.value.end),
+				onClick: t[5] ||= (e) => Bt(e, 1)
+			}, [m(te, {
+				ref_key: "endInputRef",
+				ref: We,
+				"allow-clear": h.allowClear,
+				"aria-activedescendant": Ct.value,
+				"aria-controls": qe,
+				"aria-expanded": F.value,
+				"aria-haspopup": "grid",
+				"aria-label": Qe.value[1],
+				disabled: zt(1),
+				id: w(O).id.value ? `${w(O).id.value}-end` : void 0,
+				"input-readonly": "",
+				"model-value": at.value,
+				placeholder: $e.value[1],
+				readonly: w(O).readonly.value,
+				role: "combobox",
+				size: w(O).size.value,
+				status: w(O).status.value,
+				variant: "borderless",
+				onBlur: Ht,
+				onClear: t[3] ||= (e) => jt(1),
+				onFocus: t[4] ||= (e) => Vt(e, 1),
+				onKeydown: Rt
+			}, null, 8, [
+				"allow-clear",
+				"aria-activedescendant",
+				"aria-expanded",
+				"aria-label",
+				"disabled",
+				"id",
+				"model-value",
+				"placeholder",
+				"readonly",
+				"size",
+				"status"
+			])], 6),
+			f("span", ye, [m(a, {
+				class: "xy-range-picker__calendar",
+				name: "calendar-outlined",
+				size: 14
+			})])
+		], 6), (y(), fe(de, { to: "body" }, [F.value ? (y(), d("div", {
+			key: 0,
+			id: qe,
+			ref_key: "panelRef",
+			ref: Ge,
+			class: _(["xy-range-picker__panel", I.value.panel]),
+			role: "dialog",
+			"aria-label": w(j).datePicker.rangePanel,
+			style: v([St.value, L.value.panel]),
+			onKeydown: Rt
+		}, [f("div", xe, [Xe.value ? (y(), d(l, { key: 0 }, [f("div", Se, [
+			f("header", {
+				class: _(["xy-range-picker__header", I.value.header]),
+				style: v(L.value.header)
+			}, [
+				f("button", {
+					type: "button",
+					"aria-label": w(j).datePicker.previousPage,
+					disabled: !$(-1),
+					onClick: t[6] ||= (e) => Ft(-1)
+				}, [m(a, {
+					name: "left-outlined",
+					size: 12
+				})], 8, Ce),
+				f("strong", we, C(mt.value), 1),
+				t[10] ||= f("span", { class: "xy-range-picker__header-spacer" }, null, -1)
+			], 6),
+			f("div", Te, [(y(!0), d(l, null, x(et.value, (e) => (y(), d("span", { key: e }, C(e), 1))), 128))]),
+			f("div", {
+				class: _(["xy-range-picker__grid", [{ "xy-range-picker__grid--week": h.picker === "week" }, I.value.grid]]),
+				role: "grid",
+				style: v(L.value.grid)
+			}, [(y(!0), d(l, null, x(ct.value, (t) => (y(), d("button", {
+				id: G(t),
+				key: G(t),
+				type: "button",
+				role: "gridcell",
+				"aria-current": t.isSame(w(T)(), "day") ? "date" : void 0,
+				"aria-selected": Y(t),
+				class: _([{
+					"is-active": P.value && Dt(t),
+					"is-in-range": Et(t),
+					"is-outside": wt(t, H.value),
+					"is-range-end": J(t),
+					"is-range-start": q(t),
+					"is-today": t.isSame(w(T)(), "day")
+				}, I.value.cell]),
+				disabled: K(t),
+				style: v(L.value.cell),
+				tabindex: "-1",
+				onClick: (e) => Q(t),
+				onMouseenter: (e) => At(t)
+			}, [S(e.$slots, "cell", {
+				current: t.isSame(w(T)(), "day"),
+				date: t,
+				disabled: K(t),
+				outside: wt(t, H.value),
+				rangeEnd: J(t),
+				rangeStart: q(t),
+				selected: Y(t)
+			}, () => [p(C(t.date()), 1)], !0)], 46, Ee))), 128))], 6)
+		]), f("div", De, [
+			f("header", {
+				class: _(["xy-range-picker__header", I.value.header]),
+				style: v(L.value.header)
+			}, [
+				t[11] ||= f("span", { class: "xy-range-picker__header-spacer" }, null, -1),
+				f("strong", Oe, C(ht.value), 1),
+				f("button", {
+					type: "button",
+					"aria-label": w(j).datePicker.nextPage,
+					disabled: !$(1),
+					onClick: t[7] ||= (e) => Ft(1)
+				}, [m(a, {
+					name: "right-outlined",
+					size: 12
+				})], 8, ke)
+			], 6),
+			f("div", Ae, [(y(!0), d(l, null, x(et.value, (e) => (y(), d("span", { key: e }, C(e), 1))), 128))]),
+			f("div", {
+				class: _(["xy-range-picker__grid", [{ "xy-range-picker__grid--week": h.picker === "week" }, I.value.grid]]),
+				role: "grid",
+				style: v(L.value.grid)
+			}, [(y(!0), d(l, null, x(lt.value, (t) => (y(), d("button", {
+				id: `${G(t)}-r`,
+				key: `${G(t)}-r`,
+				type: "button",
+				role: "gridcell",
+				"aria-current": t.isSame(w(T)(), "day") ? "date" : void 0,
+				"aria-selected": Y(t),
+				class: _([{
+					"is-active": P.value && Dt(t),
+					"is-in-range": Et(t),
+					"is-outside": wt(t, U.value),
+					"is-range-end": J(t),
+					"is-range-start": q(t),
+					"is-today": t.isSame(w(T)(), "day")
+				}, I.value.cell]),
+				disabled: K(t),
+				style: v(L.value.cell),
+				tabindex: "-1",
+				onClick: (e) => Q(t),
+				onMouseenter: (e) => At(t)
+			}, [S(e.$slots, "cell", {
+				current: t.isSame(w(T)(), "day"),
+				date: t,
+				disabled: K(t),
+				outside: wt(t, U.value),
+				rangeEnd: J(t),
+				rangeStart: q(t),
+				selected: Y(t)
+			}, () => [p(C(t.date()), 1)], !0)], 46, je))), 128))], 6)
+		])], 64)) : (y(), d("div", Me, [f("header", {
+			class: _(["xy-range-picker__header", I.value.header]),
+			style: v(L.value.header)
+		}, [
+			f("button", {
+				type: "button",
+				class: "xy-range-picker__header-nav",
+				"aria-label": w(j).datePicker.previousPage,
+				disabled: !$(-1),
+				onClick: t[8] ||= (e) => Ft(-1)
+			}, [m(a, {
+				name: vt.value,
+				size: 12
+			}, null, 8, ["name"])], 8, Ne),
+			h.picker === "month" || h.picker === "quarter" ? (y(), d("span", Pe, C(w(j).datePicker.yearLabel(B.value.year())), 1)) : (y(), d("strong", Fe, C(gt.value), 1)),
+			f("button", {
+				type: "button",
+				class: "xy-range-picker__header-nav",
+				"aria-label": w(j).datePicker.nextPage,
+				disabled: !$(1),
+				onClick: t[9] ||= (e) => Ft(1)
+			}, [m(a, {
+				name: yt.value,
+				size: 12
+			}, null, 8, ["name"])], 8, Ie)
+		], 6), h.picker === "month" ? (y(), d("div", {
+			key: 0,
+			class: _(["xy-range-picker__grid xy-range-picker__grid--panel xy-range-picker__grid--panel-month", I.value.grid]),
+			role: "grid",
+			style: v(L.value.grid)
+		}, [(y(!0), d(l, null, x(ut.value, (t) => (y(), d("button", {
+			id: G(t),
+			key: G(t),
+			type: "button",
+			role: "gridcell",
+			"aria-selected": Y(t),
+			class: _([{
+				"is-active": P.value && Dt(t),
+				"is-in-range": Et(t),
+				"is-range-end": J(t),
+				"is-range-start": q(t)
+			}, I.value.cell]),
+			disabled: K(t),
+			style: v(L.value.cell),
+			tabindex: "-1",
+			onClick: (e) => Q(t),
+			onMouseenter: (e) => At(t)
+		}, [S(e.$slots, "cell", {
+			current: !1,
+			date: t,
+			disabled: K(t),
+			outside: !1,
+			rangeEnd: J(t),
+			rangeStart: q(t),
+			selected: Y(t)
+		}, () => [p(C(bt(t)), 1)], !0)], 46, Le))), 128))], 6)) : (y(), d("div", {
+			key: 1,
+			class: _(["xy-range-picker__grid", [{
+				"xy-range-picker__grid--panel": h.picker === "year" || h.picker === "quarter",
+				"xy-range-picker__grid--panel-year": h.picker === "year",
+				"xy-range-picker__grid--panel-quarter": h.picker === "quarter"
+			}, I.value.grid]]),
+			role: "grid",
+			style: v(L.value.grid)
+		}, [(y(!0), d(l, null, x(pt.value, (t) => (y(), d("button", {
+			id: G(t),
+			key: G(t),
+			type: "button",
+			role: "gridcell",
+			"aria-selected": Y(t),
+			class: _([{
+				"is-active": P.value && Dt(t),
+				"is-in-range": Et(t),
+				"is-range-end": J(t),
+				"is-range-start": q(t)
+			}, I.value.cell]),
+			disabled: K(t),
+			style: v(L.value.cell),
+			tabindex: "-1",
+			onClick: (e) => Q(t),
+			onMouseenter: (e) => At(t)
+		}, [S(e.$slots, "cell", {
+			current: !1,
+			date: t,
+			disabled: K(t),
+			outside: !1,
+			rangeEnd: J(t),
+			rangeStart: q(t),
+			selected: Y(t)
+		}, () => [h.picker === "quarter" ? (y(), d(l, { key: 0 }, [p(C(w(oe)(t)), 1)], 64)) : (y(), d(l, { key: 1 }, [p(C(t.year()), 1)], 64))], !0)], 46, Re))), 128))], 6))]))]), nt.value.length || e.$slots.footer ? (y(), d("footer", {
+			key: 0,
+			class: _(["xy-range-picker__footer", I.value.footer]),
+			style: v(L.value.footer)
+		}, [nt.value.length ? (y(), d("div", ze, [(y(!0), d(l, null, x(nt.value, (e) => (y(), d("button", {
+			key: e.label,
+			type: "button",
+			class: _(I.value.preset),
+			style: v(L.value.preset),
+			onClick: (t) => Mt(e)
+		}, C(e.label), 15, Be))), 128))])) : pe("", !0), S(e.$slots, "footer", {}, void 0, !0)], 6)) : pe("", !0)], 46, be)) : pe("", !0)]))], 64));
+	}
+});
+//#endregion
+export { Ve as default };