@bridge-ui/vue 0.7.0 → 0.9.0

package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import e from "../Button/Button.js";
+import e from "../ActionFooter/ActionFooter.js";
 import t from "../TimePanel/TimePanel.js";
 import { useTimePicker as n } from "./composables/useTimePicker.js";
-import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderSlot as p, unref as m } from "vue";
 //#region src/Components/TimePicker/TimePicker.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ c({
+var h = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "TimePicker",
 	props: {
@@ -34,30 +34,30 @@ var v = /*@__PURE__*/ c({
 		"cancel",
 		"change"
 	],
-	setup(c, { emit: v }) {
-		let { merged: y, rootBind: b, footerBind: x, showFooter: S, applyLabel: C, contentBind: w, handleApply: T, cancelLabel: E, displayValue: D, handleCancel: O, applyButtonProps: k, cancelButtonProps: A, handlePanelChange: j } = n(c, {
+	setup(s, { emit: h }) {
+		let { merged: g, rootBind: _, footerBind: v, showFooter: y, contentBind: b, handleApply: x, displayValue: S, handleCancel: C, applyButtonProps: w, cancelButtonProps: T, handlePanelChange: E } = n(s, {
 			ampm: !1,
 			interval: 1,
 			rounded: "md",
 			color: "primary",
 			showSeconds: !1
-		}, v);
-		return (n, c) => (p(), i("div", f(l(g(b))), [a("div", { class: d(g(w)) }, [s(g(t), {
-			ampm: g(y).ampm,
-			fill: g(y).fill,
-			color: g(y).color,
-			value: g(D),
-			error: g(y).error,
-			rounded: g(y).rounded,
-			"max-time": g(y).maxTime,
-			"min-time": g(y).minTime,
-			disabled: g(y).disabled,
-			interval: g(y).interval,
-			"read-only": g(y).readOnly,
-			"time-zone": g(y).timeZone,
-			onChange: g(j),
-			"show-seconds": g(y).showSeconds,
-			"disable-times": g(y).disableTimes
+		}, h);
+		return (n, s) => (f(), i("div", d(c(m(_))), [a("div", { class: u(m(b)) }, [o(m(t), {
+			ampm: m(g).ampm,
+			fill: m(g).fill,
+			color: m(g).color,
+			value: m(S),
+			error: m(g).error,
+			rounded: m(g).rounded,
+			"max-time": m(g).maxTime,
+			"min-time": m(g).minTime,
+			disabled: m(g).disabled,
+			interval: m(g).interval,
+			"read-only": m(g).readOnly,
+			"time-zone": m(g).timeZone,
+			onChange: m(E),
+			"show-seconds": m(g).showSeconds,
+			"disable-times": m(g).disableTimes
 		}, null, 8, [
 			"ampm",
 			"fill",
@@ -74,21 +74,22 @@ var v = /*@__PURE__*/ c({
 			"onChange",
 			"show-seconds",
 			"disable-times"
-		])], 2), g(S) ? (p(), i("div", f(u({ key: 0 }, g(x))), [m(n.$slots, "footer", {
-			apply: g(T),
-			cancel: g(O)
-		}, () => [s(g(e), u({
-			variant: "flat",
-			color: "secondary",
-			onClick: g(O)
-		}, g(A)), {
-			default: _(() => [o(h(g(E)), 1)]),
-			_: 1
-		}, 16, ["onClick"]), s(g(e), u({ color: "primary" }, g(k), { onClick: g(T) }), {
-			default: _(() => [o(h(g(C)), 1)]),
-			_: 1
-		}, 16, ["onClick"])])], 16)) : r("", !0)], 16));
+		])], 2), m(y) ? (f(), i("div", d(l({ key: 0 }, m(v))), [p(n.$slots, "footer", {
+			apply: m(x),
+			cancel: m(C)
+		}, () => [o(m(e), {
+			onApply: m(x),
+			onCancel: m(C),
+			"custom-props": {
+				applyButton: m(w),
+				cancelButton: m(T)
+			}
+		}, null, 8, [
+			"onApply",
+			"onCancel",
+			"custom-props"
+		])])], 16)) : r("", !0)], 16));
 	}
 });
 //#endregion
-export { v as default };
+export { h as default };

package/dist/Components/TimePicker/composables/useTimePicker.d.ts

@@ -9,7 +9,7 @@ type TimePickerMerged = MergeLibDefaults<TimePickerOwnProps, TimePickerLibDefaul
  */
 export declare function useTimePicker(props: MaybeRefOrGetter<TimePickerOwnProps>, libDefaults: TimePickerLibDefaults, emit: SetupContext<TimePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<TimePickerMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "disabled" | "rounded" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "readOnly" | "disableTimes" | "maxTime" | "minTime">>>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     showFooter: import('vue').ComputedRef<boolean>;
     contentBind: import('vue').ComputedRef<string>;
@@ -17,8 +17,6 @@ export declare function useTimePicker(props: MaybeRefOrGetter<TimePickerOwnProps
     displayValue: import('vue').ComputedRef<Date | null>;
     handleCancel: () => void;
     handlePanelChange: (next: null | TimeValue) => void;
-    applyLabel: import('vue').ComputedRef<string>;
-    cancelLabel: import('vue').ComputedRef<string>;
     applyButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     cancelButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
 };

package/dist/Components/TimePicker/composables/useTimePicker.js

@@ -1,12 +1,11 @@
-import { useResolveMessage as e } from "../../../Adapters/I18n/useI18nAdapter.js";
-import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
-import { FIELD_OVERLAY_INJECTION_KEY as i } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
-import { computed as a, inject as o, ref as s, toValue as c, useAttrs as l, watch as u } from "vue";
-import { get as d, isNil as f, omit as p } from "es-toolkit/compat";
-import { menuRoundedProps as m } from "@bridge-ui/core/Tokens";
-import { cn as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { FIELD_OVERLAY_INJECTION_KEY as r } from "../../FieldOverlay/fieldOverlayInjectionKey.js";
+import { computed as i, inject as a, ref as o, toValue as s, useAttrs as c, watch as l } from "vue";
+import { get as u, isNil as d, omit as f } from "es-toolkit/compat";
+import { menuRoundedProps as p } from "@bridge-ui/core/Tokens";
+import { cn as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
 //#region src/Components/TimePicker/composables/useTimePicker.ts
-var _ = [
+var g = [
 	"ampm",
 	"fill",
 	"color",
@@ -26,71 +25,69 @@ var _ = [
 	"defaultValue",
 	"disableTimes"
 ];
-function v(v, y, b) {
-	let x = l(), S = o(i, {
+function _(_, v, y) {
+	let b = c(), x = a(r, {
 		apply: () => void 0,
 		cancel: () => void 0
-	}), C = e(), w = a(() => g({
-		bridgeKeys: _,
+	}), S = i(() => h({
+		bridgeKeys: g,
 		props: {
-			...x,
-			...c(v)
+			...b,
+			...s(_)
 		}
-	})), { merged: T, entry: E } = n({
-		libDefaults: y,
+	})), { merged: C, entry: w } = t({
+		libDefaults: v,
 		componentName: "TimePicker",
-		props: () => w.value.componentProps
-	}), D = a(() => T.value.customProps), O = a(() => p(w.value.inheritedAttrs, [
+		props: () => S.value.componentProps
+	}), T = i(() => C.value.customProps), E = i(() => f(S.value.inheritedAttrs, [
 		"onApply",
 		"onCancel",
 		"onChange"
-	])), k = r({
-		entry: E,
-		props: () => w.value.componentProps
-	}), A = a(() => c(v)), j = a(() => !f(A.value.value)), M = s(T.value.defaultValue ?? null), N = a(() => j.value ? A.value.value ?? null : M.value), P = s(N.value);
-	u(() => [N.value, T.value.showFooter], ([e, t]) => {
-		t && (P.value = e);
+	])), D = n({
+		entry: w,
+		props: () => S.value.componentProps
+	}), O = i(() => s(_)), k = i(() => !d(O.value.value)), A = o(C.value.defaultValue ?? null), j = i(() => k.value ? O.value.value ?? null : A.value), M = o(j.value);
+	l(() => [j.value, C.value.showFooter], ([e, t]) => {
+		t && (M.value = e);
 	});
-	let F = a(() => T.value.showFooter ? P.value : N.value), I = (e) => {
-		j.value || (M.value = e), b("change", e);
-	}, L = (e) => {
-		if (T.value.showFooter) {
-			P.value = e;
+	let N = i(() => C.value.showFooter ? M.value : j.value), P = (e) => {
+		k.value || (A.value = e), y("change", e);
+	}, F = (e) => {
+		if (C.value.showFooter) {
+			M.value = e;
 			return;
 		}
-		I(e);
-	}, R = () => {
-		I(P.value), b("apply"), S.apply();
-	}, z = () => {
-		P.value = N.value, b("cancel"), S.cancel();
-	}, B = a(() => {
-		let e = d(m, T.value.rounded ?? "md");
-		return t(D.value?.root, O.value, h({
+		P(e);
+	}, I = () => {
+		P(M.value), y("apply"), x.apply();
+	}, L = () => {
+		M.value = j.value, y("cancel"), x.cancel();
+	}, R = i(() => {
+		let t = u(p, C.value.rounded ?? "md");
+		return e(T.value?.root, E.value, m({
 			"flex flex-col overflow-hidden bg-white shadow-lg dark:bg-dark-900": !0,
-			"w-full": T.value.fill,
-			"w-fit": !T.value.fill,
-			[e]: !0,
-			[k.value.root ?? ""]: !0
+			"w-full": C.value.fill,
+			"w-fit": !C.value.fill,
+			[t]: !0,
+			[D.value.root ?? ""]: !0
 		}));
-	}), V = a(() => h({ "px-2.5": !0 }));
+	}), z = i(() => m({ "px-2.5": !0 }));
 	return {
-		merged: T,
-		rootBind: B,
-		footerBind: a(() => t(D.value?.footer, {}, h({
+		merged: C,
+		rootBind: R,
+		footerBind: i(() => e(T.value?.footer, {}, m({
 			"flex items-center justify-end gap-2 border-t border-dark-100 bg-dark-50 px-3 py-2 dark:border-dark-800 dark:bg-dark-950/40": !0,
-			[k.value.footer ?? ""]: !0
+			[D.value.footer ?? ""]: !0
 		}))),
-		showFooter: a(() => !!T.value.showFooter),
-		contentBind: V,
-		handleApply: R,
-		displayValue: F,
-		handleCancel: z,
-		handlePanelChange: L,
-		applyLabel: a(() => C("Apply")),
-		cancelLabel: a(() => C("Cancel")),
-		applyButtonProps: a(() => D.value?.applyButton),
-		cancelButtonProps: a(() => D.value?.cancelButton)
+		showFooter: i(() => !!C.value.showFooter),
+		contentBind: z,
+		handleApply: I,
+		displayValue: N,
+		handleCancel: L,
+		handlePanelChange: F,
+		applyButtonProps: i(() => T.value?.applyButton),
+		cancelButtonProps: i(() => T.value?.cancelButton)
 	};
 }
 //#endregion
-export { v as useTimePicker };
+export { _ as useTimePicker };

package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 		classes: {},
 		clearable: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
 		customProps: {},
 		defaultValue: {},
@@ -52,6 +52,7 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts

@@ -10,7 +10,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
     fill: import('vue').ComputedRef<boolean>;
     overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
     hasValue: import('vue').ComputedRef<boolean>;
-    timeOnly: import('vue').ComputedRef<Pick<TimeRangeFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "clearable" | "defaultValue" | "timeZone" | "editable" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>;
+    timeOnly: import('vue').ComputedRef<Pick<TimeRangeFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "editable" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "clearable" | "disableTimes" | "maxTime" | "minTime">>;
     formField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -438,7 +438,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -463,6 +463,8 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -687,7 +689,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, "class", {
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>, "class", {
         value: string;
         readonly: boolean;
         onFocus: (event: FocusEvent) => void;

package/dist/Components/TimeRangeField/composables/useTimeRangeField.js

@@ -42,7 +42,7 @@ function T(_, T, E) {
 			..._
 		},
 		bridgeKeys: C
-	})), N = u(() => M.value.componentProps), P = u(() => k(N.value.timeZone)), F = u(() => T.value ?? null), I = u(() => N.value.clearable !== !1), L = u(() => !h(F.value)), R = (e) => {
+	})), N = u(() => M.value.componentProps), P = u(() => k(N.value.timeZone)), F = u(() => T.value ?? null), I = u(() => N.value.clearable === !0), L = u(() => !h(F.value)), R = (e) => {
 		j.value = e instanceof HTMLElement ? e : null;
 	};
 	function z(e) {

package/dist/Components/TimeRangeField/timeRangeField.types.d.ts

@@ -87,7 +87,7 @@ export interface TimeRangeFieldOwnProps extends Omit<FormFieldOwnProps, "field"
     /**
      * Whether the value can be cleared.
      *
-     * @default true
+     * @default false
      */
     clearable?: boolean;
     /**

package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import e from "../Button/Button.js";
+import e from "../ActionFooter/ActionFooter.js";
 import t from "../Divider/Divider.js";
 import n from "../TimePanel/TimePanel.js";
 import { useTimeRangePicker as r } from "./composables/useTimeRangePicker.js";
-import { createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
 //#region src/Components/TimeRangePicker/TimeRangePicker.vue?vue&type=script&setup=true&lang.ts
-var y = /*@__PURE__*/ l({
+var _ = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "TimeRangePicker",
 	props: {
@@ -37,40 +37,40 @@ var y = /*@__PURE__*/ l({
 		"cancel",
 		"change"
 	],
-	setup(l, { emit: y }) {
-		let { merged: b, endBind: x, rootBind: S, endTitle: C, startBind: w, startTitle: T, footerBind: E, titlesBind: D, panelsBind: O, showFooter: k, applyLabel: A, handleApply: j, cancelLabel: M, titleGapBind: N, endTitleBind: P, handleCancel: F, startTitleBind: I, endDisplayValue: L, handleEndChange: R, applyButtonProps: z, startDisplayValue: B, cancelButtonProps: V, handleStartChange: H } = r(l, {
+	setup(c, { emit: _ }) {
+		let { merged: v, endBind: y, rootBind: b, endTitle: x, startBind: S, startTitle: C, footerBind: w, titlesBind: T, panelsBind: E, showFooter: D, handleApply: O, titleGapBind: k, endTitleBind: A, handleCancel: j, startTitleBind: M, endDisplayValue: N, handleEndChange: P, applyButtonProps: F, startDisplayValue: I, cancelButtonProps: L, handleStartChange: R } = r(c, {
 			ampm: !1,
 			interval: 1,
 			rounded: "md",
 			color: "primary",
 			showSeconds: !1
-		}, y);
-		return (r, l) => (m(), a("div", p(u(_(S))), [
-			o("div", { class: f(_(D)) }, [
-				o("p", { class: f(_(I)) }, g(_(T)), 3),
+		}, _);
+		return (r, c) => (p(), a("div", f(l(g(b))), [
+			o("div", { class: d(g(T)) }, [
+				o("p", { class: d(g(M)) }, h(g(C)), 3),
 				o("span", {
 					"aria-hidden": "true",
-					class: f(_(N))
+					class: d(g(k))
 				}, null, 2),
-				o("p", { class: f(_(P)) }, g(_(C)), 3)
+				o("p", { class: d(g(A)) }, h(g(x)), 3)
 			], 2),
-			o("div", p(u(_(O))), [
-				o("div", p(u(_(w))), [c(_(n), {
-					ampm: _(b).ampm,
-					fill: _(b).fill,
-					color: _(b).color,
-					error: _(b).error,
-					rounded: _(b).rounded,
-					value: _(B),
-					"max-time": _(b).maxTime,
-					"min-time": _(b).minTime,
-					disabled: _(b).disabled,
-					interval: _(b).interval,
-					"read-only": _(b).readOnly,
-					"time-zone": _(b).timeZone,
-					onChange: _(H),
-					"show-seconds": _(b).showSeconds,
-					"disable-times": _(b).disableTimes
+			o("div", f(l(g(E))), [
+				o("div", f(l(g(S))), [s(g(n), {
+					ampm: g(v).ampm,
+					fill: g(v).fill,
+					color: g(v).color,
+					error: g(v).error,
+					rounded: g(v).rounded,
+					value: g(I),
+					"max-time": g(v).maxTime,
+					"min-time": g(v).minTime,
+					disabled: g(v).disabled,
+					interval: g(v).interval,
+					"read-only": g(v).readOnly,
+					"time-zone": g(v).timeZone,
+					onChange: g(R),
+					"show-seconds": g(v).showSeconds,
+					"disable-times": g(v).disableTimes
 				}, null, 8, [
 					"ampm",
 					"fill",
@@ -88,23 +88,23 @@ var y = /*@__PURE__*/ l({
 					"show-seconds",
 					"disable-times"
 				])], 16),
-				c(_(t), { orientation: "vertical" }),
-				o("div", p(u(_(x))), [c(_(n), {
-					ampm: _(b).ampm,
-					fill: _(b).fill,
-					color: _(b).color,
-					error: _(b).error,
-					value: _(L),
-					rounded: _(b).rounded,
-					"max-time": _(b).maxTime,
-					"min-time": _(b).minTime,
-					disabled: _(b).disabled,
-					interval: _(b).interval,
-					"read-only": _(b).readOnly,
-					"time-zone": _(b).timeZone,
-					onChange: _(R),
-					"show-seconds": _(b).showSeconds,
-					"disable-times": _(b).disableTimes
+				s(g(t), { orientation: "vertical" }),
+				o("div", f(l(g(y))), [s(g(n), {
+					ampm: g(v).ampm,
+					fill: g(v).fill,
+					color: g(v).color,
+					error: g(v).error,
+					value: g(N),
+					rounded: g(v).rounded,
+					"max-time": g(v).maxTime,
+					"min-time": g(v).minTime,
+					disabled: g(v).disabled,
+					interval: g(v).interval,
+					"read-only": g(v).readOnly,
+					"time-zone": g(v).timeZone,
+					onChange: g(P),
+					"show-seconds": g(v).showSeconds,
+					"disable-times": g(v).disableTimes
 				}, null, 8, [
 					"ampm",
 					"fill",
@@ -123,22 +123,23 @@ var y = /*@__PURE__*/ l({
 					"disable-times"
 				])], 16)
 			], 16),
-			_(k) ? (m(), a("div", p(d({ key: 0 }, _(E))), [h(r.$slots, "footer", {
-				apply: _(j),
-				cancel: _(F)
-			}, () => [c(_(e), d({
-				variant: "flat",
-				color: "secondary",
-				onClick: _(F)
-			}, _(V)), {
-				default: v(() => [s(g(_(M)), 1)]),
-				_: 1
-			}, 16, ["onClick"]), c(_(e), d({ color: "primary" }, _(z), { onClick: _(j) }), {
-				default: v(() => [s(g(_(A)), 1)]),
-				_: 1
-			}, 16, ["onClick"])])], 16)) : i("", !0)
+			g(D) ? (p(), a("div", f(u({ key: 0 }, g(w))), [m(r.$slots, "footer", {
+				apply: g(O),
+				cancel: g(j)
+			}, () => [s(g(e), {
+				onApply: g(O),
+				onCancel: g(j),
+				"custom-props": {
+					applyButton: g(F),
+					cancelButton: g(L)
+				}
+			}, null, 8, [
+				"onApply",
+				"onCancel",
+				"custom-props"
+			])])], 16)) : i("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { y as default };
+export { _ as default };

package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts

@@ -10,7 +10,7 @@ type TimeRangePickerMerged = MergeLibDefaults<TimeRangePickerOwnProps, TimeRange
 export declare function useTimeRangePicker(props: MaybeRefOrGetter<TimeRangePickerOwnProps>, libDefaults: TimeRangePickerLibDefaults, emit: SetupContext<TimeRangePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<TimeRangePickerMerged>;
     endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds" | "endTitle" | "startTitle">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "disabled" | "rounded" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "readOnly" | "disableTimes" | "maxTime" | "minTime" | "endTitle" | "startTitle">>>>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     titlesBind: import('vue').ComputedRef<string>;
@@ -26,8 +26,6 @@ export declare function useTimeRangePicker(props: MaybeRefOrGetter<TimeRangePick
     handleEndChange: (next: null | TimeValue) => void;
     startDisplayValue: import('vue').ComputedRef<Date>;
     handleStartChange: (next: null | TimeValue) => void;
-    applyLabel: import('vue').ComputedRef<string>;
-    cancelLabel: import('vue').ComputedRef<string>;
     applyButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     cancelButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     endTitle: import('vue').ComputedRef<string>;