@nubisco/ui 5.12.0 → 5.13.0

package/dist/DatePicker-htoxxlSw.js

@@ -1,701 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
-import { t as n } from "./Label-glcQoGCr.js";
-import { t as r } from "./Message-Ciyc2nN6.js";
-import { t as i } from "./Grid-CgUyhsw4.js";
-import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeProps as ee, nextTick as h, normalizeClass as g, onBeforeUnmount as te, openBlock as _, ref as v, renderList as ne, renderSlot as re, toDisplayString as y, unref as b, useId as ie, watch as ae, withCtx as x, withModifiers as oe } from "vue";
-import { regular as se } from "@nubisco/ui/icons/caret-right";
-import { regular as S } from "@nubisco/ui/icons/calendar";
-import { regular as ce } from "@nubisco/ui/icons/caret-double-left";
-import { regular as le } from "@nubisco/ui/icons/caret-left";
-import { regular as ue } from "@nubisco/ui/icons/caret-double-right";
-//#region src/components/DatePicker.vue?vue&type=script&setup=true&lang.ts
-var de = { class: "nb-date-picker__col" }, fe = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"required",
-	"name",
-	"aria-invalid",
-	"aria-describedby"
-], pe = ["disabled", "aria-label"], me = {
-	key: 0,
-	class: "nb-date-picker__col"
-}, he = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"required",
-	"aria-invalid",
-	"aria-describedby"
-], ge = ["disabled", "aria-label"], _e = {
-	key: 0,
-	class: "nb-date-picker__inner-header"
-}, ve = ["for"], ye = {
-	key: 0,
-	class: "nb-date-picker__asterisk",
-	"aria-hidden": "true"
-}, be = { class: "nb-date-picker__fluid-row" }, xe = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"required",
-	"name",
-	"aria-invalid"
-], Se = ["disabled", "aria-label"], Ce = {
-	key: 0,
-	class: "nb-date-picker__inner-header"
-}, we = ["for"], Te = {
-	key: 0,
-	class: "nb-date-picker__asterisk",
-	"aria-hidden": "true"
-}, Ee = { class: "nb-date-picker__fluid-row" }, De = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"required",
-	"aria-invalid"
-], Oe = ["disabled", "aria-label"], ke = ["aria-label"], Ae = { class: "nb-date-picker__cal-header" }, je = ["id"], Me = ["aria-labelledby"], Ne = { class: "nb-date-picker__cal-weekdays" }, Pe = ["abbr"], Fe = ["aria-selected", "aria-disabled"], Ie = [
-	"tabindex",
-	"disabled",
-	"aria-label",
-	"data-date",
-	"onClick"
-], Le = /* @__PURE__ */ m({
-	inheritAttrs: !1,
-	__name: "DatePicker",
-	props: {
-		modelValue: { default: null },
-		type: { default: "single" },
-		endValue: { default: null },
-		min: { default: void 0 },
-		max: { default: void 0 },
-		weekStart: { default: 1 },
-		locale: { default: void 0 },
-		endPlaceholder: { default: "" },
-		endLabel: { default: "" },
-		endError: { default: "" },
-		endWarning: { default: "" },
-		disabledDates: {
-			type: [Array, Function],
-			default: void 0
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		placeholder: { default: "" },
-		name: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		id: { default: void 0 },
-		label: { default: "" },
-		error: { default: "" },
-		warning: { default: "" },
-		helper: { default: "" },
-		variant: { default: "default" },
-		size: { default: "md" }
-	},
-	emits: [
-		"update:modelValue",
-		"update:endValue",
-		"change"
-	],
-	setup(m, { expose: Le, emit: Re }) {
-		let C = m, { layerProps: ze } = t({ overlay: !0 }), w = Re, Be = `nb-date-picker-${ie()}`, T = s(() => C.id ?? Be), E = s(() => `${T.value}-end`), Ve = s(() => `${T.value}-helper`), He = s(() => `${T.value}-message`), Ue = s(() => `${T.value}-end-message`), We = s(() => `${T.value}-cal-title`), D = v(null), Ge = s(() => D.value !== null), O = v(!1), k = v($(/* @__PURE__ */ new Date())), Ke = v(null), A = v(null), j = v(null), qe = v(null), Je = v({
-			position: "fixed",
-			top: "0px",
-			left: "0px",
-			zIndex: "9999"
-		}), M = v("start"), N = s(() => C.locale || navigator.language || "pt-PT"), P = s(() => new Intl.DateTimeFormat(N.value).formatToParts(new Date(2e3, 0, 15)).map((e) => e.type === "day" ? "dd" : e.type === "month" ? "mm" : e.type === "year" ? "yyyy" : e.value).join(""));
-		function F(e) {
-			if (!e) return "";
-			let t = /* @__PURE__ */ new Date(e + "T00:00:00");
-			return isNaN(t.getTime()) ? e : t.toLocaleDateString(N.value);
-		}
-		function Ye(e) {
-			return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString(N.value, {
-				weekday: "long",
-				year: "numeric",
-				month: "long",
-				day: "numeric"
-			});
-		}
-		let Xe = s(() => F(C.modelValue ?? null)), Ze = s(() => F(C.endValue ?? null)), I = s(() => C.error ? {
-			variant: "error",
-			text: C.error
-		} : C.warning ? {
-			variant: "warning",
-			text: C.warning
-		} : null), L = s(() => C.type === "range" ? C.endError ? {
-			variant: "error",
-			text: C.endError
-		} : C.endWarning ? {
-			variant: "warning",
-			text: C.endWarning
-		} : null : null), R = s(() => I.value ? I.value : C.helper ? {
-			variant: "helper",
-			text: C.helper
-		} : null), Qe = s(() => {
-			if (C.variant === "default") return I.value ? He.value : C.helper ? Ve.value : void 0;
-		}), $e = s(() => {
-			if (C.variant === "default") return L.value ? Ue.value : C.helper ? Ve.value : void 0;
-		}), et = s(() => C.type === "range" && !!C.endLabel), tt = s(() => C.endLabel || C.endPlaceholder);
-		function z(e) {
-			return C.min != null && e < C.min || C.max != null && e > C.max ? !0 : C.disabledDates ? typeof C.disabledDates == "function" ? C.disabledDates(e) : C.disabledDates.includes(e) : !1;
-		}
-		function nt(e) {
-			let t = e.trim();
-			if (!t) return null;
-			if (/^\d{4}-\d{2}-\d{2}$/.test(t)) {
-				let e = /* @__PURE__ */ new Date(t + "T00:00:00");
-				return isNaN(e.getTime()) ? null : t;
-			}
-			let n = new Date(t);
-			return isNaN(n.getTime()) ? null : $(n);
-		}
-		function rt(e) {
-			let t = e.target.value, n = nt(t);
-			n && z(n) || (n || t === "") && (w("update:modelValue", n), w("change", n));
-		}
-		function it(e) {
-			let t = e.target.value, n = nt(t);
-			n && z(n) || (n || t === "") && w("update:endValue", n);
-		}
-		function B(e) {
-			D.value = e.target === j.value ? "end" : "start", C.type !== "simple" && !C.readonly && (M.value = D.value, O.value ? at() : U());
-		}
-		function V() {
-			D.value = null;
-		}
-		function H(e) {
-			if (!(C.type === "simple" || C.readonly)) switch (e.key) {
-				case "Escape":
-					O.value && (W(), e.preventDefault());
-					break;
-				case "ArrowDown":
-					e.preventDefault(), O.value || U(), h(K);
-					break;
-				case "Enter":
-					O.value || (e.preventDefault(), U(), h(K));
-					break;
-			}
-		}
-		function at() {
-			let e = Ke.value?.querySelectorAll(".nb-date-picker__input-wrapper");
-			if (!e?.length) return;
-			let t = (M.value === "end" && e.length > 1 ? e[1] : e[0]).getBoundingClientRect();
-			Je.value = {
-				position: "fixed",
-				top: `${t.bottom + 4}px`,
-				left: `${t.left}px`,
-				zIndex: "9999"
-			};
-		}
-		function U() {
-			if (C.disabled || C.readonly || C.type === "simple" || O.value) return;
-			O.value = !0;
-			let e = M.value === "end" && C.endValue ? C.endValue : C.modelValue, t = e ? /* @__PURE__ */ new Date(e + "T00:00:00") : /* @__PURE__ */ new Date();
-			X.value = t.getFullYear(), Z.value = t.getMonth(), k.value = e || $(/* @__PURE__ */ new Date()), at();
-		}
-		function W() {
-			O.value && (O.value = !1, h(() => {
-				M.value === "end" && j.value ? j.value.focus() : A.value?.focus();
-			}));
-		}
-		function G() {
-			O.value ? W() : (M.value = "start", U(), h(K));
-		}
-		function K() {
-			h(() => {
-				(qe.value?.querySelector(`[data-date="${k.value}"]`))?.focus();
-			});
-		}
-		function ot(e) {
-			z(e) || (C.type === "range" ? M.value === "start" ? (w("update:modelValue", e), w("change", e), M.value = "end", k.value = e, h(() => j.value?.focus())) : (C.modelValue && e < C.modelValue ? (w("update:endValue", C.modelValue), w("update:modelValue", e), w("change", e)) : w("update:endValue", e), W()) : (w("update:modelValue", e), w("change", e), W()));
-		}
-		function st(e) {
-			let t = /* @__PURE__ */ new Date(k.value + "T00:00:00"), n = !0;
-			switch (e.key) {
-				case "ArrowRight":
-					q(t, 1);
-					break;
-				case "ArrowLeft":
-					q(t, -1);
-					break;
-				case "ArrowDown":
-					q(t, 7);
-					break;
-				case "ArrowUp":
-					q(t, -7);
-					break;
-				case "Home":
-					ct(t, "start");
-					break;
-				case "End":
-					ct(t, "end");
-					break;
-				case "PageUp":
-					e.shiftKey ? J(t, -12) : J(t, -1);
-					break;
-				case "PageDown":
-					e.shiftKey ? J(t, 12) : J(t, 1);
-					break;
-				case "Enter":
-				case " ":
-					e.preventDefault(), ot(k.value);
-					return;
-				case "Escape":
-					W();
-					break;
-				case "Tab":
-					W();
-					return;
-				default: n = !1;
-			}
-			n && e.preventDefault();
-		}
-		function q(e, t) {
-			let n = new Date(e);
-			n.setDate(n.getDate() + t), lt(n);
-		}
-		function ct(e, t) {
-			let n = e.getDay();
-			C.weekStart === 1 && (n = n === 0 ? 6 : n - 1);
-			let r = t === "start" ? -n : 6 - n, i = new Date(e);
-			i.setDate(i.getDate() + r), lt(i);
-		}
-		function J(e, t) {
-			let n = new Date(e);
-			n.setMonth(n.getMonth() + t), n.getDate() !== e.getDate() && n.setDate(0), lt(n);
-		}
-		function lt(e) {
-			let t = $(e);
-			C.min != null && t < C.min || C.max != null && t > C.max || (k.value = t, X.value = e.getFullYear(), Z.value = e.getMonth(), K());
-		}
-		function ut(e) {
-			let t = e.target, n = Ke.value?.contains(t) ?? !1, r = qe.value?.contains(t) ?? !1;
-			!n && !r && W();
-		}
-		function Y() {
-			O.value && at();
-		}
-		ae(O, (e) => {
-			e ? (document.addEventListener("mousedown", ut), window.addEventListener("scroll", Y, !0), window.addEventListener("resize", Y)) : (document.removeEventListener("mousedown", ut), window.removeEventListener("scroll", Y, !0), window.removeEventListener("resize", Y));
-		}), te(() => {
-			document.removeEventListener("mousedown", ut), window.removeEventListener("scroll", Y, !0), window.removeEventListener("resize", Y);
-		});
-		let X = v((/* @__PURE__ */ new Date()).getFullYear()), Z = v((/* @__PURE__ */ new Date()).getMonth());
-		function Q(e) {
-			let t = X.value * 12 + Z.value + e;
-			X.value = Math.floor(t / 12), Z.value = (t % 12 + 12) % 12;
-			let n = (/* @__PURE__ */ new Date(k.value + "T00:00:00")).getDate(), r = new Date(X.value, Z.value + 1, 0).getDate();
-			k.value = $(new Date(X.value, Z.value, Math.min(n, r))), K();
-		}
-		let dt = () => Q(-1), ft = () => Q(1), pt = () => Q(-12), mt = () => Q(12), ht = s(() => {
-			let e = new Date(X.value, Z.value, 1).toLocaleDateString(N.value, {
-				month: "long",
-				year: "numeric"
-			});
-			return e.charAt(0).toUpperCase() + e.slice(1);
-		}), gt = s(() => {
-			let e = [], t = new Date(2024, 0, C.weekStart === 0 ? 7 : 1);
-			for (let n = 0; n < 7; n++) {
-				let r = new Date(t);
-				r.setDate(t.getDate() + n);
-				let i = r.toLocaleDateString(N.value, { weekday: "narrow" }).toUpperCase(), a = r.toLocaleDateString(N.value, { weekday: "long" });
-				e.push({
-					narrow: i,
-					full: a.charAt(0).toUpperCase() + a.slice(1)
-				});
-			}
-			return e;
-		});
-		function $(e) {
-			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
-		}
-		let _t = s(() => $(/* @__PURE__ */ new Date())), vt = s(() => {
-			let e = X.value, t = Z.value, n = new Date(e, t, 1), r = new Date(e, t + 1, 0), i = n.getDay();
-			C.weekStart === 1 && (i = i === 0 ? 6 : i - 1);
-			let a = [], o = C.modelValue ?? null, s = C.endValue ?? null, c = o && s ? o < s ? o : s : null, l = o && s ? o < s ? s : o : null;
-			function u(e, t) {
-				let n = $(e);
-				return {
-					key: n,
-					date: n,
-					day: e.getDate(),
-					inMonth: t,
-					isToday: n === _t.value,
-					isSelected: n === o || n === s,
-					inRange: c != null && l != null && n > c && n < l,
-					isRangeStart: n === c && l != null,
-					isRangeEnd: n === l && c != null,
-					isDisabled: z(n)
-				};
-			}
-			for (let n = i - 1; n >= 0; n--) a.push(u(new Date(e, t, -n), !1));
-			for (let n = 1; n <= r.getDate(); n++) a.push(u(new Date(e, t, n), !0));
-			let d = 7 - a.length % 7;
-			if (d < 7) for (let n = 1; n <= d; n++) a.push(u(new Date(e, t + 1, n), !1));
-			return a;
-		}), yt = s(() => {
-			let e = [];
-			for (let t = 0; t < vt.value.length; t += 7) e.push(vt.value.slice(t, t + 7));
-			return e;
-		}), bt = s(() => [
-			"nb-date-picker",
-			`nb-date-picker--${C.variant}`,
-			`nb-date-picker--${C.size}`,
-			`nb-date-picker--${C.type}`,
-			{
-				"nb-date-picker--focused": Ge.value,
-				"nb-date-picker--open": O.value,
-				"nb-date-picker--error": !!C.error || !!C.endError,
-				"nb-date-picker--warning": !C.error && !C.endError && (!!C.warning || !!C.endWarning),
-				"nb-date-picker--disabled": C.disabled,
-				"nb-date-picker--readonly": C.readonly
-			}
-		]), xt = s(() => ({
-			"nb-date-picker__input-wrapper--focused": D.value === "start",
-			"nb-date-picker__input-wrapper--error": !!C.error,
-			"nb-date-picker__input-wrapper--warning": !C.error && !!C.warning,
-			"nb-date-picker__input-wrapper--disabled": C.disabled,
-			"nb-date-picker__input-wrapper--readonly": C.readonly
-		})), St = s(() => ({
-			"nb-date-picker__input-wrapper--focused": D.value === "end",
-			"nb-date-picker__input-wrapper--error": !!C.endError,
-			"nb-date-picker__input-wrapper--warning": !C.endError && !!C.endWarning,
-			"nb-date-picker__input-wrapper--disabled": C.disabled,
-			"nb-date-picker__input-wrapper--readonly": C.readonly
-		}));
-		return Le({
-			open: U,
-			close: W,
-			focus: () => A.value?.focus()
-		}), (t, s) => (_(), u(a, null, [d("div", {
-			ref_key: "rootRef",
-			ref: Ke,
-			class: g(bt.value)
-		}, [m.variant === "default" ? (_(), u(a, { key: 0 }, [
-			t.$slots.label ? re(t.$slots, "label", { key: 0 }) : m.label && !et.value ? (_(), c(n, {
-				key: 1,
-				for: T.value,
-				required: m.required,
-				disabled: m.disabled
-			}, {
-				default: x(() => [f(y(m.label), 1)]),
-				_: 1
-			}, 8, [
-				"for",
-				"required",
-				"disabled"
-			])) : l("", !0),
-			p(i, {
-				dir: "row",
-				gap: m.type === "range" ? "sm" : void 0,
-				class: "nb-date-picker__fields"
-			}, {
-				default: x(() => [d("div", de, [et.value && m.label ? (_(), c(n, {
-					key: 0,
-					for: T.value,
-					required: m.required,
-					disabled: m.disabled
-				}, {
-					default: x(() => [f(y(m.label), 1)]),
-					_: 1
-				}, 8, [
-					"for",
-					"required",
-					"disabled"
-				])) : l("", !0), d("div", { class: g(["nb-date-picker__input-wrapper", xt.value]) }, [d("input", ee({
-					id: T.value,
-					ref_key: "inputRef",
-					ref: A
-				}, t.$attrs, {
-					type: "text",
-					class: "nb-date-picker__field",
-					value: Xe.value,
-					placeholder: m.placeholder || P.value,
-					disabled: m.disabled,
-					readonly: m.readonly,
-					required: m.required,
-					name: m.name,
-					"aria-invalid": m.error ? !0 : void 0,
-					"aria-describedby": Qe.value,
-					onInput: s[0] ||= (e) => rt(e),
-					onFocus: B,
-					onBlur: V,
-					onKeydown: H
-				}), null, 16, fe), m.type === "simple" ? l("", !0) : (_(), u("button", {
-					key: 0,
-					type: "button",
-					class: "nb-date-picker__icon",
-					disabled: m.disabled || m.readonly,
-					tabindex: "-1",
-					"aria-label": m.modelValue ? `Change date, ${F(m.modelValue)}` : "Choose date",
-					onClick: G
-				}, [p(e, {
-					name: b(S),
-					size: 16
-				}, null, 8, ["name"])], 8, pe))], 2)]), m.type === "range" ? (_(), u("div", me, [et.value ? (_(), c(n, {
-					key: 0,
-					for: E.value,
-					required: m.required,
-					disabled: m.disabled
-				}, {
-					default: x(() => [f(y(m.endLabel), 1)]),
-					_: 1
-				}, 8, [
-					"for",
-					"required",
-					"disabled"
-				])) : l("", !0), d("div", { class: g(["nb-date-picker__input-wrapper", St.value]) }, [d("input", {
-					id: E.value,
-					ref_key: "endInputRef",
-					ref: j,
-					type: "text",
-					class: "nb-date-picker__field",
-					value: Ze.value,
-					placeholder: m.endPlaceholder || P.value,
-					disabled: m.disabled,
-					readonly: m.readonly,
-					required: m.required,
-					"aria-invalid": m.endError ? !0 : void 0,
-					"aria-describedby": $e.value,
-					onInput: s[1] ||= (e) => it(e),
-					onFocus: B,
-					onBlur: V,
-					onKeydown: H
-				}, null, 40, he), d("button", {
-					type: "button",
-					class: "nb-date-picker__icon",
-					disabled: m.disabled || m.readonly,
-					tabindex: "-1",
-					"aria-label": m.endValue ? `Change end date, ${F(m.endValue)}` : "Choose end date",
-					onClick: G
-				}, [p(e, {
-					name: b(S),
-					size: 16
-				}, null, 8, ["name"])], 8, ge)], 2)])) : l("", !0)]),
-				_: 1
-			}, 8, ["gap"]),
-			I.value ? (_(), c(r, {
-				key: 2,
-				id: He.value,
-				variant: I.value.variant,
-				class: "nb-date-picker__message"
-			}, {
-				default: x(() => [f(y(I.value.text), 1)]),
-				_: 1
-			}, 8, ["id", "variant"])) : l("", !0),
-			L.value ? (_(), c(r, {
-				key: 3,
-				id: Ue.value,
-				variant: L.value.variant,
-				class: "nb-date-picker__message"
-			}, {
-				default: x(() => [f(y(L.value.text), 1)]),
-				_: 1
-			}, 8, ["id", "variant"])) : l("", !0),
-			!I.value && !L.value && m.helper ? (_(), c(r, {
-				key: 4,
-				id: Ve.value,
-				variant: "helper",
-				class: "nb-date-picker__message"
-			}, {
-				default: x(() => [f(y(m.helper), 1)]),
-				_: 1
-			}, 8, ["id"])) : l("", !0)
-		], 64)) : m.variant === "fluid" ? (_(), c(i, {
-			key: 1,
-			dir: "row",
-			gap: m.type === "range" ? "sm" : void 0,
-			class: "nb-date-picker__fields"
-		}, {
-			default: x(() => [d("div", { class: g(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", xt.value]) }, [m.label || t.$slots.label || R.value ? (_(), u("div", _e, [t.$slots.label ? re(t.$slots, "label", { key: 0 }) : (_(), u("label", {
-				key: 1,
-				for: T.value,
-				class: "nb-date-picker__inner-label"
-			}, [f(y(m.label) + " ", 1), m.required ? (_(), u("span", ye, "*")) : l("", !0)], 8, ve)), R.value ? (_(), c(r, {
-				key: 2,
-				variant: R.value.variant,
-				"icon-only": "",
-				class: "nb-date-picker__inner-message"
-			}, {
-				default: x(() => [f(y(R.value.text), 1)]),
-				_: 1
-			}, 8, ["variant"])) : l("", !0)])) : l("", !0), d("div", be, [d("input", ee({
-				id: T.value,
-				ref_key: "inputRef",
-				ref: A
-			}, t.$attrs, {
-				type: "text",
-				class: "nb-date-picker__field",
-				value: Xe.value,
-				placeholder: m.placeholder || P.value,
-				disabled: m.disabled,
-				readonly: m.readonly,
-				required: m.required,
-				name: m.name,
-				"aria-invalid": m.error ? !0 : void 0,
-				onInput: s[2] ||= (e) => rt(e),
-				onFocus: B,
-				onBlur: V,
-				onKeydown: H
-			}), null, 16, xe), m.type === "simple" ? l("", !0) : (_(), u("button", {
-				key: 0,
-				type: "button",
-				class: "nb-date-picker__icon",
-				disabled: m.disabled || m.readonly,
-				tabindex: "-1",
-				"aria-label": m.modelValue ? `Change date, ${F(m.modelValue)}` : "Choose date",
-				onClick: G
-			}, [p(e, {
-				name: b(S),
-				size: 16
-			}, null, 8, ["name"])], 8, Se))])], 2), m.type === "range" ? (_(), u("div", {
-				key: 0,
-				class: g(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", St.value])
-			}, [tt.value || L.value ? (_(), u("div", Ce, [d("label", {
-				for: E.value,
-				class: "nb-date-picker__inner-label"
-			}, [f(y(tt.value) + " ", 1), m.required ? (_(), u("span", Te, "*")) : l("", !0)], 8, we), L.value ? (_(), c(r, {
-				key: 0,
-				variant: L.value.variant,
-				"icon-only": "",
-				class: "nb-date-picker__inner-message"
-			}, {
-				default: x(() => [f(y(L.value.text), 1)]),
-				_: 1
-			}, 8, ["variant"])) : l("", !0)])) : l("", !0), d("div", Ee, [d("input", {
-				id: E.value,
-				ref_key: "endInputRef",
-				ref: j,
-				type: "text",
-				class: "nb-date-picker__field",
-				value: Ze.value,
-				placeholder: m.endPlaceholder || P.value,
-				disabled: m.disabled,
-				readonly: m.readonly,
-				required: m.required,
-				"aria-invalid": m.endError ? !0 : void 0,
-				onInput: s[3] ||= (e) => it(e),
-				onFocus: B,
-				onBlur: V,
-				onKeydown: H
-			}, null, 40, De), d("button", {
-				type: "button",
-				class: "nb-date-picker__icon",
-				disabled: m.disabled || m.readonly,
-				tabindex: "-1",
-				"aria-label": m.endValue ? `Change end date, ${F(m.endValue)}` : "Choose end date",
-				onClick: G
-			}, [p(e, {
-				name: b(S),
-				size: 16
-			}, null, 8, ["name"])], 8, Oe)])], 2)) : l("", !0)]),
-			_: 3
-		}, 8, ["gap"])) : l("", !0)], 2), (_(), c(o, { to: "body" }, [O.value ? (_(), u("div", ee({
-			key: 0,
-			ref_key: "calendarRef",
-			ref: qe,
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": m.label ? `${m.label} calendar` : "Date picker",
-			class: "nb-date-picker__calendar"
-		}, b(ze), {
-			style: Je.value,
-			onKeydown: st,
-			onMousedown: s[4] ||= oe(() => {}, ["prevent"])
-		}), [d("div", Ae, [
-			d("button", {
-				type: "button",
-				class: "nb-date-picker__cal-nav",
-				"aria-label": "Previous year",
-				onClick: pt
-			}, [p(e, {
-				name: b(ce),
-				size: 16
-			}, null, 8, ["name"])]),
-			d("button", {
-				type: "button",
-				class: "nb-date-picker__cal-nav",
-				"aria-label": "Previous month",
-				onClick: dt
-			}, [p(e, {
-				name: b(le),
-				size: 16
-			}, null, 8, ["name"])]),
-			d("span", {
-				id: We.value,
-				class: "nb-date-picker__cal-title",
-				"aria-live": "polite"
-			}, y(ht.value), 9, je),
-			d("button", {
-				type: "button",
-				class: "nb-date-picker__cal-nav",
-				"aria-label": "Next month",
-				onClick: ft
-			}, [p(e, {
-				name: b(se),
-				size: 16
-			}, null, 8, ["name"])]),
-			d("button", {
-				type: "button",
-				class: "nb-date-picker__cal-nav",
-				"aria-label": "Next year",
-				onClick: mt
-			}, [p(e, {
-				name: b(ue),
-				size: 16
-			}, null, 8, ["name"])])
-		]), d("table", {
-			role: "grid",
-			"aria-labelledby": We.value,
-			class: "nb-date-picker__cal-table"
-		}, [d("thead", null, [d("tr", Ne, [(_(!0), u(a, null, ne(gt.value, (e) => (_(), u("th", {
-			key: e.narrow,
-			scope: "col",
-			class: "nb-date-picker__cal-weekday",
-			abbr: e.full
-		}, y(e.narrow), 9, Pe))), 128))])]), d("tbody", null, [(_(!0), u(a, null, ne(yt.value, (e, t) => (_(), u("tr", { key: t }, [(_(!0), u(a, null, ne(e, (e) => (_(), u("td", {
-			key: e.key,
-			role: "gridcell",
-			"aria-selected": e.isSelected || void 0,
-			"aria-disabled": e.isDisabled || void 0
-		}, [d("button", {
-			type: "button",
-			class: g(["nb-date-picker__cal-day", {
-				"nb-date-picker__cal-day--outside": !e.inMonth,
-				"nb-date-picker__cal-day--today": e.isToday,
-				"nb-date-picker__cal-day--selected": e.isSelected,
-				"nb-date-picker__cal-day--in-range": e.inRange,
-				"nb-date-picker__cal-day--range-start": e.isRangeStart,
-				"nb-date-picker__cal-day--range-end": e.isRangeEnd,
-				"nb-date-picker__cal-day--disabled": e.isDisabled,
-				"nb-date-picker__cal-day--focused": e.date === k.value
-			}]),
-			tabindex: e.date === k.value ? 0 : -1,
-			disabled: e.isDisabled,
-			"aria-label": Ye(e.date),
-			"data-date": e.date,
-			onClick: (t) => ot(e.date)
-		}, y(e.day), 11, Ie)], 8, Fe))), 128))]))), 128))])], 8, Me)], 16, ke)) : l("", !0)]))], 64));
-	}
-});
-//#endregion
-export { Le as t };