bitboss-ui 2.1.135 → 3.0.0-alpha.1

package/dist/components/BbBaseDatePickerInput/BbBaseDatePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,713 @@
+import { useId as e } from "../../composables/useId.js";
+import { useLogger as t } from "../../composables/useLogger.js";
+import { useMobile as n } from "../../composables/useMobile.js";
+import r from "../BbIcon/BbIcon.vue.js";
+import { useLocale as i } from "../../composables/useLocale.js";
+import { hash as a } from "../../utilities/functions/hash.js";
+import { toInnerValue as o, toOuterValue as s } from "../../utilities/functions/convertDateValue.js";
+import c from "../BbDatePicker/BbDatePicker.vue.js";
+import l from "../CommonInputWrapper/CommonInputWrapper.vue.js";
+import { isEmpty as u } from "../../utilities/functions/empty.js";
+import { useSegmentedFields as d } from "../../composables/useSegmentedFields.js";
+import f from "../../assets/svgs/calendar.svg_raw.js";
+import { isNotEmpty as ee } from "../../utilities/functions/isNotEmpty.js";
+import { config as te } from "virtual:bitboss-ui/config";
+import { Fragment as ne, computed as p, createBlock as re, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as ie, createVNode as ae, defineComponent as oe, guardReactiveProps as se, mergeProps as ce, normalizeClass as _, normalizeProps as le, onBeforeUnmount as ue, openBlock as v, ref as y, renderList as de, renderSlot as b, toDisplayString as x, unref as S, watch as fe, watchEffect as pe, withCtx as C } from "vue";
+import w from "dayjs";
+import me from "dayjs/plugin/customParseFormat";
+import he from "dayjs/plugin/isSameOrAfter";
+import ge from "dayjs/plugin/isSameOrBefore";
+import { dayjsLocales as _e } from "virtual:bitboss-ui/dayjs-locales";
+//#region src/components/BbBaseDatePickerInput/BbBaseDatePickerInput.vue?vue&type=script&setup=true&lang.ts
+var ve = ["data-value"], ye = [
+	"id",
+	"aria-describedby",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-label",
+	"aria-readonly",
+	"autocomplete",
+	"autofocus",
+	"disabled",
+	"inputmode",
+	"maxlength",
+	"name",
+	"readonly",
+	"required",
+	"tabindex",
+	"value",
+	"onBlur",
+	"onFocus",
+	"onInput",
+	"onKeydown",
+	"onPaste"
+], be = ["onClick"], xe = ["disabled"], T = "YYYY-MM-DD", Se = "YYYY-MM-DDTHH:mm", Ce = /*@__PURE__*/ oe({
+	__name: "BbBaseDatePickerInput",
+	props: {
+		adaptive: {
+			type: Boolean,
+			default: void 0
+		},
+		offCanvasProps: {},
+		disableWriting: {
+			type: [Boolean, String],
+			default: !1
+		},
+		"append:icon": {},
+		autocomplete: { default: "off" },
+		ariaDescribedby: {},
+		autofocus: {},
+		clearable: { type: Boolean },
+		compact: { type: Boolean },
+		disabled: { type: Boolean },
+		firstDayOfWeek: {},
+		floating: { type: Boolean },
+		hasErrors: { type: Boolean },
+		hasWarning: { type: Boolean },
+		id: {},
+		loading: { type: Boolean },
+		max: {},
+		min: {},
+		modelValue: {},
+		name: {},
+		placeholder: {},
+		"prepend:icon": {},
+		range: { type: Boolean },
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		selectable: {},
+		disableCalendar: {
+			type: [Boolean, String],
+			default: !1
+		},
+		datetime: { type: Boolean },
+		ampm: { type: Boolean },
+		seconds: { type: Boolean },
+		step: {},
+		time: {},
+		utc: { type: Boolean },
+		transitionDuration: {}
+	},
+	emits: [
+		"active",
+		"error",
+		"focus",
+		"inactive",
+		"update:modelValue",
+		"update:time"
+	],
+	setup(oe, { emit: Ce }) {
+		let E = oe, D = Ce;
+		w.extend(me), w.extend(he), w.extend(ge), pe(() => {
+			w.locale(_e[te.locale] ?? "en");
+		});
+		let { t: O } = i(), k = t(), A = y(null), we = y(null), j = E.id || `bdpi-${e().id.value}`, Te = `bdpi-description_${j}`, Ee = p(() => {
+			let e = [E.ariaDescribedby, Te].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
+			return Array.from(new Set(e)).join(" ");
+		}), De = p(() => ee(E.modelValue)), { isMobile: M } = n(), Oe = p(() => E.disableWriting === "mobile" ? !M.value : E.disableWriting === "desktop" ? M.value : !E.disableWriting), ke = p(() => E.disableCalendar === "mobile" ? M.value : E.disableCalendar === "desktop" ? !M.value : !!E.disableCalendar), Ae = p(() => !!E.readonly || !Oe.value), je = p(() => Oe.value ? "numeric" : "none"), N = (e) => e.includes("T"), P = (e) => N(e) ? w(e, Se, !0) : w(e, T, !0);
+		for (let [e, t] of [["min", E.min], ["max", E.max]]) t && (P(t).isValid() || k.throw(`BaseDatePickerInput: ${e} must be in the format YYYY-MM-DD or YYYY-MM-DDTHH:mm`));
+		let Me = E.disableWriting !== !0 && E.disableWriting !== "desktop", Ne = E.disableCalendar !== !0 && E.disableCalendar !== "desktop", Pe = E.disableWriting !== !0 && E.disableWriting !== "mobile", Fe = E.disableCalendar !== !0 && E.disableCalendar !== "mobile";
+		!Me && !Ne && k.throw("BaseDatePickerInput: desktop users would have no interaction method — disableWriting:true (or \"desktop\") and disableCalendar:true (or \"desktop\") cannot be combined."), !Pe && !Fe && k.throw("BaseDatePickerInput: mobile users would have no interaction method — combine disableWriting:\"mobile\" with disableCalendar:\"desktop\" to keep calendar interaction on mobile while staying keyboard-first on desktop.");
+		let Ie = p(() => ({
+			floating: E.floating,
+			utc: E.utc
+		})), F = (e) => s(e, Ie.value), I = (e) => o(e, Ie.value), L = y(!1), Le = () => {
+			L.value || (D("active"), L.value = !0, document.addEventListener("focusin", R), document.addEventListener("click", R));
+		}, R = (e) => {
+			let t = e.target;
+			t instanceof HTMLElement && A.value?.$el && (A.value.$el.contains(t) || we.value?.calendarEl?.contains(t) || ($({ finalize: !0 }), Dt() && (Tt(), K()), L.value = !1, D("inactive"), document.removeEventListener("focusin", R), document.removeEventListener("click", R)));
+		}, z = (e, t) => {
+			let n = I(t);
+			if (!n.isValid()) return;
+			let r = W.value[e];
+			r.day = n.format("DD"), r.month = n.format("MM"), r.year = n.format("YYYY");
+		}, Re = { "onUpdate:modelValue": (e) => {
+			if (!E.datetime) {
+				D("update:modelValue", e);
+				return;
+			}
+			if (e === null) {
+				W.value.start = G(), W.value.end = G(), K(), Q(null);
+				return;
+			}
+			if (Array.isArray(e)) {
+				let [t, n] = e;
+				t ? z("start", t) : W.value.start = G(), n ? z("end", n) : W.value.end = G(), K(), $({ finalize: !1 });
+				return;
+			}
+			z("start", e), K(), $({ finalize: !1 });
+		} }, ze = (e) => {
+			let t = W.value[e];
+			return !!(t.day && t.month && t.year && t.year.length === 4);
+		}, B = y("start"), Be = (e) => {
+			B.value = e.segment, ot(e);
+		}, Ve = p(() => E.range ? ze(B.value) ? B.value : ze("end") ? "end" : "start" : "start"), He = ({ unit: e, value: t }) => {
+			let n = W.value[Ve.value];
+			e === "hour" ? J(n, parseInt(t, 10)) : n[e] = t, n.hour || (E.ampm ? n.hour = "12" : n.hour = "00"), E.ampm && !n.meridiem && (n.meridiem = "AM"), n.minute ||= "00", E.seconds && !n.second && (n.second = "00"), K(), $({ finalize: !1 });
+		}, V = p(() => E.datetime ? E.ampm ? E.seconds ? "D MMMM YYYY h:mm:ss A" : "D MMMM YYYY h:mm A" : E.seconds ? "D MMMM YYYY HH:mm:ss" : "D MMMM YYYY HH:mm" : "D MMMM YYYY"), Ue = p(() => {
+			if (E.range) {
+				let [e, t] = Array.isArray(E.modelValue) ? E.modelValue : [];
+				if (!e || !t) return O("baseDatePickerInput.emptyRange").value;
+				let n = I(e), r = I(t);
+				return !n.isValid() || !r.isValid() ? O("baseDatePickerInput.emptyRange").value : O("baseDatePickerInput.changeSelectionRange", n.format(V.value), r.format(V.value)).value;
+			}
+			if (typeof E.modelValue == "string") {
+				let e = I(E.modelValue);
+				return e.isValid() ? O("baseDatePickerInput.changeSelection", e.format(V.value)).value : O("baseDatePickerInput.emptySelection").value;
+			}
+			return O("baseDatePickerInput.emptySelection").value;
+		}), H = (e) => {
+			if (!e.isValid()) return !0;
+			let t = !0, n = (e) => E.datetime && N(e) ? "minute" : "day";
+			return E.min && (t &&= e.isSameOrAfter(P(E.min), n(E.min))), E.max && (t &&= e.isSameOrBefore(P(E.max), n(E.max))), typeof E.selectable == "function" && (t &&= E.selectable(F(e))), !t;
+		}, We = () => {
+			E.range ? (D("update:modelValue", []), E.datetime && (Z.value = [], D("update:time", []))) : (D("update:modelValue", null), E.datetime && (Z.value = null, D("update:time", null)));
+		}, Ge = /* @__PURE__ */ new Set([
+			"hour",
+			"minute",
+			"second",
+			"meridiem"
+		]), Ke = (e, t) => t === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, qe = (e) => {
+			let t = e >= 12 ? "PM" : "AM", n = e % 12;
+			return n === 0 && (n = 12), {
+				hour: String(n).padStart(2, "0"),
+				meridiem: t
+			};
+		}, Je = p(() => te.locale === "en" ? [
+			"month",
+			"day",
+			"year"
+		] : [
+			"day",
+			"month",
+			"year"
+		]), Ye = p(() => {
+			if (!E.datetime) return [];
+			let e = ["hour", "minute"];
+			return E.seconds && e.push("second"), E.ampm && e.push("meridiem"), e;
+		}), U = p(() => {
+			let e = [...Je.value, ...Ye.value], t = e.map((e) => ({
+				segment: "start",
+				field: e
+			}));
+			if (!E.range) return t;
+			let n = e.map((e) => ({
+				segment: "end",
+				field: e
+			}));
+			return [...t, ...n];
+		}), Xe = p(() => ({
+			day: {
+				kind: "numeric",
+				maxLength: 2,
+				max: 31,
+				rejectZero: !0,
+				padTo: 2,
+				autoAdvanceFrom: 4,
+				label: "Day"
+			},
+			month: {
+				kind: "numeric",
+				maxLength: 2,
+				max: 12,
+				rejectZero: !0,
+				padTo: 2,
+				autoAdvanceFrom: 2,
+				label: "Month"
+			},
+			year: {
+				kind: "numeric",
+				maxLength: 4,
+				requireFullLength: !0,
+				label: "Year"
+			},
+			hour: E.ampm ? {
+				kind: "numeric",
+				maxLength: 2,
+				max: 12,
+				rejectZero: !0,
+				padTo: 2,
+				autoAdvanceFrom: 2,
+				label: "Hour"
+			} : {
+				kind: "numeric",
+				maxLength: 2,
+				max: 23,
+				padTo: 2,
+				autoAdvanceFrom: 3,
+				label: "Hour"
+			},
+			minute: {
+				kind: "numeric",
+				maxLength: 2,
+				max: 59,
+				padTo: 2,
+				autoAdvanceFrom: 6,
+				label: "Minute"
+			},
+			second: {
+				kind: "numeric",
+				maxLength: 2,
+				max: 59,
+				padTo: 2,
+				autoAdvanceFrom: 6,
+				label: "Second"
+			},
+			meridiem: {
+				kind: "enum",
+				maxLength: 2,
+				enum: {
+					values: ["AM", "PM"],
+					keys: {
+						a: "AM",
+						p: "PM"
+					}
+				},
+				sizerMin: "AM",
+				label: "AM/PM"
+			}
+		})), Ze = (e, t) => {
+			if (e.segment !== t.segment) return "–";
+			if (t.field === "meridiem") return "\xA0";
+			let n = Ge.has(e.field), r = Ge.has(t.field);
+			return n && r ? ":" : !n && r ? "\xA0" : "/";
+		}, { fields: W, fieldRefs: Qe, descriptorKey: $e, emptyFieldGroup: G, getSizedValue: et, updateAllSizedValues: K, isOwnField: tt, focusField: nt, focusFirstField: rt, segmentStatus: q, onFieldInput: it, onFieldKeydown: at, onFieldFocus: ot, onFieldBlur: st, onFieldPaste: ct } = d({
+			fieldOrder: U,
+			specs: Xe,
+			segments: ["start", "end"],
+			fieldKeys: [
+				"day",
+				"month",
+				"year",
+				"hour",
+				"minute",
+				"second",
+				"meridiem"
+			],
+			optionalGroups: [[
+				"hour",
+				"minute",
+				"meridiem"
+			], ["second"]],
+			onDirty: () => $({ finalize: !1 })
+		}), lt = (e) => E.range ? `${j}-${e.segment}-${e.field}` : `${j}-${e.field}`, ut = (e) => {
+			if (E.name) return E.range ? `${E.name}-${e.segment}-${e.field}` : `${E.name}-${e.field}`;
+		}, dt = {
+			day: "baseDatePickerInput.dayField",
+			month: "baseDatePickerInput.monthField",
+			year: "baseDatePickerInput.yearField",
+			hour: "baseDatePickerInput.hourField",
+			minute: "baseDatePickerInput.minuteField",
+			second: "baseDatePickerInput.secondField",
+			meridiem: "baseDatePickerInput.meridiemField"
+		}, ft = (e) => {
+			let t = O(dt[e.field]).value;
+			return E.range ? O(e.segment === "start" ? "baseDatePickerInput.startFieldLabel" : "baseDatePickerInput.endFieldLabel", t).value : t;
+		}, J = (e, t) => {
+			if (!E.ampm) {
+				e.hour = String(t).padStart(2, "0");
+				return;
+			}
+			let n = qe(t);
+			e.hour = n.hour, e.meridiem = n.meridiem;
+		}, pt = (e) => {
+			if (!e.hour) return 0;
+			let t = parseInt(e.hour, 10);
+			return E.ampm ? Ke(t, e.meridiem || "AM") : t;
+		}, mt = p(() => E.seconds ? "HH:mm:ss" : "HH:mm"), ht = (e) => e.format(mt.value), gt = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, _t = (e) => {
+			if (!e) return null;
+			let t = gt.exec(e);
+			if (!t) return null;
+			let [, n, r, i] = t;
+			return parseInt(n, 10) > 23 || parseInt(r, 10) > 59 || i && parseInt(i, 10) > 59 ? null : {
+				hour: n.padStart(2, "0"),
+				minute: r.padStart(2, "0"),
+				second: (i ?? "").padStart(i ? 2 : 0, "0")
+			};
+		}, vt = (e, t) => {
+			if (!E.datetime) return;
+			let n = _t(t);
+			if (!n) {
+				e.hour = "", e.minute = "", e.second = "", e.meridiem = "";
+				return;
+			}
+			J(e, parseInt(n.hour, 10)), e.minute = n.minute, e.second = E.seconds ? n.second : "";
+		}, yt = p(() => E.seconds ? "baseDatePickerInput.timeFormatSeconds" : "baseDatePickerInput.timeFormat"), bt = p(() => {
+			if (!E.datetime) return O(E.range ? "baseDatePickerInput.dateFormatRange" : "baseDatePickerInput.dateFormatSingle").value;
+			let e = `${O("baseDatePickerInput.dateFormatSingle").value} ${O(yt.value).value}`;
+			return E.range ? `${e} – ${e}` : e;
+		}), xt = p(() => E.placeholder || bt.value), St = p(() => U.value.every((e) => !W.value[e.segment][e.field])), Ct = (e) => {
+			if (!e) return G();
+			let t = I(e);
+			if (!t.isValid()) return G();
+			let n = G();
+			return n.day = t.format("DD"), n.month = t.format("MM"), n.year = t.format("YYYY"), E.datetime && !E.floating && (J(n, t.hour()), n.minute = t.format("mm"), n.second = E.seconds ? t.format("ss") : ""), n;
+		}, wt = (e) => Array.isArray(E.time) ? E.time[e === "start" ? 0 : 1] : e === "start" ? E.time : void 0, Y = (e) => {
+			if (!e) {
+				W.value = {
+					start: G(),
+					end: G()
+				};
+				return;
+			}
+			if (E.range) {
+				let [t, n] = Array.isArray(e) ? e : [];
+				W.value = {
+					start: Ct(t),
+					end: Ct(n)
+				};
+			} else Array.isArray(e) ? W.value = {
+				start: G(),
+				end: G()
+			} : W.value = {
+				start: Ct(e),
+				end: G()
+			};
+			if (E.datetime && E.floating) for (let e of ["start", "end"]) {
+				let t = W.value[e];
+				t.day && vt(t, wt(e));
+			}
+		}, Tt = () => {
+			Y(E.modelValue);
+		};
+		Y(E.modelValue), K();
+		let Et = (e) => {
+			if (!E.datetime || E.floating) return;
+			let t;
+			t = e ? Array.isArray(e) ? e.map((e) => ht(I(e))) : ht(I(e)) : null, Z.value = t, D("update:time", t);
+		};
+		fe(() => E.modelValue, (e) => {
+			if (e === null || Array.isArray(e) && e.length === 0) {
+				Y(e), K(), Et(e);
+				return;
+			}
+			let t = document.activeElement;
+			t && tt(t) || (Y(e), K(), Et(e));
+		}), fe(() => E.time, (e) => {
+			if (!E.datetime || a(e ?? null) === a(Z.value ?? null)) return;
+			let t = document.activeElement;
+			if (!(t && tt(t))) {
+				for (let e of ["start", "end"]) {
+					if (e === "end" && !E.range) break;
+					let t = wt(e), n = W.value[e];
+					t !== void 0 && vt(n, t);
+				}
+				K(), $({ finalize: !1 });
+			}
+		});
+		let Dt = () => q("start") === "partial" ? !0 : E.range ? q("end") === "partial" : !1, Ot = (e) => {
+			let t = W.value[e];
+			if (!t.day || !t.month || !t.year) return null;
+			let n = parseInt(t.day, 10), r = parseInt(t.month, 10), i = parseInt(t.year, 10);
+			if (n < 1 || n > 31 || r < 1 || r > 12 || i < 1e3 || i > 9999) return null;
+			let a = t.year.padStart(4, "0"), o = t.month.padStart(2, "0"), s = t.day.padStart(2, "0"), c = "", l = "";
+			if (E.datetime) {
+				if (E.ampm && t.hour) {
+					let e = parseInt(t.hour, 10);
+					if (e < 1 || e > 12) return null;
+				}
+				let e = String(pt(t)).padStart(2, "0"), n = (t.minute || "0").padStart(2, "0"), r = ((E.seconds ? t.second : "") || "0").padStart(2, "0");
+				if (parseInt(e, 10) > 23 || parseInt(n, 10) > 59 || parseInt(r, 10) > 59) return null;
+				c = `T${e}:${n}:${r}`, l = "THH:mm:ss";
+			}
+			let u = w(`${a}-${o}-${s}${c}`, T + l, !0);
+			if (!u.isValid()) {
+				let t = w(`${a}-${o}-01`, T, !0).endOf("month").date(), r = Math.min(n, t);
+				u = w(`${a}-${o}-${String(r).padStart(2, "0")}${c}`, T + l, !0), W.value[e].day = String(r).padStart(2, "0");
+			}
+			return u.isValid() ? u : null;
+		}, kt = (e) => {
+			let t = G();
+			return t.day = e.format("DD"), t.month = e.format("MM"), t.year = e.format("YYYY"), E.datetime && (J(t, e.hour()), t.minute = e.format("mm"), t.second = E.seconds ? e.format("ss") : ""), t;
+		}, At = (e) => {
+			let t = (t, n) => E.datetime && !n ? t.hour(e.hour()).minute(e.minute()).second(e.second()) : t, n = E.datetime ? "minute" : "day", r = e;
+			if (E.min) {
+				let e = N(E.min), n = P(E.min);
+				r.isBefore(n, E.datetime && e ? "minute" : "day") && (r = t(n, e));
+			}
+			if (E.max) {
+				let e = N(E.max), n = P(E.max);
+				r.isAfter(n, E.datetime && e ? "minute" : "day") && (r = t(n, e));
+			}
+			return r.isSame(e, n) || H(r) ? null : r;
+		}, X = (e) => {
+			D("error", e);
+		}, jt = (e) => {
+			let t = W.value[e], n = String(pt(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
+			return E.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
+		}, Z = y(void 0), Q = (e) => {
+			if (D("update:modelValue", e), !E.datetime) return;
+			let t;
+			t = e === null ? null : Array.isArray(e) ? e.map((e, t) => jt(t === 0 ? "start" : "end")) : jt("start"), Z.value = t, D("update:time", t);
+		}, $ = (e = {}) => {
+			let t = !!e.finalize, n = q("start");
+			if (!E.range) {
+				if (n === "empty") {
+					Q(null);
+					return;
+				}
+				if (n === "partial") return;
+				let e = Ot("start");
+				if (!e) return;
+				if (H(e)) {
+					if (!t) return;
+					let n = F(e), r = At(e);
+					if (r) {
+						let e = F(r);
+						W.value.start = kt(r), Q(e), X({
+							code: "disabled_date",
+							original: n,
+							normalized: e
+						});
+					} else W.value.start = G(), Q(null), X({
+						code: "disabled_date",
+						original: n,
+						normalized: null
+					});
+					return;
+				}
+				Q(F(e));
+				return;
+			}
+			let r = q("end");
+			if (n === "empty" && r === "empty") {
+				Q(null);
+				return;
+			}
+			if (n === "partial" || r === "partial" || n === "empty") return;
+			let i = Ot("start");
+			if (!i) return;
+			let a = r === "empty" ? null : Ot("end"), o = F(i), s = a ? F(a) : null, c = i, l = !1;
+			if (H(i)) {
+				if (!t) return;
+				let e = At(i), n = s ? [o, s] : [o];
+				if (!e) {
+					W.value.start = G(), W.value.end = G(), Q(null), X({
+						code: "disabled_range_start",
+						original: n,
+						normalized: null
+					});
+					return;
+				}
+				if (c = e, l = !0, W.value.start = kt(e), !a) {
+					let t = [F(e)];
+					Q(t), X({
+						code: "disabled_range_start",
+						original: n,
+						normalized: t
+					});
+					return;
+				}
+			}
+			if (!a) {
+				Q([F(c)]);
+				return;
+			}
+			let u = a, d = !1;
+			if (H(a)) {
+				if (!t) return;
+				let e = At(a), n = [o, s];
+				if (!e) {
+					let e = [F(c)];
+					W.value.end = G(), Q(e), l && X({
+						code: "disabled_range_start",
+						original: n,
+						normalized: e
+					}), X({
+						code: "disabled_range_end",
+						original: n,
+						normalized: e
+					});
+					return;
+				}
+				u = e, d = !0, W.value.end = kt(e);
+			}
+			if (u.isBefore(c, E.datetime ? "second" : "day")) {
+				if (!t) return;
+				let e = [F(c), F(u)], n = [F(u), F(c)], r = { ...W.value.start };
+				W.value.start = { ...W.value.end }, W.value.end = r, K(), Q(n), l && X({
+					code: "disabled_range_start",
+					original: [o, s],
+					normalized: n
+				}), d && X({
+					code: "disabled_range_end",
+					original: [o, s],
+					normalized: n
+				}), X({
+					code: "end_before_start",
+					original: e,
+					normalized: n
+				});
+				return;
+			}
+			let f = [F(c), F(u)];
+			Q(f), l && X({
+				code: "disabled_range_start",
+				original: s ? [o, s] : [o],
+				normalized: f
+			}), d && X({
+				code: "disabled_range_end",
+				original: [o, s],
+				normalized: f
+			});
+		};
+		return ue(() => {
+			document.removeEventListener("focusin", R), document.removeEventListener("click", R);
+		}), (e, t) => (v(), re(l, {
+			ref_key: "wrapper",
+			ref: A,
+			active: L.value,
+			"append:icon": E["append:icon"],
+			class: _(["bb-base-date-picker-input", { "bb-base-date-picker-input--range": E.range }]),
+			clearable: E.clearable && !S(u)(e.modelValue),
+			compact: E.compact,
+			disabled: E.disabled,
+			"has-errors": E.hasErrors,
+			"has-value": De.value,
+			"has-warning": E.hasWarning,
+			loading: E.loading,
+			"prepend:icon": E["prepend:icon"],
+			readonly: E.readonly,
+			"onClick:clear": We,
+			onFocusin: Le
+		}, ie({
+			"prepend-outer": C(() => [b(e.$slots, "prepend-outer")]),
+			prepend: C(() => [b(e.$slots, "prepend")]),
+			append: C(() => [ke.value ? m("", !0) : (v(), re(c, {
+				key: 0,
+				ref_key: "datePicker",
+				ref: we,
+				"active-segment": Ve.value,
+				adaptive: e.adaptive,
+				ampm: e.ampm,
+				anchor: A.value,
+				datetime: e.datetime,
+				disabled: e.disabled,
+				"first-day-of-week": e.firstDayOfWeek,
+				floating: e.floating,
+				label: Ue.value,
+				max: e.max,
+				min: e.min,
+				"model-value": e.modelValue,
+				"off-canvas-props": e.offCanvasProps,
+				range: e.range,
+				readonly: e.readonly,
+				seconds: e.seconds,
+				selectable: e.selectable,
+				step: e.step,
+				time: e.time,
+				"transition-duration": e.transitionDuration,
+				utc: e.utc,
+				onGridPick: Re["onUpdate:modelValue"],
+				onTimePick: He
+			}, {
+				activator: C(({ props: t }) => [g("button", ce(t, {
+					class: "bb-base-date-picker-input__calendar-btn",
+					disabled: e.disabled || e.readonly,
+					type: "button"
+				}), [ae(r, {
+					class: "bb-base-date-picker-input__calendar-icon",
+					icon: S(f)
+				}, null, 8, ["icon"])], 16, xe)]),
+				day: C((t) => [b(e.$slots, "day", le(se(t)))]),
+				"append:day": C((t) => [b(e.$slots, "append:day", le(se(t)))]),
+				_: 3
+			}, 8, [
+				"active-segment",
+				"adaptive",
+				"ampm",
+				"anchor",
+				"datetime",
+				"disabled",
+				"first-day-of-week",
+				"floating",
+				"label",
+				"max",
+				"min",
+				"model-value",
+				"off-canvas-props",
+				"range",
+				"readonly",
+				"seconds",
+				"selectable",
+				"step",
+				"time",
+				"transition-duration",
+				"utc",
+				"onGridPick"
+			])), b(e.$slots, "append")]),
+			"append-outer": C(() => [b(e.$slots, "append-outer")]),
+			default: C(() => [g("div", { class: _(["bb-base-date-picker-input__fields", {
+				"bb-base-date-picker-input__fields--empty": St.value,
+				"bb-base-date-picker-input__fields--range": e.range
+			}]) }, [St.value ? (v(), h("span", {
+				key: 0,
+				"aria-hidden": "true",
+				class: "bb-base-date-picker-input__placeholder",
+				onClick: t[0] ||= (...e) => S(rt) && S(rt)(...e)
+			}, x(xt.value), 1)) : m("", !0), (v(!0), h(ne, null, de(U.value, (t, n) => (v(), h(ne, { key: S($e)(t) }, [g("span", {
+				class: "bb-base-date-picker-input__field-sizer",
+				"data-value": S(et)(t)
+			}, [g("input", {
+				id: n === 0 ? S(j) : lt(t),
+				ref_for: !0,
+				ref: (e) => S(Qe)[S($e)(t)] = e,
+				"aria-describedby": Ee.value,
+				"aria-disabled": e.disabled || void 0,
+				"aria-invalid": E.hasErrors ? "true" : void 0,
+				"aria-label": ft(t),
+				"aria-readonly": Ae.value || void 0,
+				autocomplete: e.autocomplete,
+				autofocus: e.autofocus && n === 0,
+				class: _(["bb-base-date-picker-input__field", [`bb-base-date-picker-input__field--${t.field}`, `bb-base-date-picker-input__field--${t.segment}`]]),
+				disabled: e.disabled,
+				inputmode: je.value,
+				maxlength: Xe.value[t.field].maxLength,
+				name: ut(t),
+				readonly: Ae.value,
+				required: e.required,
+				tabindex: n % 3 == 0 ? 0 : -1,
+				type: "text",
+				value: S(W)[t.segment][t.field],
+				onBlur: (e) => S(st)(t),
+				onFocus: (e) => Be(t),
+				onInput: (e) => S(it)(t, e),
+				onKeydown: (e) => S(at)(t, e),
+				onPaste: (e) => S(ct)(t, e)
+			}, null, 42, ye)], 8, ve), n < U.value.length - 1 ? (v(), h("span", {
+				key: 0,
+				"aria-hidden": "true",
+				class: _(["bb-base-date-picker-input__separator", { "bb-base-date-picker-input__separator--range": U.value[n].segment !== U.value[n + 1].segment }]),
+				role: "presentation",
+				onClick: (e) => S(nt)(U.value[n + 1], { select: !0 })
+			}, x(Ze(U.value[n], U.value[n + 1])), 11, be)) : m("", !0)], 64))), 128))], 2), g("span", {
+				id: Te,
+				class: "bb-base-date-picker-input__accessible-description sr-only"
+			}, x(S(O)("baseDatePickerInput.dateFormat")) + " " + x(bt.value), 1)]),
+			_: 2
+		}, [e.$slots.prefix ? {
+			name: "prefix",
+			fn: C(() => [b(e.$slots, "prefix")]),
+			key: "0"
+		} : void 0, e.$slots.suffix ? {
+			name: "suffix",
+			fn: C(() => [b(e.$slots, "suffix")]),
+			key: "1"
+		} : void 0]), 1032, [
+			"active",
+			"append:icon",
+			"class",
+			"clearable",
+			"compact",
+			"disabled",
+			"has-errors",
+			"has-value",
+			"has-warning",
+			"loading",
+			"prepend:icon",
+			"readonly"
+		]));
+	}
+});
+//#endregion
+export { Ce as default };