@nubisco/ui 5.11.2 → 5.13.0

package/dist/DatePicker-DcWyOduI.js

@@ -0,0 +1,704 @@
+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 { 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 };