bitboss-ui 3.0.0-beta.48 → 3.0.0-beta.49

package/dist/components/BbDatePickerInput/BbDatePickerInput.vue_vue_type_script_setup_true_lang.js

@@ -8,28 +8,28 @@ import { removedPropsFor as c } from "../../deprecation/removedProps.js";
 import { warnRemovedAttrs as l } from "../../utilities/functions/warnRemovedAttrs.js";
 import { useMobile as u } from "../../composables/useMobile.js";
 import { useLocale as d } from "../../composables/useLocale.js";
-import ee from "../BbIcon/BbIcon.vue.js";
-import { formatOfType as te, isCoarseType as ne, unitOfType as re } from "../../types/DatePickerType.js";
-import { toInnerValue as ie, toOuterValue as ae } from "../../utilities/functions/convertDateValue.js";
-import { useMeridiem as oe } from "../CommonTimeSelector/useMeridiem.js";
-import { useDayjsLocale as se } from "../BbCalendar/useDayjsLocale.js";
-import { normalizeDateBound as ce } from "../../utilities/functions/normalizeDateBound.js";
-import { BB_DATE_PICKER_PT as le, DATE_PICKER_CALENDAR_PARTS as ue } from "../BbDatePicker/types.js";
-import de from "../BbDatePicker/BbDatePicker.vue.js";
-import fe from "../CommonField/CommonField.vue.js";
-import { useFormBinding as pe } from "../../composables/useFormBinding.js";
-import me from "../CommonFieldInput/CommonFieldInput.vue.js";
-import { useSegmentedFields as he } from "../../composables/useSegmentedFields.js";
-import ge from "../../assets/svgs/calendar.svg_raw.js";
-import { BB_DATE_PICKER_INPUT_PT as _e } from "./types.js";
-import { dateLayoutFromHint as ve, monthLayoutFromHint as ye } from "./dateFieldLayout.js";
-import { Fragment as be, computed as f, createBlock as xe, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Se, createVNode as Ce, defineComponent as we, guardReactiveProps as g, mergeProps as _, normalizeClass as Te, normalizeProps as v, normalizeStyle as Ee, onBeforeUnmount as De, onDeactivated as Oe, openBlock as y, ref as b, renderList as ke, renderSlot as x, toDisplayString as S, unref as C, useAttrs as Ae, useSlots as je, watch as Me, withCtx as w } from "vue";
-import T from "dayjs";
-import Ne from "dayjs/plugin/customParseFormat";
-import Pe from "dayjs/plugin/isSameOrAfter";
-import Fe from "dayjs/plugin/isSameOrBefore";
+import f from "../BbIcon/BbIcon.vue.js";
+import { formatOfType as ee, isCoarseType as te, unitOfType as ne } from "../../types/DatePickerType.js";
+import { toInnerValue as re, toOuterValue as ie } from "../../utilities/functions/convertDateValue.js";
+import { useMeridiem as ae } from "../CommonTimeSelector/useMeridiem.js";
+import { formatDateOf as oe, timeFieldsOf as se, useDayjsLocale as ce } from "../BbCalendar/useDayjsLocale.js";
+import { normalizeDateBound as le } from "../../utilities/functions/normalizeDateBound.js";
+import { BB_DATE_PICKER_PT as ue, DATE_PICKER_CALENDAR_PARTS as de } from "../BbDatePicker/types.js";
+import fe from "../BbDatePicker/BbDatePicker.vue.js";
+import pe from "../CommonField/CommonField.vue.js";
+import { useFormBinding as me } from "../../composables/useFormBinding.js";
+import he from "../CommonFieldInput/CommonFieldInput.vue.js";
+import { useSegmentedFields as ge } from "../../composables/useSegmentedFields.js";
+import _e from "../../assets/svgs/calendar.svg_raw.js";
+import { BB_DATE_PICKER_INPUT_PT as ve } from "./types.js";
+import { dateLayoutFromHint as ye, monthLayoutFromHint as be } from "./dateFieldLayout.js";
+import { Fragment as xe, computed as p, createBlock as Se, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Ce, createVNode as we, defineComponent as Te, guardReactiveProps as _, mergeProps as v, normalizeClass as Ee, normalizeProps as y, normalizeStyle as De, onBeforeUnmount as Oe, onDeactivated as ke, openBlock as b, ref as x, renderList as Ae, renderSlot as S, toDisplayString as C, unref as w, useAttrs as je, useSlots as Me, watch as Ne, withCtx as T } from "vue";
+import E from "dayjs";
+import Pe from "dayjs/plugin/customParseFormat";
+import Fe from "dayjs/plugin/isSameOrAfter";
+import Ie from "dayjs/plugin/isSameOrBefore";
 //#region src/components/BbDatePickerInput/BbDatePickerInput.vue?vue&type=script&setup=true&lang.ts
-var Ie = ["data-value"], Le = [
+var Le = ["data-value"], Re = [
 	"id",
 	"aria-describedby",
 	"aria-disabled",
@@ -52,7 +52,7 @@ var Ie = ["data-value"], Le = [
 	"onInput",
 	"onKeydown",
 	"onPaste"
-], Re = ["onClick"], ze = ["disabled"], Be = ["id"], E = "YYYY-MM-DD", Ve = "YYYY-MM-DDTHH:mm", He = /*@__PURE__*/ we({
+], ze = ["onClick"], Be = ["disabled"], Ve = ["id"], D = "YYYY-MM-DD", He = "YYYY-MM-DDTHH:mm", Ue = /*@__PURE__*/ Te({
 	inheritAttrs: !1,
 	__name: "BbDatePickerInput",
 	props: {
@@ -530,148 +530,162 @@ var Ie = ["data-value"], Le = [
 		"update:modelValue",
 		"update:time"
 	],
-	setup(we, { emit: He }) {
-		let Ue = we, We = He, Ge = je(), { props: D, emit: O, showAsterisk: Ke, errors: qe, required: Je, ariaRequired: Ye, model: Xe } = pe(Ue, We, {
+	setup(Te, { emit: Ue }) {
+		let We = Te, Ge = Ue, Ke = Me(), { props: O, emit: k, showAsterisk: qe, errors: Je, required: Ye, ariaRequired: Xe, model: Ze, readonly: Qe } = me(We, Ge, {
 			componentName: "BbDatePickerInput",
-			identifierFallback: () => Ue.label,
+			identifierFallback: () => We.label,
 			leaveOn: "inactive"
-		}), Ze = /^\d{4}-\d{2}-\d{2}(:append)?$/, Qe = () => Object.keys(Ge).filter((e) => Ze.test(e)), $e = o();
+		}), $e = /^\d{4}-\d{2}-\d{2}(:append)?$/, et = () => Object.keys(Ke).filter((e) => $e.test(e)), tt = o();
 		process.env.NODE_ENV !== "production" && l("BbDatePickerInput", c("BbDatePickerInput"), { fixedSlots: ["append:outer"] });
-		let k = b(!1), et = b(!1), tt = () => {
-			et.value = !1;
-		}, nt = b(!1), rt = () => {
-			nt.value = !0, O("show");
-		}, it = () => {
-			nt.value = !1, O("hide");
+		let A = x(!1), nt = x(!1), rt = () => {
+			nt.value = !1;
+		}, it = x(!1), at = () => {
+			it.value = !0, k("show");
+		}, ot = () => {
+			it.value = !1, k("hide");
 		};
-		Oe(() => {
-			k.value ? jt() : tt();
-		}), De(tt);
-		let at = f(() => D.persistentHint || et.value), ot = f(() => n(D.modelValue)), st = f(() => D.labelMode ?? $e.defaultInputLabelMode), ct = [
+		ke(() => {
+			A.value ? Nt() : rt();
+		}), Oe(rt);
+		let st = p(() => O.persistentHint || nt.value), ct = p(() => n(O.modelValue)), lt = p(() => O.labelMode ?? tt.defaultInputLabelMode), ut = [
 			"panel",
 			"sheet",
-			...ue
-		], A = a({
+			...de
+		], j = a({
 			component: "BbDatePickerInput",
-			attrs: Ae(),
+			attrs: je(),
 			controlAttrs: r,
-			props: D,
-			parts: _e.parts,
-			states: _e.states,
+			props: O,
+			parts: ve.parts,
+			states: ve.states,
 			active: {
-				...i(D, () => ot.value),
-				open: () => nt.value
+				...i(O, () => ct.value),
+				open: () => it.value
 			}
-		}), j = f(() => D.type === "datetime"), M = f(() => ne(D.type)), lt = f(() => D.floating || M.value), N = f(() => re(D.type)), ut = f(() => te(D.type));
-		T.extend(Ne), T.extend(Pe), T.extend(Fe), se();
-		let { t: P } = d(), F = e(), I = b(null), dt = (e) => `bdpi-description_${e}`, ft = (e, t) => {
-			let n = [e, dt(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
+		}), M = p(() => O.type === "datetime"), N = p(() => te(O.type)), dt = p(() => O.floating || N.value), P = p(() => ne(O.type)), ft = p(() => ee(O.type));
+		E.extend(Pe), E.extend(Fe), E.extend(Ie), ce();
+		let { t: F } = d(), I = e(), L = x(null), pt = (e) => `bdpi-description_${e}`, mt = (e, t) => {
+			let n = [e, pt(t)].filter((e) => !!e?.trim()).flatMap((e) => e.split(/\s+/)).filter(Boolean);
 			return Array.from(new Set(n)).join(" ");
-		}, { isMobile: L } = u(), pt = f(() => D.disableWriting === "mobile" ? !L.value : D.disableWriting === "desktop" ? L.value : !D.disableWriting), mt = f(() => !pt.value && !vt.value && !D.disabled && !D.readonly), ht = () => {
-			!mt.value || nt.value || (I.value?.$el)?.querySelector(".bb-segmented-field__activator")?.click();
-		}, gt = (e) => {
+		}, { isMobile: R } = u(), ht = p(() => O.disableWriting === "mobile" ? !R.value : O.disableWriting === "desktop" ? R.value : !O.disableWriting), gt = p(() => !ht.value && !xt.value && !O.disabled && !O.readonly), _t = () => {
+			!gt.value || it.value || (L.value?.$el)?.querySelector(".bb-segmented-field__activator")?.click();
+		}, vt = (e) => {
 			let t = e.target;
-			t?.closest(".bb-field-input__box") && (t.closest(".bb-segmented-field__activator, .bb-clearable-button, .bb-date-picker__panel, [role=\"dialog\"]") || ht());
-		}, _t = (e, t) => {
-			if (mt.value && (t.key === "Enter" || t.key === " ")) {
-				t.preventDefault(), ht();
+			t?.closest(".bb-field-input__box") && (t.closest(".bb-segmented-field__activator, .bb-clearable-button, .bb-date-picker__panel, [role=\"dialog\"]") || _t());
+		}, yt = (e) => e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Backspace" || e.key === "Delete" || e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, bt = (e, t) => {
+			if (gt.value && (t.key === "Enter" || t.key === " ")) {
+				t.preventDefault(), _t();
 				return;
 			}
-			cn(e, t);
-		}, vt = f(() => D.disableCalendar === "mobile" ? L.value : D.disableCalendar === "desktop" ? !L.value : !!D.disableCalendar), yt = f(() => !!D.readonly || !pt.value), bt = (e) => pt.value ? Zt.value[e].kind === "enum" ? "none" : "numeric" : "none", xt = (e) => e.includes("T"), R = (e) => {
-			if (M.value) {
-				let t = T(e, ut.value, !0);
-				return t.isValid() ? t : T(e);
+			if (O.readonly && yt(t)) {
+				t.preventDefault();
+				return;
 			}
-			return xt(e) ? T(e, Ve, !0) : T(e, E, !0);
-		}, St = f(() => ce(D.min, D.type, "min", (e) => F.warn(`BbDatePickerInput: ${e}`))), Ct = f(() => ce(D.max, D.type, "max", (e) => F.warn(`BbDatePickerInput: ${e}`)));
-		for (let [e, t] of [["min", D.min], ["max", D.max]]) if (t && (R(t).isValid() || F.throw(M.value ? `BbDatePickerInput: ${e} must be a ${ut.value} value (a longer date is accepted and rounded to the ${N.value}) with type="${D.type}"` : `BbDatePickerInput: ${e} must be in the format YYYY-MM-DD or YYYY-MM-DDTHH:mm`), M.value)) {
-			e === "min" ? St.value : Ct.value;
+			fn(e, t);
+		}, xt = p(() => O.disableCalendar === "mobile" ? R.value : O.disableCalendar === "desktop" ? !R.value : !!O.disableCalendar), St = p(() => !!O.readonly || !ht.value), Ct = (e) => ht.value ? tn.value[e].kind === "enum" ? "none" : "numeric" : "none", z = (e) => e.includes("T"), B = (e) => {
+			if (N.value) {
+				let t = E(e, ft.value, !0);
+				return t.isValid() ? t : E(e);
+			}
+			return z(e) ? E(e, He, !0) : E(e, D, !0);
+		}, wt = p(() => le(O.min, O.type, "min", (e) => I.warn(`BbDatePickerInput: ${e}`))), Tt = p(() => le(O.max, O.type, "max", (e) => I.warn(`BbDatePickerInput: ${e}`)));
+		for (let [e, t] of [["min", O.min], ["max", O.max]]) if (t && (B(t).isValid() || I.throw(N.value ? `BbDatePickerInput: ${e} must be a ${ft.value} value (a longer date is accepted and rounded to the ${P.value}) with type="${O.type}"` : `BbDatePickerInput: ${e} must be in the format YYYY-MM-DD or YYYY-MM-DDTHH:mm`), N.value)) {
+			e === "min" ? wt.value : Tt.value;
 			continue;
 		}
-		let wt = D.disableWriting !== !0 && D.disableWriting !== "desktop", Tt = D.disableCalendar !== !0 && D.disableCalendar !== "desktop", Et = D.disableWriting !== !0 && D.disableWriting !== "mobile", Dt = D.disableCalendar !== !0 && D.disableCalendar !== "mobile";
-		!wt && !Tt && F.throw("BbDatePickerInput: desktop users would have no interaction method — disableWriting:true (or \"desktop\") and disableCalendar:true (or \"desktop\") cannot be combined."), !Et && !Dt && F.throw("BbDatePickerInput: 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 Ot = f(() => ({
-			floating: lt.value,
-			utc: D.utc,
-			type: D.type
-		})), z = (e) => ae(e, Ot.value), kt = (e) => ie(e, Ot.value), At = () => {
-			k.value || (et.value = !0, O("active"), k.value = !0, document.addEventListener("focusin", B), document.addEventListener("click", B));
-		}, B = (e) => {
+		let Et = O.disableWriting !== !0 && O.disableWriting !== "desktop", Dt = O.disableCalendar !== !0 && O.disableCalendar !== "desktop", Ot = O.disableWriting !== !0 && O.disableWriting !== "mobile", kt = O.disableCalendar !== !0 && O.disableCalendar !== "mobile";
+		!Et && !Dt && I.throw("BbDatePickerInput: desktop users would have no interaction method — disableWriting:true (or \"desktop\") and disableCalendar:true (or \"desktop\") cannot be combined."), !Ot && !kt && I.throw("BbDatePickerInput: 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 At = p(() => ({
+			floating: dt.value,
+			utc: O.utc,
+			type: O.type
+		})), V = (e) => ie(e, At.value), jt = (e) => re(e, At.value), Mt = () => {
+			A.value || (nt.value = !0, k("active"), A.value = !0, document.addEventListener("focusin", H), document.addEventListener("click", H));
+		}, H = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && I.value?.$el && (I.value.$el.contains(t) || jt());
-		}, jt = () => {
-			$({ finalize: !0 }), Mn() && (An(), q()), k.value = !1, tt(), O("inactive"), document.removeEventListener("focusin", B), document.removeEventListener("click", B);
-		}, Mt = (e, t) => {
-			let n = kt(t);
+			t instanceof HTMLElement && L.value?.$el && (L.value.$el.contains(t) || Nt());
+		}, Nt = () => {
+			$({ finalize: !0 }), Ln() && (Fn(), J()), A.value = !1, rt(), k("inactive"), document.removeEventListener("focusin", H), document.removeEventListener("click", H);
+		}, Pt = (e, t) => {
+			let n = jt(t);
 			if (!n.isValid()) return;
-			let r = G.value[e];
+			let r = K.value[e];
 			r.day = n.format("DD"), r.month = n.format("MM"), r.year = n.format("YYYY");
-		}, Nt = { "onUpdate:modelValue": (e) => {
-			if (e === null && D.range && (e = []), !j.value) {
-				O("update:modelValue", e);
+		}, Ft = { "onUpdate:modelValue": (e) => {
+			if (e === null && O.range && (e = []), !M.value) {
+				k("update:modelValue", e);
 				return;
 			}
 			if (e === null || Array.isArray(e) && !e.length) {
-				G.value.start = K(), G.value.end = K(), q(), Q(D.range ? [] : null);
+				K.value.start = q(), K.value.end = q(), J(), Q(O.range ? [] : null);
 				return;
 			}
 			if (Array.isArray(e)) {
 				let [t, n] = e;
-				t ? Mt("start", t) : G.value.start = K(), n ? Mt("end", n) : G.value.end = K(), q(), $({ finalize: !1 });
+				t ? Pt("start", t) : K.value.start = q(), n ? Pt("end", n) : K.value.end = q(), J(), $({ finalize: !1 });
 				return;
 			}
-			Mt("start", e), q(), $({ finalize: !1 });
-		} }, Pt = (e) => {
-			let t = G.value[e];
+			Pt("start", e), J(), $({ finalize: !1 });
+		} }, It = (e) => {
+			let t = K.value[e];
 			return !!(t.day && t.month && t.year && t.year.length === 4);
-		}, Ft = b("start"), It = (e, t) => {
-			Ft.value = e.segment, ln(e), O("focus", t);
-		}, Lt = f(() => D.range ? Pt(Ft.value) ? Ft.value : Pt("end") ? "end" : "start" : "start"), Rt = ({ unit: e, value: t }) => {
-			let n = G.value[Lt.value];
-			e === "hour" ? Y(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = H.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (D.ampm ? n.hour = "12" : n.hour = "00"), D.ampm && !n.meridiem && (n.meridiem = H.am.value), n.minute ||= "00", D.seconds && !n.second && (n.second = "00"), q(), $({ finalize: !1 });
-		}, zt = f(() => D.type === "year" ? "YYYY" : D.type === "month" ? "MMMM YYYY" : j.value ? D.ampm ? D.seconds ? "D MMMM YYYY h:mm:ss A" : "D MMMM YYYY h:mm A" : D.seconds ? "D MMMM YYYY HH:mm:ss" : "D MMMM YYYY HH:mm" : "D MMMM YYYY"), Bt = (e) => {
-			if (J(e) !== "complete") return null;
-			let t = G.value[e], n = U.value, r = n.has("day") ? t.day.padStart(2, "0") : "01", i = n.has("month") ? t.month.padStart(2, "0") : "01", a = `${t.year.padStart(4, "0")}-${i}-${r}`, o = E;
-			j.value && (a += `T${In(e)}`, o += D.seconds ? "THH:mm:ss" : "THH:mm");
-			let s = T(a, o, !0);
+		}, Lt = x("start"), Rt = (e, t) => {
+			Lt.value = e.segment, pn(e), k("focus", t);
+		}, zt = p(() => O.range ? It(Lt.value) ? Lt.value : It("end") ? "end" : "start" : "start"), Bt = ({ unit: e, value: t }) => {
+			let n = K.value[zt.value];
+			e === "hour" ? xn(n, parseInt(t, 10)) : e === "meridiem" ? n.meridiem = U.label(t === "PM" ? "PM" : "AM") : n[e] = t, n.hour || (O.ampm ? n.hour = "12" : n.hour = "00"), O.ampm && !n.meridiem && (n.meridiem = U.am.value), n.minute ||= "00", O.seconds && !n.second && (n.second = "00"), J(), $({ finalize: !1 });
+		}, Vt = p(() => O.type === "year" ? { year: "numeric" } : O.type === "month" ? {
+			year: "numeric",
+			month: "long"
+		} : {
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		}), Ht = (e) => {
+			let t = oe(e, tt.locale, Vt.value);
+			return M.value ? `${t} ${oe(e, tt.locale, se(!!O.ampm, !!O.seconds))}` : t;
+		}, Ut = (e) => {
+			if (Y(e) !== "complete") return null;
+			let t = K.value[e], n = W.value, r = n.has("day") ? t.day.padStart(2, "0") : "01", i = n.has("month") ? t.month.padStart(2, "0") : "01", a = `${t.year.padStart(4, "0")}-${i}-${r}`, o = D;
+			M.value && (a += `T${Vn(e)}`, o += O.seconds ? "THH:mm:ss" : "THH:mm");
+			let s = E(a, o, !0);
 			return s.isValid() ? s : null;
-		}, Vt = f(() => {
-			if (D.range) {
-				let e = Bt("start"), t = Bt("end");
-				return !e || !t ? P("datePickerInput.emptyRange").value : P("datePickerInput.changeSelectionRange", e.format(zt.value), t.format(zt.value)).value;
+		}, Wt = p(() => {
+			if (O.range) {
+				let e = Ut("start"), t = Ut("end");
+				return !e || !t ? F("datePickerInput.emptyRange").value : F("datePickerInput.changeSelectionRange", Ht(e), Ht(t)).value;
 			}
-			let e = Bt("start");
-			return e ? P("datePickerInput.changeSelection", e.format(zt.value)).value : P("datePickerInput.emptySelection").value;
-		}), V = (e) => {
+			let e = Ut("start");
+			return e ? F("datePickerInput.changeSelection", Ht(e)).value : F("datePickerInput.emptySelection").value;
+		}), Gt = (e) => {
 			if (!e.isValid()) return !0;
-			let t = !0, n = (e) => M.value ? N.value : j.value && xt(e) ? "minute" : "day", r = St.value, i = Ct.value;
-			return r && (t &&= e.isSameOrAfter(R(r), n(r))), i && (t &&= e.isSameOrBefore(R(i), n(i))), typeof D.selectable == "function" && (t &&= D.selectable(z(e))), !t;
-		}, Ht = () => {
-			D.range ? (O("update:modelValue", []), j.value && (Z.value = [], O("update:time", []))) : (O("update:modelValue", null), j.value && (Z.value = null, O("update:time", null)));
-		}, Ut = /* @__PURE__ */ new Set([
+			let t = !0, n = (e) => N.value ? P.value : M.value && z(e) ? "minute" : "day", r = wt.value, i = Tt.value;
+			return r && (t &&= e.isSameOrAfter(B(r), n(r))), i && (t &&= e.isSameOrBefore(B(i), n(i))), typeof O.selectable == "function" && (t &&= O.selectable(V(e))), !t;
+		}, Kt = () => {
+			O.range ? (k("update:modelValue", []), M.value && (Z.value = [], k("update:time", []))) : (k("update:modelValue", null), M.value && (Z.value = null, k("update:time", null)));
+		}, qt = /* @__PURE__ */ new Set([
 			"hour",
 			"minute",
 			"second",
 			"meridiem"
-		]), H = oe(), Wt = (e, t) => H.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, Gt = (e) => {
+		]), U = ae(), Jt = (e, t) => U.isPm(t) ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e, Yt = (e) => {
 			let t = e >= 12 ? "PM" : "AM", n = e % 12;
 			return n === 0 && (n = 12), {
 				hour: String(n).padStart(2, "0"),
 				meridiem: t
 			};
-		}, Kt = f(() => {
-			if (D.type === "year") return {
+		}, Xt = p(() => {
+			if (O.type === "year") return {
 				order: ["year"],
 				separator: "/"
 			};
-			let e = P("datePickerInput.monthFormatSingle").value;
-			if (D.type === "month") return ye(e) ?? {
+			let e = F("datePickerInput.monthFormatSingle").value;
+			if (O.type === "month") return be(e) ?? {
 				order: ["month", "year"],
 				separator: "/"
 			};
-			let t = P("datePickerInput.dateFormatSingle").value;
-			return ve(t, e) ?? {
+			let t = F("datePickerInput.dateFormatSingle").value;
+			return ye(t, e) ?? {
 				order: [
 					"day",
 					"month",
@@ -679,27 +693,27 @@ var Ie = ["data-value"], Le = [
 				],
 				separator: "/"
 			};
-		}), qt = f(() => Kt.value.order), U = f(() => new Set(qt.value)), Jt = f(() => {
-			if (!j.value) return [];
+		}), Zt = p(() => Xt.value.order), W = p(() => new Set(Zt.value)), Qt = p(() => {
+			if (!M.value) return [];
 			let e = ["hour", "minute"];
-			return D.seconds && e.push("second"), D.ampm && e.push("meridiem"), e;
-		}), W = f(() => {
-			let e = [...qt.value, ...Jt.value], t = e.map((e) => ({
+			return O.seconds && e.push("second"), O.ampm && e.push("meridiem"), e;
+		}), G = p(() => {
+			let e = [...Zt.value, ...Qt.value], t = e.map((e) => ({
 				segment: "start",
 				field: e
 			}));
-			if (!D.range) return t;
+			if (!O.range) return t;
 			let n = e.map((e) => ({
 				segment: "end",
 				field: e
 			}));
 			return [...t, ...n];
-		}), Yt = f(() => {
+		}), $t = p(() => {
 			let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
-			return W.value.forEach((n, r) => {
+			return G.value.forEach((n, r) => {
 				e.has(n.segment) || (e.add(n.segment), t.add(r));
 			}), t;
-		}), Xt = (e) => Yt.value.has(e), Zt = f(() => ({
+		}), en = (e) => $t.value.has(e), tn = p(() => ({
 			day: {
 				kind: "numeric",
 				maxLength: 2,
@@ -724,7 +738,7 @@ var Ie = ["data-value"], Le = [
 				requireFullLength: !0,
 				label: "Year"
 			},
-			hour: D.ampm ? {
+			hour: O.ampm ? {
 				kind: "numeric",
 				maxLength: 2,
 				max: 12,
@@ -756,15 +770,15 @@ var Ie = ["data-value"], Le = [
 				autoAdvanceFrom: 6,
 				label: "Second"
 			},
-			meridiem: H.fieldSpec.value
-		})), Qt = (e, t) => {
+			meridiem: U.fieldSpec.value
+		})), nn = (e, t) => {
 			if (e.segment !== t.segment) return "–";
 			if (t.field === "meridiem") return "\xA0";
-			let n = Ut.has(e.field), r = Ut.has(t.field);
-			return n && r ? ":" : !n && r ? "\xA0" : Kt.value.separator;
-		}, { fields: G, fieldRefs: $t, descriptorKey: en, emptyFieldGroup: K, getSizedValue: tn, minChars: nn, updateAllSizedValues: q, isOwnField: rn, focusField: an, focusFirstField: on, segmentStatus: J, onFieldInput: sn, onFieldKeydown: cn, onFieldFocus: ln, onFieldBlur: un, onFieldPaste: dn } = he({
-			fieldOrder: W,
-			specs: Zt,
+			let n = qt.has(e.field), r = qt.has(t.field);
+			return n && r ? ":" : !n && r ? "\xA0" : Xt.value.separator;
+		}, { fields: K, fieldRefs: rn, descriptorKey: an, emptyFieldGroup: q, getSizedValue: on, minChars: sn, updateAllSizedValues: J, isOwnField: cn, focusField: ln, focusFirstField: un, segmentStatus: Y, onFieldInput: dn, onFieldKeydown: fn, onFieldFocus: pn, onFieldBlur: mn, onFieldPaste: hn } = ge({
+			fieldOrder: G,
+			specs: tn,
 			segments: ["start", "end"],
 			fieldKeys: [
 				"day",
@@ -787,20 +801,20 @@ var Ie = ["data-value"], Le = [
 				" "
 			],
 			onDirty: () => $({ finalize: !1 })
-		}), fn = (e, t) => {
+		}), gn = (e, t) => {
 			if (e.field === "meridiem") {
-				let n = G.value[e.segment], r = H.match(t.target.value, n.meridiem);
+				let n = K.value[e.segment], r = U.match(t.target.value, n.meridiem);
 				r && r !== n.meridiem && (n.meridiem = r, $({ finalize: !1 }));
 			}
-			sn(e, t);
+			dn(e, t);
 		};
-		H.onRelabel((e, t) => {
-			for (let n of Object.values(G.value)) n.meridiem === e && (n.meridiem = t);
-			q();
+		U.onRelabel((e, t) => {
+			for (let n of Object.values(K.value)) n.meridiem === e && (n.meridiem = t);
+			J();
 		});
-		let pn = (e, t) => D.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, mn = (e) => {
-			if (D.name) return D.range ? `${D.name}-${e.segment}-${e.field}` : `${D.name}-${e.field}`;
-		}, hn = {
+		let _n = (e, t) => O.range ? `${t}-${e.segment}-${e.field}` : `${t}-${e.field}`, vn = (e) => {
+			if (O.name) return O.range ? `${O.name}-${e.segment}-${e.field}` : `${O.name}-${e.field}`;
+		}, yn = {
 			day: "datePickerInput.dayField",
 			month: "datePickerInput.monthField",
 			year: "datePickerInput.yearField",
@@ -808,23 +822,23 @@ var Ie = ["data-value"], Le = [
 			minute: "datePickerInput.minuteField",
 			second: "datePickerInput.secondField",
 			meridiem: "datePickerInput.meridiemField"
-		}, gn = (e) => {
-			let t = P(hn[e.field]).value;
-			return D.range ? P(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
-		}, Y = (e, t) => {
-			if (!D.ampm) {
+		}, bn = (e) => {
+			let t = F(yn[e.field]).value;
+			return O.range ? F(e.segment === "start" ? "datePickerInput.startFieldLabel" : "datePickerInput.endFieldLabel", t).value : t;
+		}, xn = (e, t) => {
+			if (!O.ampm) {
 				e.hour = String(t).padStart(2, "0");
 				return;
 			}
-			let n = Gt(t);
-			e.hour = n.hour, e.meridiem = H.label(n.meridiem);
-		}, _n = (e) => {
+			let n = Yt(t);
+			e.hour = n.hour, e.meridiem = U.label(n.meridiem);
+		}, Sn = (e) => {
 			if (!e.hour) return 0;
 			let t = parseInt(e.hour, 10);
-			return D.ampm ? Wt(t, e.meridiem || "AM") : t;
-		}, vn = f(() => D.seconds ? "HH:mm:ss" : "HH:mm"), yn = (e) => e.format(vn.value), bn = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, xn = (e) => {
+			return O.ampm ? Jt(t, e.meridiem || "AM") : t;
+		}, Cn = p(() => O.seconds ? "HH:mm:ss" : "HH:mm"), wn = (e) => e.format(Cn.value), Tn = /^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/, En = (e) => {
 			if (!e) return null;
-			let t = bn.exec(e);
+			let t = Tn.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 : {
@@ -832,177 +846,177 @@ var Ie = ["data-value"], Le = [
 				minute: r.padStart(2, "0"),
 				second: (i ?? "").padStart(i ? 2 : 0, "0")
 			};
-		}, Sn = (e, t) => {
-			if (!j.value) return;
-			let n = xn(t);
+		}, Dn = (e, t) => {
+			if (!M.value) return;
+			let n = En(t);
 			if (!n) {
 				e.hour = "", e.minute = "", e.second = "", e.meridiem = "";
 				return;
 			}
-			Y(e, parseInt(n.hour, 10)), e.minute = n.minute, e.second = D.seconds ? n.second : "";
-		}, Cn = f(() => D.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat"), wn = f(() => {
-			if (D.type === "month" || D.type === "year") {
-				let e = D.type === "month" ? "month" : "year";
-				return P(D.range ? `datePickerInput.${e}FormatRange` : `datePickerInput.${e}FormatSingle`).value;
+			xn(e, parseInt(n.hour, 10)), e.minute = n.minute, e.second = O.seconds ? n.second : "";
+		}, On = p(() => O.seconds ? "datePickerInput.timeFormatSeconds" : "datePickerInput.timeFormat"), kn = p(() => {
+			if (O.type === "month" || O.type === "year") {
+				let e = O.type === "month" ? "month" : "year";
+				return F(O.range ? `datePickerInput.${e}FormatRange` : `datePickerInput.${e}FormatSingle`).value;
 			}
-			if (!j.value) return P(D.range ? "datePickerInput.dateFormatRange" : "datePickerInput.dateFormatSingle").value;
-			let e = `${P("datePickerInput.dateFormatSingle").value} ${P(Cn.value).value}`;
-			return D.range ? `${e} – ${e}` : e;
-		}), Tn = f(() => D.placeholder || wn.value), En = f(() => W.value.every((e) => !G.value[e.segment][e.field])), Dn = (e) => {
-			if (!e) return K();
-			let t = kt(e);
-			if (!t.isValid()) return K();
-			let n = K();
-			return U.value.has("day") && (n.day = t.format("DD")), U.value.has("month") && (n.month = t.format("MM")), n.year = t.format("YYYY"), j.value && !D.floating && (Y(n, t.hour()), n.minute = t.format("mm"), n.second = D.seconds ? t.format("ss") : ""), n;
-		}, On = (e) => Array.isArray(D.time) ? D.time[e === "start" ? 0 : 1] : e === "start" ? D.time : void 0, kn = (e) => {
+			if (!M.value) return F(O.range ? "datePickerInput.dateFormatRange" : "datePickerInput.dateFormatSingle").value;
+			let e = `${F("datePickerInput.dateFormatSingle").value} ${F(On.value).value}`;
+			return O.range ? `${e} – ${e}` : e;
+		}), An = p(() => O.placeholder || kn.value), jn = p(() => G.value.every((e) => !K.value[e.segment][e.field])), Mn = (e) => {
+			if (!e) return q();
+			let t = jt(e);
+			if (!t.isValid()) return q();
+			let n = q();
+			return W.value.has("day") && (n.day = t.format("DD")), W.value.has("month") && (n.month = t.format("MM")), n.year = t.format("YYYY"), M.value && !O.floating && (xn(n, t.hour()), n.minute = t.format("mm"), n.second = O.seconds ? t.format("ss") : ""), n;
+		}, Nn = (e) => Array.isArray(O.time) ? O.time[e === "start" ? 0 : 1] : e === "start" ? O.time : void 0, Pn = (e) => {
 			if (!e) {
-				G.value = {
-					start: K(),
-					end: K()
+				K.value = {
+					start: q(),
+					end: q()
 				};
 				return;
 			}
-			if (D.range) {
+			if (O.range) {
 				let [t, n] = Array.isArray(e) ? e : [];
-				G.value = {
-					start: Dn(t),
-					end: Dn(n)
+				K.value = {
+					start: Mn(t),
+					end: Mn(n)
 				};
-			} else Array.isArray(e) ? G.value = {
-				start: K(),
-				end: K()
-			} : G.value = {
-				start: Dn(e),
-				end: K()
+			} else Array.isArray(e) ? K.value = {
+				start: q(),
+				end: q()
+			} : K.value = {
+				start: Mn(e),
+				end: q()
 			};
-			if (j.value && D.floating) for (let e of ["start", "end"]) {
-				let t = G.value[e];
-				t.day && Sn(t, On(e));
+			if (M.value && O.floating) for (let e of ["start", "end"]) {
+				let t = K.value[e];
+				t.day && Dn(t, Nn(e));
 			}
-		}, An = () => {
-			kn(D.modelValue);
+		}, Fn = () => {
+			Pn(O.modelValue);
 		};
-		kn(D.modelValue), q();
-		let jn = (e) => {
-			if (!j.value || D.floating) return;
+		Pn(O.modelValue), J();
+		let In = (e) => {
+			if (!M.value || O.floating) return;
 			let t;
-			t = e ? Array.isArray(e) ? e.map((e) => yn(kt(e))) : yn(kt(e)) : null, Z.value = t, O("update:time", t);
+			t = e ? Array.isArray(e) ? e.map((e) => wn(jt(e))) : wn(jt(e)) : null, Z.value = t, k("update:time", t);
 		};
-		Me(() => D.modelValue, (e) => {
+		Ne(() => O.modelValue, (e) => {
 			if (e === null || Array.isArray(e) && e.length === 0) {
-				kn(e), q(), jn(e);
+				Pn(e), J(), In(e);
 				return;
 			}
 			let t = document.activeElement;
-			t && rn(t) || (kn(e), q(), jn(e));
-		}), Me(() => D.time, (e) => {
-			if (!j.value || s(e ?? null) === s(Z.value ?? null)) return;
+			t && cn(t) || (Pn(e), J(), In(e));
+		}), Ne(() => O.time, (e) => {
+			if (!M.value || s(e ?? null) === s(Z.value ?? null)) return;
 			let t = document.activeElement;
-			if (!(t && rn(t))) {
+			if (!(t && cn(t))) {
 				for (let e of ["start", "end"]) {
-					if (e === "end" && !D.range) break;
-					let t = On(e), n = G.value[e];
-					t !== void 0 && Sn(n, t);
+					if (e === "end" && !O.range) break;
+					let t = Nn(e), n = K.value[e];
+					t !== void 0 && Dn(n, t);
 				}
-				q(), $({ finalize: !1 });
+				J(), $({ finalize: !1 });
 			}
 		});
-		let Mn = () => J("start") === "partial" ? !0 : D.range ? J("end") === "partial" : !1, Nn = (e) => {
-			let t = G.value[e], n = U.value;
+		let Ln = () => Y("start") === "partial" ? !0 : O.range ? Y("end") === "partial" : !1, Rn = (e) => {
+			let t = K.value[e], n = W.value;
 			if (n.has("day") && !t.day || n.has("month") && !t.month || !t.year) return null;
 			let r = n.has("day") ? parseInt(t.day, 10) : 1, i = n.has("month") ? parseInt(t.month, 10) : 1, a = parseInt(t.year, 10);
 			if (r < 1 || r > 31 || i < 1 || i > 12 || a < 1e3 || a > 9999) return null;
 			let o = t.year.padStart(4, "0"), s = String(i).padStart(2, "0"), c = String(r).padStart(2, "0"), l = "", u = "";
-			if (j.value) {
-				if (D.ampm && t.hour) {
+			if (M.value) {
+				if (O.ampm && t.hour) {
 					let e = parseInt(t.hour, 10);
 					if (e < 1 || e > 12) return null;
 				}
-				let e = String(_n(t)).padStart(2, "0"), n = (t.minute || "0").padStart(2, "0"), r = ((D.seconds ? t.second : "") || "0").padStart(2, "0");
+				let e = String(Sn(t)).padStart(2, "0"), n = (t.minute || "0").padStart(2, "0"), r = ((O.seconds ? t.second : "") || "0").padStart(2, "0");
 				if (parseInt(e, 10) > 23 || parseInt(n, 10) > 59 || parseInt(r, 10) > 59) return null;
 				l = `T${e}:${n}:${r}`, u = "THH:mm:ss";
 			}
-			let d = T(`${o}-${s}-${c}${l}`, E + u, !0);
+			let d = E(`${o}-${s}-${c}${l}`, D + u, !0);
 			if (!d.isValid()) {
-				let t = T(`${o}-${s}-01`, E, !0).endOf("month").date(), n = Math.min(r, t);
-				d = T(`${o}-${s}-${String(n).padStart(2, "0")}${l}`, E + u, !0), G.value[e].day = String(n).padStart(2, "0");
+				let t = E(`${o}-${s}-01`, D, !0).endOf("month").date(), n = Math.min(r, t);
+				d = E(`${o}-${s}-${String(n).padStart(2, "0")}${l}`, D + u, !0), K.value[e].day = String(n).padStart(2, "0");
 			}
 			return d.isValid() ? d : null;
-		}, Pn = (e) => {
-			let t = K();
-			return U.value.has("day") && (t.day = e.format("DD")), U.value.has("month") && (t.month = e.format("MM")), t.year = e.format("YYYY"), j.value && (Y(t, e.hour()), t.minute = e.format("mm"), t.second = D.seconds ? e.format("ss") : ""), t;
-		}, Fn = (e) => {
-			let t = (t, n) => j.value && !n ? t.hour(e.hour()).minute(e.minute()).second(e.second()) : t, n = M.value ? N.value : j.value ? "minute" : "day", r = e, i = St.value, a = Ct.value;
+		}, zn = (e) => {
+			let t = q();
+			return W.value.has("day") && (t.day = e.format("DD")), W.value.has("month") && (t.month = e.format("MM")), t.year = e.format("YYYY"), M.value && (xn(t, e.hour()), t.minute = e.format("mm"), t.second = O.seconds ? e.format("ss") : ""), t;
+		}, Bn = (e) => {
+			let t = (t, n) => M.value && !n ? t.hour(e.hour()).minute(e.minute()).second(e.second()) : t, n = N.value ? P.value : M.value ? "minute" : "day", r = e, i = wt.value, a = Tt.value;
 			if (i) {
-				let e = xt(i), n = R(i);
-				r.isBefore(n, M.value ? N.value : j.value && e ? "minute" : "day") && (r = M.value ? n : t(n, e));
+				let e = z(i), n = B(i);
+				r.isBefore(n, N.value ? P.value : M.value && e ? "minute" : "day") && (r = N.value ? n : t(n, e));
 			}
 			if (a) {
-				let e = xt(a), n = R(a);
-				r.isAfter(n, M.value ? N.value : j.value && e ? "minute" : "day") && (r = M.value ? n.startOf(N.value) : t(n, e));
+				let e = z(a), n = B(a);
+				r.isAfter(n, N.value ? P.value : M.value && e ? "minute" : "day") && (r = N.value ? n.startOf(P.value) : t(n, e));
 			}
-			return r.isSame(e, n) || V(r) ? null : r;
+			return r.isSame(e, n) || Gt(r) ? null : r;
 		}, X = (e) => {
-			O("error", e);
-		}, In = (e) => {
-			let t = G.value[e], n = String(_n(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
-			return D.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
-		}, Z = b(void 0), Q = (e) => {
-			if (O("update:modelValue", e), !j.value) return;
+			k("error", e);
+		}, Vn = (e) => {
+			let t = K.value[e], n = String(Sn(t)).padStart(2, "0"), r = (t.minute || "0").padStart(2, "0");
+			return O.seconds ? `${n}:${r}:${(t.second || "0").padStart(2, "0")}` : `${n}:${r}`;
+		}, Z = x(void 0), Q = (e) => {
+			if (k("update:modelValue", e), !M.value) return;
 			let t;
-			t = e === null ? null : Array.isArray(e) ? e.map((e, t) => In(t === 0 ? "start" : "end")) : In("start"), Z.value = t, O("update:time", t);
+			t = e === null ? null : Array.isArray(e) ? e.map((e, t) => Vn(t === 0 ? "start" : "end")) : Vn("start"), Z.value = t, k("update:time", t);
 		}, $ = (e = {}) => {
-			let t = !!e.finalize, n = J("start");
-			if (!D.range) {
+			let t = !!e.finalize, n = Y("start");
+			if (!O.range) {
 				if (n === "empty") {
 					Q(null);
 					return;
 				}
 				if (n === "partial") return;
-				let e = Nn("start");
+				let e = Rn("start");
 				if (!e) return;
-				if (V(e)) {
+				if (Gt(e)) {
 					if (!t) return;
-					let n = z(e), r = Fn(e);
+					let n = V(e), r = Bn(e);
 					if (r) {
-						let e = z(r);
-						G.value.start = Pn(r), Q(e), X({
+						let e = V(r);
+						K.value.start = zn(r), Q(e), X({
 							code: "disabled_date",
 							original: n,
 							normalized: e
 						});
-					} else G.value.start = K(), Q(null), X({
+					} else K.value.start = q(), Q(null), X({
 						code: "disabled_date",
 						original: n,
 						normalized: null
 					});
 					return;
 				}
-				Q(z(e));
+				Q(V(e));
 				return;
 			}
-			let r = J("end");
+			let r = Y("end");
 			if (n === "empty" && r === "empty") {
 				Q([]);
 				return;
 			}
 			if (n === "partial" || r === "partial" || n === "empty") return;
-			let i = Nn("start");
+			let i = Rn("start");
 			if (!i) return;
-			let a = r === "empty" ? null : Nn("end"), o = z(i), s = a ? z(a) : null, c = i, l = !1;
-			if (V(i)) {
+			let a = r === "empty" ? null : Rn("end"), o = V(i), s = a ? V(a) : null, c = i, l = !1;
+			if (Gt(i)) {
 				if (!t) return;
-				let e = Fn(i), n = s ? [o, s] : [o];
+				let e = Bn(i), n = s ? [o, s] : [o];
 				if (!e) {
-					G.value.start = K(), G.value.end = K(), Q([]), X({
+					K.value.start = q(), K.value.end = q(), Q([]), X({
 						code: "disabled_range_start",
 						original: n,
 						normalized: []
 					});
 					return;
 				}
-				if (c = e, l = !0, G.value.start = Pn(e), !a) {
-					let t = [z(e)];
+				if (c = e, l = !0, K.value.start = zn(e), !a) {
+					let t = [V(e)];
 					Q(t), X({
 						code: "disabled_range_start",
 						original: n,
@@ -1012,16 +1026,16 @@ var Ie = ["data-value"], Le = [
 				}
 			}
 			if (!a) {
-				Q([z(c)]);
+				Q([V(c)]);
 				return;
 			}
 			let u = a, d = !1;
-			if (V(a)) {
+			if (Gt(a)) {
 				if (!t) return;
-				let e = Fn(a), n = [o, s];
+				let e = Bn(a), n = [o, s];
 				if (!e) {
-					let e = [z(c)];
-					G.value.end = K(), Q(e), l && X({
+					let e = [V(c)];
+					K.value.end = q(), Q(e), l && X({
 						code: "disabled_range_start",
 						original: n,
 						normalized: e
@@ -1032,12 +1046,12 @@ var Ie = ["data-value"], Le = [
 					});
 					return;
 				}
-				u = e, d = !0, G.value.end = Pn(e);
+				u = e, d = !0, K.value.end = zn(e);
 			}
-			if (u.isBefore(c, j.value ? "second" : "day")) {
+			if (u.isBefore(c, M.value ? "second" : "day")) {
 				if (!t) return;
-				let e = [z(c), z(u)], n = [z(u), z(c)], r = { ...G.value.start };
-				G.value.start = { ...G.value.end }, G.value.end = r, q(), Q(n), l && X({
+				let e = [V(c), V(u)], n = [V(u), V(c)], r = { ...K.value.start };
+				K.value.start = { ...K.value.end }, K.value.end = r, J(), Q(n), l && X({
 					code: "disabled_range_start",
 					original: [o, s],
 					normalized: n
@@ -1052,88 +1066,88 @@ var Ie = ["data-value"], Le = [
 				});
 				return;
 			}
-			let ee = [z(c), z(u)];
-			Q(ee), l && X({
+			let f = [V(c), V(u)];
+			Q(f), l && X({
 				code: "disabled_range_start",
 				original: s ? [o, s] : [o],
-				normalized: ee
+				normalized: f
 			}), d && X({
 				code: "disabled_range_end",
 				original: [o, s],
-				normalized: ee
+				normalized: f
 			});
 		};
-		return De(() => {
-			document.removeEventListener("focusin", B), document.removeEventListener("click", B);
-		}), (e, n) => (y(), xe(fe, _({
+		return Oe(() => {
+			document.removeEventListener("focusin", H), document.removeEventListener("click", H);
+		}), (e, n) => (b(), Se(pe, v({
 			id: e.id,
 			class: "bb-date-picker-input",
-			clearable: e.clearable && ot.value,
+			clearable: e.clearable && ct.value,
 			compact: e.compact,
 			description: e.description,
 			disabled: e.disabled,
-			errors: C(qe),
+			errors: w(Je),
 			"has-errors": e.hasErrors,
-			"has-value": ot.value,
+			"has-value": ct.value,
 			"has-warnings": e.hasWarnings,
 			"hide-label": e.hideLabel,
 			hint: e.hint,
 			"input-align": e.inputAlign,
 			label: e.label,
 			"label-align": e.labelAlign,
-			"label-mode": st.value,
+			"label-mode": lt.value,
 			"label-position": e.labelPosition,
 			layout: e.layout,
 			loading: e.loading,
 			name: e.name,
-			passthrough: C(A),
-			readonly: e.readonly,
+			passthrough: w(j),
+			readonly: w(Qe),
 			reverse: e.reverse,
-			"show-asterisk": C(Ke),
-			"show-hint": at.value,
+			"show-asterisk": w(qe),
+			"show-hint": st.value,
 			warnings: e.warnings
-		}, C(A).forwardAttrs), Se({
-			label: w((t) => [x(e.$slots, "label", v(g(t)))]),
-			input: w(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [Ce(me, {
+		}, w(j).forwardAttrs), Ce({
+			label: T((t) => [S(e.$slots, "label", y(_(t)))]),
+			input: T(({ id: r, hasErrors: i, hasWarnings: a, ariaDescribedby: o }) => [we(he, {
 				ref_key: "wrapper",
-				ref: I,
-				active: k.value,
-				"append:icon": C(D)["append:icon"],
-				class: Te(["bb-date-picker-input__field", { "bb-date-picker-input__field--range": e.range }]),
-				clearable: e.clearable && !C(t)(C(Xe)),
+				ref: L,
+				active: A.value,
+				"append:icon": w(O)["append:icon"],
+				class: Ee(["bb-date-picker-input__field", { "bb-date-picker-input__field--range": e.range }]),
+				clearable: e.clearable && !w(t)(w(Ze)),
 				compact: e.compact,
 				disabled: e.disabled,
 				"has-errors": i,
-				"has-value": ot.value,
+				"has-value": ct.value,
 				"has-warnings": a,
 				loading: e.loading,
-				passthrough: C(A),
-				"prepend:icon": C(D)["prepend:icon"],
-				readonly: e.readonly,
+				passthrough: w(j),
+				"prepend:icon": w(O)["prepend:icon"],
+				readonly: w(Qe),
 				variant: e.variant,
-				onClick: gt,
-				"onClick:clear": Ht,
-				onFocusin: At
-			}, Se({
-				"prepend:outer": w(() => [x(e.$slots, "prepend:outer")]),
-				prepend: w(() => [x(e.$slots, "prepend")]),
-				append: w(() => [vt.value ? p("", !0) : (y(), xe(de, {
+				onClick: vt,
+				"onClick:clear": Kt,
+				onFocusin: Mt
+			}, Ce({
+				"prepend:outer": T(() => [S(e.$slots, "prepend:outer")]),
+				prepend: T(() => [S(e.$slots, "prepend")]),
+				append: T(() => [xt.value ? m("", !0) : (b(), Se(fe, {
 					key: 0,
-					"active-segment": Lt.value,
+					"active-segment": zt.value,
 					adaptive: e.adaptive,
 					ampm: e.ampm,
-					anchor: I.value,
+					anchor: L.value,
 					disabled: e.disabled,
 					"first-day-of-week": e.firstDayOfWeek,
 					floating: e.floating,
-					label: Vt.value,
+					label: Wt.value,
 					max: e.max,
 					min: e.min,
-					"model-value": C(Xe),
+					"model-value": w(Ze),
 					"off-canvas-props": e.offCanvasProps,
-					pt: C(A).forward(ct, C(le).states),
+					pt: w(j).forward(ut, w(ue).states),
 					range: e.range,
-					readonly: e.readonly,
+					readonly: w(Qe),
 					seconds: e.seconds,
 					selectable: e.selectable,
 					step: e.step,
@@ -1141,27 +1155,27 @@ var Ie = ["data-value"], Le = [
 					"transition-duration": e.transitionDuration,
 					type: e.type,
 					utc: e.utc,
-					onGridPick: Nt["onUpdate:modelValue"],
-					onHidden: n[1] ||= (e) => C(O)("hidden"),
-					onHide: it,
-					onShow: rt,
-					onShown: n[2] ||= (e) => C(O)("shown"),
-					onTimePick: Rt
-				}, Se({
-					activator: w(({ props: t }) => [h("button", _({
+					onGridPick: Ft["onUpdate:modelValue"],
+					onHidden: n[1] ||= (e) => w(k)("hidden"),
+					onHide: ot,
+					onShow: at,
+					onShown: n[2] ||= (e) => w(k)("shown"),
+					onTimePick: Bt
+				}, Ce({
+					activator: T(({ props: t }) => [g("button", v({
 						class: "bb-segmented-field__activator",
-						disabled: e.disabled || e.readonly,
+						disabled: e.disabled || w(Qe),
 						type: "button"
-					}, _(t, C(A).activator)), [Ce(ee, {
+					}, v(t, w(j).activator)), [we(f, {
 						class: "bb-segmented-field__trigger-icon",
-						icon: C(ge)
-					}, null, 8, ["icon"])], 16, ze)]),
-					day: w((t) => [x(e.$slots, "day", v(g(t)))]),
-					"day:append": w((t) => [x(e.$slots, "day:append", v(g(t)))]),
+						icon: w(_e)
+					}, null, 8, ["icon"])], 16, Be)]),
+					day: T((t) => [S(e.$slots, "day", y(_(t)))]),
+					"day:append": T((t) => [S(e.$slots, "day:append", y(_(t)))]),
 					_: 2
-				}, [ke(Qe(), (t) => ({
+				}, [Ae(et(), (t) => ({
 					name: t,
-					fn: w((n) => [x(e.$slots, t, v(g(n)))])
+					fn: T((n) => [S(e.$slots, t, y(_(n)))])
 				}))]), 1032, [
 					"active-segment",
 					"adaptive",
@@ -1186,67 +1200,67 @@ var Ie = ["data-value"], Le = [
 					"type",
 					"utc",
 					"onGridPick"
-				])), x(e.$slots, "append", {}, () => [e.$slots.suffix ? (y(), m("span", _({
+				])), S(e.$slots, "append", {}, () => [e.$slots.suffix ? (b(), h("span", v({
 					key: 0,
 					class: "bb-field-input__suffix"
-				}, C(A).suffix), [x(e.$slots, "suffix")], 16)) : p("", !0)])]),
-				"append:outer": w(() => [x(e.$slots, "append:outer")]),
-				default: w(() => [h("div", {
-					class: Te(["bb-segmented-field__fields", {
-						"bb-segmented-field__fields--empty": En.value,
+				}, w(j).suffix), [S(e.$slots, "suffix")], 16)) : m("", !0)])]),
+				"append:outer": T(() => [S(e.$slots, "append:outer")]),
+				default: T(() => [g("div", {
+					class: Ee(["bb-segmented-field__fields", {
+						"bb-segmented-field__fields--empty": jn.value,
 						"bb-segmented-field__fields--range": e.range
 					}]),
-					style: Ee({ "--fields-min-ch": C(nn) })
-				}, [En.value ? (y(), m("span", {
+					style: De({ "--fields-min-ch": w(sn) })
+				}, [jn.value ? (b(), h("span", {
 					key: 0,
 					"aria-hidden": "true",
 					class: "bb-segmented-field__placeholder",
-					onClick: n[0] ||= (...e) => C(on) && C(on)(...e)
-				}, S(Tn.value), 1)) : p("", !0), (y(!0), m(be, null, ke(W.value, (t, n) => (y(), m(be, { key: C(en)(t) }, [h("span", {
+					onClick: n[0] ||= (...e) => w(un) && w(un)(...e)
+				}, C(An.value), 1)) : m("", !0), (b(!0), h(xe, null, Ae(G.value, (t, n) => (b(), h(xe, { key: w(an)(t) }, [g("span", {
 					class: "bb-segmented-field__field-sizer",
-					"data-value": C(tn)(t)
-				}, [h("input", _({
-					id: n === 0 ? r : pn(t, r),
+					"data-value": w(on)(t)
+				}, [g("input", v({
+					id: n === 0 ? r : _n(t, r),
 					ref_for: !0,
-					ref: (e) => C($t)[C(en)(t)] = e,
-					"aria-describedby": ft(o, r),
+					ref: (e) => w(rn)[w(an)(t)] = e,
+					"aria-describedby": mt(o, r),
 					"aria-disabled": e.disabled || void 0,
 					"aria-invalid": i ? "true" : void 0,
-					"aria-label": gn(t),
-					"aria-readonly": yt.value || void 0,
+					"aria-label": bn(t),
+					"aria-readonly": St.value || void 0,
 					autocomplete: e.autocomplete,
 					autofocus: e.autofocus && n === 0,
 					class: ["bb-segmented-field__input", [`bb-segmented-field__input--${t.field}`, `bb-segmented-field__input--${t.segment}`]],
 					disabled: e.disabled,
-					inputmode: bt(t.field),
-					maxlength: Zt.value[t.field].maxLength,
-					name: mn(t),
-					readonly: yt.value,
-					required: C(Je),
-					"aria-required": C(Ye),
-					tabindex: Xt(n) ? 0 : -1,
+					inputmode: Ct(t.field),
+					maxlength: tn.value[t.field].maxLength,
+					name: vn(t),
+					readonly: St.value,
+					required: w(Ye),
+					"aria-required": w(Xe),
+					tabindex: en(n) ? 0 : -1,
 					type: "text",
-					value: C(G)[t.segment][t.field],
-					onBlur: (e) => C(un)(t),
-					onFocus: (e) => It(t, e),
-					onInput: (e) => fn(t, e),
-					onKeydown: (e) => _t(t, e),
-					onPaste: (e) => C(dn)(t, e)
-				}, _(C(A).controlAttrs, C(A).input)), null, 16, Le)], 8, Ie), n < W.value.length - 1 ? (y(), m("span", {
+					value: w(K)[t.segment][t.field],
+					onBlur: (e) => w(mn)(t),
+					onFocus: (e) => Rt(t, e),
+					onInput: (e) => gn(t, e),
+					onKeydown: (e) => bt(t, e),
+					onPaste: (e) => w(hn)(t, e)
+				}, v(w(j).controlAttrs, w(j).input)), null, 16, Re)], 8, Le), n < G.value.length - 1 ? (b(), h("span", {
 					key: 0,
 					"aria-hidden": "true",
-					class: Te(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": W.value[n].segment !== W.value[n + 1].segment }]),
+					class: Ee(["bb-segmented-field__separator", { "bb-segmented-field__separator--range": G.value[n].segment !== G.value[n + 1].segment }]),
 					role: "presentation",
-					onClick: (e) => C(an)(W.value[n + 1], { select: !0 })
-				}, S(Qt(W.value[n], W.value[n + 1])), 11, Re)) : p("", !0)], 64))), 128))], 6), h("span", {
-					id: dt(r),
+					onClick: (e) => w(ln)(G.value[n + 1], { select: !0 })
+				}, C(nn(G.value[n], G.value[n + 1])), 11, ze)) : m("", !0)], 64))), 128))], 6), g("span", {
+					id: pt(r),
 					class: "bb-date-picker-input__accessible-description",
 					hidden: ""
-				}, S(C(P)("datePickerInput.dateFormat")) + " " + S(wn.value), 9, Be)]),
+				}, C(w(F)("datePickerInput.dateFormat")) + " " + C(kn.value), 9, Ve)]),
 				_: 2
 			}, [e.$slots.prefix ? {
 				name: "prefix",
-				fn: w(() => [x(e.$slots, "prefix")]),
+				fn: T(() => [S(e.$slots, "prefix")]),
 				key: "0"
 			} : void 0]), 1032, [
 				"active",
@@ -1267,7 +1281,7 @@ var Ie = ["data-value"], Le = [
 			_: 2
 		}, [e.$slots.description ? {
 			name: "description",
-			fn: w((t) => [x(e.$slots, "description", v(g(t)))]),
+			fn: T((t) => [S(e.$slots, "description", y(_(t)))]),
 			key: "0"
 		} : void 0]), 1040, [
 			"id",
@@ -1299,4 +1313,4 @@ var Ie = ["data-value"], Le = [
 	}
 });
 //#endregion
-export { He as default };
+export { Ue as default };