@nubisco/ui 5.18.1 → 5.19.0

package/dist/DatePicker-Cgnm0ku3.js

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