@nubisco/ui 5.19.0 → 5.20.0

package/dist/{DatePicker-MDaQ2l8I.js → DatePicker-ViTSDX6d.js}

@@ -119,23 +119,23 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		"change"
 	],
 	setup(_, { expose: Le, emit: Re }) {
-		let E = _, { layerProps: ze } = t({ overlay: !0 }), D = Re, Be = `nb-date-picker-${ie()}`, O = u(() => E.id ?? Be), k = u(() => `${O.value}-end`), Ve = u(() => `${O.value}-helper`), He = u(() => `${O.value}-message`), Ue = u(() => `${O.value}-end-message`), We = u(() => `${O.value}-cal-title`), A = x(null), Ge = u(() => A.value !== null), j = x(!1), M = x($(/* @__PURE__ */ new Date())), Ke = x(null), qe = x(null), N = x(null), Je = x(null);
-		o(Je);
-		let { phone: Ye } = n(), Xe = x(null);
-		s(() => j.value);
-		let Ze = x({
+		let E = _, { layerProps: ze } = t({ overlay: !0 }), D = Re, Be = `nb-date-picker-${ie()}`, O = u(() => E.id ?? Be), Ve = u(() => `${O.value}-end`), He = u(() => `${O.value}-helper`), Ue = u(() => `${O.value}-message`), We = u(() => `${O.value}-end-message`), Ge = u(() => `${O.value}-cal-title`), k = x(null), Ke = u(() => k.value !== null), A = x(!1), j = x($(/* @__PURE__ */ new Date())), qe = x(null), M = x(null), N = x(null), P = x(null);
+		o(P);
+		let { phone: Je } = n(), Ye = x(null);
+		s(() => A.value);
+		let Xe = x({
 			position: "fixed",
 			top: "0px",
 			left: "0px",
 			zIndex: "9999"
-		}), P = x("start"), F = u(() => E.locale || navigator.language || "pt-PT"), I = u(() => new Intl.DateTimeFormat(F.value).formatToParts(new Date(2e3, 0, 15)).map((e) => e.type === "day" ? "dd" : e.type === "month" ? "mm" : e.type === "year" ? "yyyy" : e.value).join(""));
+		}), F = x("start"), I = u(() => E.locale || navigator.language || "pt-PT"), Ze = u(() => new Intl.DateTimeFormat(I.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 L(e) {
 			if (!e) return "";
 			let t = /* @__PURE__ */ new Date(e + "T00:00:00");
-			return isNaN(t.getTime()) ? e : t.toLocaleDateString(F.value);
+			return isNaN(t.getTime()) ? e : t.toLocaleDateString(I.value);
 		}
 		function Qe(e) {
-			return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString(F.value, {
+			return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString(I.value, {
 				weekday: "long",
 				year: "numeric",
 				month: "long",
@@ -158,173 +158,200 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			variant: "helper",
 			text: E.helper
 		} : null), tt = u(() => {
-			if (E.variant === "default") return R.value ? He.value : E.helper ? Ve.value : void 0;
+			if (E.variant === "default") return R.value ? Ue.value : E.helper ? He.value : void 0;
 		}), nt = u(() => {
-			if (E.variant === "default") return z.value ? Ue.value : E.helper ? Ve.value : void 0;
+			if (E.variant === "default") return z.value ? We.value : E.helper ? He.value : void 0;
 		}), rt = u(() => E.type === "range" && !!E.endLabel), it = u(() => E.endLabel || E.endPlaceholder);
 		function V(e) {
 			return E.min != null && e < E.min || E.max != null && e > E.max ? !0 : E.disabledDates ? typeof E.disabledDates == "function" ? E.disabledDates(e) : E.disabledDates.includes(e) : !1;
 		}
-		function at(e) {
+		let at = u(() => new Intl.DateTimeFormat(I.value).formatToParts(new Date(2e3, 0, 15)).map((e) => e.type).filter((e) => e === "day" || e === "month" || e === "year"));
+		function ot(e, t, n) {
+			let r = new Date(e, t - 1, n);
+			return r.getMonth() !== t - 1 || r.getDate() !== n ? null : (r.setFullYear(e), $(r));
+		}
+		function st(e) {
+			let t = e.split(/[\s./-]+/).filter(Boolean);
+			if (t.length !== 3) return null;
+			let n = t[0].length === 4 ? [
+				"year",
+				"month",
+				"day"
+			] : at.value;
+			if (n.length !== 3) return null;
+			let r = {
+				day: 0,
+				month: 0,
+				year: 0
+			};
+			for (let e = 0; e < 3; e++) {
+				let i = n[e], a = t[e];
+				if (i === "year" ? a.length !== 4 : a.length > 2) return null;
+				r[i] = Number(a);
+			}
+			return ot(r.year, r.month, r.day);
+		}
+		function ct(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;
 			}
+			if (/^[\d\s./-]+$/.test(t)) return st(t);
 			let n = new Date(t);
 			return isNaN(n.getTime()) ? null : $(n);
 		}
-		function ot(e) {
-			let t = e.target.value, n = at(t);
+		function lt(e) {
+			let t = e.target.value, n = ct(t);
 			n && V(n) || (n || t === "") && (D("update:modelValue", n), D("change", n));
 		}
-		function st(e) {
-			let t = e.target.value, n = at(t);
+		function ut(e) {
+			let t = e.target.value, n = ct(t);
 			n && V(n) || (n || t === "") && D("update:endValue", n);
 		}
 		function H(e) {
-			A.value = e.target === N.value ? "end" : "start", E.type !== "simple" && !E.readonly && (P.value = A.value, j.value ? ct() : G());
+			k.value = e.target === N.value ? "end" : "start", E.type !== "simple" && !E.readonly && (F.value = k.value, A.value ? G() : K());
 		}
 		function U() {
-			A.value = null;
+			k.value = null;
 		}
 		function W(e) {
 			if (!(E.type === "simple" || E.readonly)) switch (e.key) {
 				case "Escape":
-					j.value && (K(), e.preventDefault());
+					A.value && (q(), e.preventDefault());
 					break;
 				case "ArrowDown":
-					e.preventDefault(), j.value || G(), v(J);
+					e.preventDefault(), A.value || K(), v(Y);
 					break;
 				case "Enter":
-					j.value || (e.preventDefault(), G(), v(J));
+					A.value || (e.preventDefault(), K(), v(Y));
 					break;
 			}
 		}
-		function ct() {
-			let e = Ke.value?.querySelectorAll(".nb-date-picker__input-wrapper");
+		function G() {
+			let e = qe.value?.querySelectorAll(".nb-date-picker__input-wrapper");
 			if (!e?.length) return;
-			let t = (P.value === "end" && e.length > 1 ? e[1] : e[0]).getBoundingClientRect();
-			Ze.value = {
+			let t = (F.value === "end" && e.length > 1 ? e[1] : e[0]).getBoundingClientRect(), n = P.value?.offsetWidth ?? 0, r = P.value?.offsetHeight ?? 0, i = t.left, a = t.bottom + 4;
+			n > 0 && (i = Math.max(8, Math.min(i, window.innerWidth - n - 8))), r > 0 && a + r > window.innerHeight - 8 && t.top - 4 - r >= 8 && (a = t.top - 4 - r), Xe.value = {
 				position: "fixed",
-				top: `${t.bottom + 4}px`,
-				left: `${t.left}px`,
+				top: `${a}px`,
+				left: `${i}px`,
 				zIndex: "9999"
 			};
 		}
-		function G() {
-			if (E.disabled || E.readonly || E.type === "simple" || j.value) return;
-			j.value = !0;
-			let e = P.value === "end" && E.endValue ? E.endValue : E.modelValue, t = e ? /* @__PURE__ */ new Date(e + "T00:00:00") : /* @__PURE__ */ new Date();
-			Z.value = t.getFullYear(), Q.value = t.getMonth(), M.value = e || $(/* @__PURE__ */ new Date()), ct();
-		}
 		function K() {
-			j.value && (j.value = !1, v(() => {
-				P.value === "end" && N.value ? N.value.focus() : qe.value?.focus();
-			}));
+			if (E.disabled || E.readonly || E.type === "simple" || A.value) return;
+			A.value = !0;
+			let e = F.value === "end" && E.endValue ? E.endValue : E.modelValue, t = e ? /* @__PURE__ */ new Date(e + "T00:00:00") : /* @__PURE__ */ new Date();
+			Z.value = t.getFullYear(), Q.value = t.getMonth(), j.value = e || $(/* @__PURE__ */ new Date()), G(), v(G);
 		}
 		function q() {
-			j.value ? K() : (P.value = "start", G(), v(J));
+			A.value && (A.value = !1, v(() => {
+				F.value === "end" && N.value ? N.value.focus() : M.value?.focus();
+			}));
 		}
 		function J() {
+			A.value ? q() : (F.value = "start", K(), v(Y));
+		}
+		function Y() {
 			v(() => {
-				(Je.value?.querySelector(`[data-date="${M.value}"]`))?.focus();
+				(P.value?.querySelector(`[data-date="${j.value}"]`))?.focus();
 			});
 		}
-		function lt(e) {
-			V(e) || (E.type === "range" ? P.value === "start" ? (D("update:modelValue", e), D("change", e), P.value = "end", M.value = e, v(() => N.value?.focus())) : (E.modelValue && e < E.modelValue ? (D("update:endValue", E.modelValue), D("update:modelValue", e), D("change", e)) : D("update:endValue", e), K()) : (D("update:modelValue", e), D("change", e), K()));
+		function dt(e) {
+			V(e) || (E.type === "range" ? F.value === "start" ? (D("update:modelValue", e), D("change", e), F.value = "end", j.value = e, v(() => N.value?.focus())) : (E.modelValue && e < E.modelValue ? (D("update:endValue", E.modelValue), D("update:modelValue", e), D("change", e)) : D("update:endValue", e), q()) : (D("update:modelValue", e), D("change", e), q()));
 		}
-		function ut(e) {
-			let t = /* @__PURE__ */ new Date(M.value + "T00:00:00"), n = !0;
+		function ft(e) {
+			let t = /* @__PURE__ */ new Date(j.value + "T00:00:00"), n = !0;
 			switch (e.key) {
 				case "ArrowRight":
-					Y(t, 1);
+					pt(t, 1);
 					break;
 				case "ArrowLeft":
-					Y(t, -1);
+					pt(t, -1);
 					break;
 				case "ArrowDown":
-					Y(t, 7);
+					pt(t, 7);
 					break;
 				case "ArrowUp":
-					Y(t, -7);
+					pt(t, -7);
 					break;
 				case "Home":
-					dt(t, "start");
+					mt(t, "start");
 					break;
 				case "End":
-					dt(t, "end");
+					mt(t, "end");
 					break;
 				case "PageUp":
-					e.shiftKey ? ft(t, -12) : ft(t, -1);
+					e.shiftKey ? ht(t, -12) : ht(t, -1);
 					break;
 				case "PageDown":
-					e.shiftKey ? ft(t, 12) : ft(t, 1);
+					e.shiftKey ? ht(t, 12) : ht(t, 1);
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), lt(M.value);
+					e.preventDefault(), dt(j.value);
 					return;
 				case "Escape":
-					K();
+					q();
 					break;
 				case "Tab":
-					K();
+					q();
 					return;
 				default: n = !1;
 			}
 			n && e.preventDefault();
 		}
-		function Y(e, t) {
+		function pt(e, t) {
 			let n = new Date(e);
-			n.setDate(n.getDate() + t), pt(n);
+			n.setDate(n.getDate() + t), gt(n);
 		}
-		function dt(e, t) {
+		function mt(e, t) {
 			let n = e.getDay();
 			E.weekStart === 1 && (n = n === 0 ? 6 : n - 1);
 			let r = t === "start" ? -n : 6 - n, i = new Date(e);
-			i.setDate(i.getDate() + r), pt(i);
+			i.setDate(i.getDate() + r), gt(i);
 		}
-		function ft(e, t) {
+		function ht(e, t) {
 			let n = new Date(e);
-			n.setMonth(n.getMonth() + t), n.getDate() !== e.getDate() && n.setDate(0), pt(n);
+			n.setMonth(n.getMonth() + t), n.getDate() !== e.getDate() && n.setDate(0), gt(n);
 		}
-		function pt(e) {
+		function gt(e) {
 			let t = $(e);
-			E.min != null && t < E.min || E.max != null && t > E.max || (M.value = t, Z.value = e.getFullYear(), Q.value = e.getMonth(), J());
+			E.min != null && t < E.min || E.max != null && t > E.max || (j.value = t, Z.value = e.getFullYear(), Q.value = e.getMonth(), Y());
 		}
-		function mt(e) {
-			let t = e.target, n = Ke.value?.contains(t) ?? !1, r = Je.value?.contains(t) ?? !1, i = Xe.value?.contains(t) ?? !1;
-			!n && !r && !i && K();
+		function _t(e) {
+			let t = e.target, n = qe.value?.contains(t) ?? !1, r = P.value?.contains(t) ?? !1, i = Ye.value?.contains(t) ?? !1;
+			!n && !r && !i && q();
 		}
 		function X() {
-			j.value && ct();
+			A.value && G();
 		}
-		ae(j, (e) => {
-			e ? (document.addEventListener("mousedown", mt), window.addEventListener("scroll", X, !0), window.addEventListener("resize", X)) : (document.removeEventListener("mousedown", mt), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X));
+		ae(A, (e) => {
+			e ? (document.addEventListener("mousedown", _t), window.addEventListener("scroll", X, !0), window.addEventListener("resize", X)) : (document.removeEventListener("mousedown", _t), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X));
 		}), te(() => {
-			document.removeEventListener("mousedown", mt), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X);
+			document.removeEventListener("mousedown", _t), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X);
 		});
 		let Z = x((/* @__PURE__ */ new Date()).getFullYear()), Q = x((/* @__PURE__ */ new Date()).getMonth());
-		function ht(e) {
+		function vt(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(M.value + "T00:00:00")).getDate(), r = new Date(Z.value, Q.value + 1, 0).getDate();
-			M.value = $(new Date(Z.value, Q.value, Math.min(n, r))), J();
+			let n = (/* @__PURE__ */ new Date(j.value + "T00:00:00")).getDate(), r = new Date(Z.value, Q.value + 1, 0).getDate();
+			j.value = $(new Date(Z.value, Q.value, Math.min(n, r))), Y();
 		}
-		let gt = () => ht(-1), _t = () => ht(1), vt = () => ht(-12), yt = () => ht(12), bt = u(() => {
-			let e = new Date(Z.value, Q.value, 1).toLocaleDateString(F.value, {
+		let yt = () => vt(-1), bt = () => vt(1), xt = () => vt(-12), St = () => vt(12), Ct = u(() => {
+			let e = new Date(Z.value, Q.value, 1).toLocaleDateString(I.value, {
 				month: "long",
 				year: "numeric"
 			});
 			return e.charAt(0).toUpperCase() + e.slice(1);
-		}), xt = u(() => {
+		}), wt = u(() => {
 			let e = [], t = new Date(2024, 0, E.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(F.value, { weekday: "narrow" }).toUpperCase(), a = r.toLocaleDateString(F.value, { weekday: "long" });
+				let i = r.toLocaleDateString(I.value, { weekday: "narrow" }).toUpperCase(), a = r.toLocaleDateString(I.value, { weekday: "long" });
 				e.push({
 					narrow: i,
 					full: a.charAt(0).toUpperCase() + a.slice(1)
@@ -335,7 +362,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		function $(e) {
 			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 		}
-		let St = u(() => $(/* @__PURE__ */ new Date())), Ct = u(() => {
+		let Tt = u(() => $(/* @__PURE__ */ new Date())), Et = u(() => {
 			let e = Z.value, t = Q.value, n = new Date(e, t, 1), r = new Date(e, t + 1, 0), i = n.getDay();
 			E.weekStart === 1 && (i = i === 0 ? 6 : i - 1);
 			let a = [], o = E.modelValue ?? null, s = E.endValue ?? null, c = o && s ? o < s ? o : s : null, l = o && s ? o < s ? s : o : null;
@@ -346,7 +373,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					date: n,
 					day: e.getDate(),
 					inMonth: t,
-					isToday: n === St.value,
+					isToday: n === Tt.value,
 					isSelected: n === o || n === s,
 					inRange: c != null && l != null && n > c && n < l,
 					isRangeStart: n === c && l != null,
@@ -359,44 +386,44 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			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;
-		}), wt = u(() => {
+		}), Dt = u(() => {
 			let e = [];
-			for (let t = 0; t < Ct.value.length; t += 7) e.push(Ct.value.slice(t, t + 7));
+			for (let t = 0; t < Et.value.length; t += 7) e.push(Et.value.slice(t, t + 7));
 			return e;
-		}), Tt = u(() => [
+		}), Ot = u(() => [
 			"nb-date-picker",
 			`nb-date-picker--${E.variant}`,
 			`nb-date-picker--${E.size}`,
 			`nb-date-picker--${E.type}`,
 			{
-				"nb-date-picker--focused": Ge.value,
-				"nb-date-picker--open": j.value,
+				"nb-date-picker--focused": Ke.value,
+				"nb-date-picker--open": A.value,
 				"nb-date-picker--error": !!E.error || !!E.endError,
 				"nb-date-picker--warning": !E.error && !E.endError && (!!E.warning || !!E.endWarning),
 				"nb-date-picker--disabled": E.disabled,
 				"nb-date-picker--readonly": E.readonly
 			}
-		]), Et = u(() => ({
-			"nb-date-picker__input-wrapper--focused": A.value === "start",
+		]), kt = u(() => ({
+			"nb-date-picker__input-wrapper--focused": k.value === "start",
 			"nb-date-picker__input-wrapper--error": !!E.error,
 			"nb-date-picker__input-wrapper--warning": !E.error && !!E.warning,
 			"nb-date-picker__input-wrapper--disabled": E.disabled,
 			"nb-date-picker__input-wrapper--readonly": E.readonly
-		})), Dt = u(() => ({
-			"nb-date-picker__input-wrapper--focused": A.value === "end",
+		})), At = u(() => ({
+			"nb-date-picker__input-wrapper--focused": k.value === "end",
 			"nb-date-picker__input-wrapper--error": !!E.endError,
 			"nb-date-picker__input-wrapper--warning": !E.endError && !!E.endWarning,
 			"nb-date-picker__input-wrapper--disabled": E.disabled,
 			"nb-date-picker__input-wrapper--readonly": E.readonly
 		}));
 		return Le({
-			open: G,
-			close: K,
-			focus: () => qe.value?.focus()
+			open: K,
+			close: q,
+			focus: () => M.value?.focus()
 		}), (t, n) => (b(), p(c, null, [m("div", {
 			ref_key: "rootRef",
-			ref: Ke,
-			class: y(Tt.value)
+			ref: qe,
+			class: y(Ot.value)
 		}, [_.variant === "default" ? (b(), p(c, { key: 0 }, [
 			t.$slots.label ? re(t.$slots, "label", { key: 0 }) : _.label && !rt.value ? (b(), d(r, {
 				key: 1,
@@ -428,22 +455,22 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					"for",
 					"required",
 					"disabled"
-				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", Et.value]) }, [m("input", ee({
+				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", kt.value]) }, [m("input", ee({
 					id: O.value,
 					ref_key: "inputRef",
-					ref: qe
+					ref: M
 				}, t.$attrs, {
 					type: "text",
 					class: "nb-date-picker__field",
 					value: $e.value,
-					placeholder: _.placeholder || I.value,
+					placeholder: _.placeholder || Ze.value,
 					disabled: _.disabled,
 					readonly: _.readonly,
 					required: _.required,
 					name: _.name,
 					"aria-invalid": _.error ? !0 : void 0,
 					"aria-describedby": tt.value,
-					onInput: n[0] ||= (e) => ot(e),
+					onInput: n[0] ||= (e) => lt(e),
 					onFocus: H,
 					onBlur: U,
 					onKeydown: W
@@ -454,13 +481,13 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					disabled: _.disabled || _.readonly,
 					tabindex: "-1",
 					"aria-label": _.modelValue ? `Change date, ${L(_.modelValue)}` : "Choose date",
-					onClick: q
+					onClick: J
 				}, [g(e, {
 					name: C(T),
 					size: 16
 				}, null, 8, ["name"])], 8, pe))], 2)]), _.type === "range" ? (b(), p("div", me, [rt.value ? (b(), d(r, {
 					key: 0,
-					for: k.value,
+					for: Ve.value,
 					required: _.required,
 					disabled: _.disabled
 				}, {
@@ -470,20 +497,20 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					"for",
 					"required",
 					"disabled"
-				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", Dt.value]) }, [m("input", {
-					id: k.value,
+				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", At.value]) }, [m("input", {
+					id: Ve.value,
 					ref_key: "endInputRef",
 					ref: N,
 					type: "text",
 					class: "nb-date-picker__field",
 					value: et.value,
-					placeholder: _.endPlaceholder || I.value,
+					placeholder: _.endPlaceholder || Ze.value,
 					disabled: _.disabled,
 					readonly: _.readonly,
 					required: _.required,
 					"aria-invalid": _.endError ? !0 : void 0,
 					"aria-describedby": nt.value,
-					onInput: n[1] ||= (e) => st(e),
+					onInput: n[1] ||= (e) => ut(e),
 					onFocus: H,
 					onBlur: U,
 					onKeydown: W
@@ -493,7 +520,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					disabled: _.disabled || _.readonly,
 					tabindex: "-1",
 					"aria-label": _.endValue ? `Change end date, ${L(_.endValue)}` : "Choose end date",
-					onClick: q
+					onClick: J
 				}, [g(e, {
 					name: C(T),
 					size: 16
@@ -502,7 +529,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			}, 8, ["gap"]),
 			R.value ? (b(), d(i, {
 				key: 2,
-				id: He.value,
+				id: Ue.value,
 				variant: R.value.variant,
 				class: "nb-date-picker__message"
 			}, {
@@ -511,7 +538,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			}, 8, ["id", "variant"])) : f("", !0),
 			z.value ? (b(), d(i, {
 				key: 3,
-				id: Ue.value,
+				id: We.value,
 				variant: z.value.variant,
 				class: "nb-date-picker__message"
 			}, {
@@ -520,7 +547,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			}, 8, ["id", "variant"])) : f("", !0),
 			!R.value && !z.value && _.helper ? (b(), d(i, {
 				key: 4,
-				id: Ve.value,
+				id: He.value,
 				variant: "helper",
 				class: "nb-date-picker__message"
 			}, {
@@ -533,7 +560,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			gap: _.type === "range" ? "sm" : void 0,
 			class: "nb-date-picker__fields"
 		}, {
-			default: w(() => [m("div", { class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", Et.value]) }, [_.label || t.$slots.label || B.value ? (b(), p("div", _e, [t.$slots.label ? re(t.$slots, "label", { key: 0 }) : (b(), p("label", {
+			default: w(() => [m("div", { class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", kt.value]) }, [_.label || t.$slots.label || B.value ? (b(), p("div", _e, [t.$slots.label ? re(t.$slots, "label", { key: 0 }) : (b(), p("label", {
 				key: 1,
 				for: O.value,
 				class: "nb-date-picker__inner-label"
@@ -548,18 +575,18 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			}, 8, ["variant"])) : f("", !0)])) : f("", !0), m("div", be, [m("input", ee({
 				id: O.value,
 				ref_key: "inputRef",
-				ref: qe
+				ref: M
 			}, t.$attrs, {
 				type: "text",
 				class: "nb-date-picker__field",
 				value: $e.value,
-				placeholder: _.placeholder || I.value,
+				placeholder: _.placeholder || Ze.value,
 				disabled: _.disabled,
 				readonly: _.readonly,
 				required: _.required,
 				name: _.name,
 				"aria-invalid": _.error ? !0 : void 0,
-				onInput: n[2] ||= (e) => ot(e),
+				onInput: n[2] ||= (e) => lt(e),
 				onFocus: H,
 				onBlur: U,
 				onKeydown: W
@@ -570,15 +597,15 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				disabled: _.disabled || _.readonly,
 				tabindex: "-1",
 				"aria-label": _.modelValue ? `Change date, ${L(_.modelValue)}` : "Choose date",
-				onClick: q
+				onClick: J
 			}, [g(e, {
 				name: C(T),
 				size: 16
 			}, null, 8, ["name"])], 8, Se))])], 2), _.type === "range" ? (b(), p("div", {
 				key: 0,
-				class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", Dt.value])
+				class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", At.value])
 			}, [it.value || z.value ? (b(), p("div", Ce, [m("label", {
-				for: k.value,
+				for: Ve.value,
 				class: "nb-date-picker__inner-label"
 			}, [h(S(it.value) + " ", 1), _.required ? (b(), p("span", Te, "*")) : f("", !0)], 8, we), z.value ? (b(), d(i, {
 				key: 0,
@@ -589,18 +616,18 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				default: w(() => [h(S(z.value.text), 1)]),
 				_: 1
 			}, 8, ["variant"])) : f("", !0)])) : f("", !0), m("div", Ee, [m("input", {
-				id: k.value,
+				id: Ve.value,
 				ref_key: "endInputRef",
 				ref: N,
 				type: "text",
 				class: "nb-date-picker__field",
 				value: et.value,
-				placeholder: _.endPlaceholder || I.value,
+				placeholder: _.endPlaceholder || Ze.value,
 				disabled: _.disabled,
 				readonly: _.readonly,
 				required: _.required,
 				"aria-invalid": _.endError ? !0 : void 0,
-				onInput: n[3] ||= (e) => st(e),
+				onInput: n[3] ||= (e) => ut(e),
 				onFocus: H,
 				onBlur: U,
 				onKeydown: W
@@ -610,37 +637,37 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				disabled: _.disabled || _.readonly,
 				tabindex: "-1",
 				"aria-label": _.endValue ? `Change end date, ${L(_.endValue)}` : "Choose end date",
-				onClick: q
+				onClick: J
 			}, [g(e, {
 				name: C(T),
 				size: 16
 			}, null, 8, ["name"])], 8, Oe)])], 2)) : f("", !0)]),
 			_: 3
-		}, 8, ["gap"])) : f("", !0)], 2), (b(), d(l, { to: "body" }, [j.value && C(Ye) ? (b(), p("div", {
+		}, 8, ["gap"])) : f("", !0)], 2), (b(), d(l, { to: "body" }, [A.value && C(Je) ? (b(), p("div", {
 			key: 0,
 			ref_key: "scrimRef",
-			ref: Xe,
+			ref: Ye,
 			class: "nb-date-picker__scrim",
 			"aria-hidden": "true",
-			onClick: K
-		}, null, 512)) : f("", !0), j.value ? (b(), p("div", ee({
+			onClick: q
+		}, null, 512)) : f("", !0), A.value ? (b(), p("div", ee({
 			key: 1,
 			ref_key: "calendarRef",
-			ref: Je,
+			ref: P,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": _.label ? `${_.label} calendar` : "Date picker",
-			class: ["nb-date-picker__calendar", { "nb-date-picker__calendar--sheet": C(Ye) }]
+			class: ["nb-date-picker__calendar", { "nb-date-picker__calendar--sheet": C(Je) }]
 		}, C(ze), {
-			style: C(Ye) ? void 0 : Ze.value,
-			onKeydown: ut,
+			style: C(Je) ? void 0 : Xe.value,
+			onKeydown: ft,
 			onMousedown: n[4] ||= oe(() => {}, ["prevent"])
 		}), [m("div", Ae, [
 			m("button", {
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Previous year",
-				onClick: vt
+				onClick: xt
 			}, [g(e, {
 				name: C(ce),
 				size: 16
@@ -649,21 +676,21 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Previous month",
-				onClick: gt
+				onClick: yt
 			}, [g(e, {
 				name: C(le),
 				size: 16
 			}, null, 8, ["name"])]),
 			m("span", {
-				id: We.value,
+				id: Ge.value,
 				class: "nb-date-picker__cal-title",
 				"aria-live": "polite"
-			}, S(bt.value), 9, je),
+			}, S(Ct.value), 9, je),
 			m("button", {
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Next month",
-				onClick: _t
+				onClick: bt
 			}, [g(e, {
 				name: C(se),
 				size: 16
@@ -672,21 +699,21 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Next year",
-				onClick: yt
+				onClick: St
 			}, [g(e, {
 				name: C(ue),
 				size: 16
 			}, null, 8, ["name"])])
 		]), m("table", {
 			role: "grid",
-			"aria-labelledby": We.value,
+			"aria-labelledby": Ge.value,
 			class: "nb-date-picker__cal-table"
-		}, [m("thead", null, [m("tr", Ne, [(b(!0), p(c, null, ne(xt.value, (e) => (b(), p("th", {
+		}, [m("thead", null, [m("tr", Ne, [(b(!0), p(c, null, ne(wt.value, (e) => (b(), p("th", {
 			key: e.narrow,
 			scope: "col",
 			class: "nb-date-picker__cal-weekday",
 			abbr: e.full
-		}, S(e.narrow), 9, Pe))), 128))])]), m("tbody", null, [(b(!0), p(c, null, ne(wt.value, (e, t) => (b(), p("tr", { key: t }, [(b(!0), p(c, null, ne(e, (e) => (b(), p("td", {
+		}, S(e.narrow), 9, Pe))), 128))])]), m("tbody", null, [(b(!0), p(c, null, ne(Dt.value, (e, t) => (b(), p("tr", { key: t }, [(b(!0), p(c, null, ne(e, (e) => (b(), p("td", {
 			key: e.key,
 			role: "gridcell",
 			"aria-selected": e.isSelected || void 0,
@@ -701,13 +728,13 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				"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 === M.value
+				"nb-date-picker__cal-day--focused": e.date === j.value
 			}]),
-			tabindex: e.date === M.value ? 0 : -1,
+			tabindex: e.date === j.value ? 0 : -1,
 			disabled: e.isDisabled,
 			"aria-label": Qe(e.date),
 			"data-date": e.date,
-			onClick: (t) => lt(e.date)
+			onClick: (t) => dt(e.date)
 		}, S(e.day), 11, Ie)], 8, Fe))), 128))]))), 128))])], 8, Me)], 16, ke)) : f("", !0)]))], 64));
 	}
 });