@stsdti/funky-ui-kit 1.8.8 → 1.8.10

package/dist/funky-ui-kit.esm.js

@@ -1,5 +1,5 @@
 import * as Vue from "vue";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isReactive, isRef, isVNode, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onUnmounted, openBlock, provide, reactive, readonly, ref, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useModel, useSlots, useTemplateRef, vModelDynamic, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createPropsRestProxy, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isReactive, isRef, isVNode, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onUnmounted, openBlock, provide, reactive, readonly, ref, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, shallowRef, toDisplayString, toRef, toValue, unref, useAttrs, useModel, useSlots, useTemplateRef, vModelDynamic, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import draggable from "vuedraggable";
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -16226,7 +16226,7 @@ var deepHas = (obj, p) => {
 	let parent = (0, import_property_expr.getter)((0, import_property_expr.join)(path), true)(obj);
 	return !!(parent && last in parent);
 };
-var isObject$15 = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
+var isObject$16 = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
 function unknown(ctx, value) {
 	let known = Object.keys(ctx.fields);
 	return Object.keys(value).filter((key) => known.indexOf(key) === -1);
@@ -16240,7 +16240,7 @@ var ObjectSchema = class extends Schema {
 		super({
 			type: "object",
 			check(value) {
-				return isObject$15(value) || typeof value === "function";
+				return isObject$16(value) || typeof value === "function";
 			}
 		});
 		this.fields = Object.create(null);
@@ -16299,7 +16299,7 @@ var ObjectSchema = class extends Schema {
 		options.__validating = true;
 		options.originalValue = originalValue;
 		super._validate(_value, options, panic, (objectErrors, value) => {
-			if (!recursive || !isObject$15(value)) {
+			if (!recursive || !isObject$16(value)) {
 				next(objectErrors, value);
 				return;
 			}
@@ -18850,12 +18850,12 @@ var _sfc_main$33 = {
 //#endregion
 //#region src/components/small/app-breadcrumb/AppBreadcrumbs.vue
 var _hoisted_1$83 = { class: "breadcrumb" };
-var _hoisted_2$61 = {
+var _hoisted_2$59 = {
 	key: 0,
 	class: "breadcrumb-elements-item"
 };
-var _hoisted_3$44 = { class: "flex-center-vertical" };
-var _hoisted_4$34 = {
+var _hoisted_3$42 = { class: "flex-center-vertical" };
+var _hoisted_4$33 = {
 	key: 0,
 	class: "pl-5 pr-5"
 };
@@ -18880,14 +18880,14 @@ var _sfc_main$2 = {
 		};
 		return (_ctx, _cache) => {
 			const _component_router_link = resolveComponent("router-link");
-			return openBlock(), createElementBlock("div", _hoisted_1$83, [__props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2$61, [createVNode(_sfc_main$33, { style: {
+			return openBlock(), createElementBlock("div", _hoisted_1$83, [__props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2$59, [createVNode(_sfc_main$33, { style: {
 				"width": "200px",
 				"height": "20px"
 			} })])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.value, (breadcrumb, index) => {
-				return openBlock(), createElementBlock("div", _hoisted_3$44, [renderSlot(_ctx.$slots, "breadcrumb", {
+				return openBlock(), createElementBlock("div", _hoisted_3$42, [renderSlot(_ctx.$slots, "breadcrumb", {
 					index,
 					item: breadcrumb
-				}, () => [index !== 0 ? (openBlock(), createElementBlock("span", _hoisted_4$34, "/")) : createCommentVNode("", true), (openBlock(), createBlock(_component_router_link, {
+				}, () => [index !== 0 ? (openBlock(), createElementBlock("span", _hoisted_4$33, "/")) : createCommentVNode("", true), (openBlock(), createBlock(_component_router_link, {
 					key: index,
 					class: normalizeClass(getBreadcrumbClass(breadcrumb)),
 					to: breadcrumb.route ? breadcrumb.route : "/"
@@ -21857,20 +21857,20 @@ var booleanProps = [
 	"touch",
 	"touchHold"
 ];
-var props = {};
+var props$2 = {};
 Object.keys(tippy.defaultProps).forEach((prop) => {
-	if (booleanProps.includes(prop)) props[prop] = {
+	if (booleanProps.includes(prop)) props$2[prop] = {
 		type: Boolean,
 		default: function() {
 			return tippy.defaultProps[prop];
 		}
 	};
-	else props[prop] = { default: function() {
+	else props$2[prop] = { default: function() {
 		return tippy.defaultProps[prop];
 	} };
 });
 var TippySingleton = defineComponent({
-	props,
+	props: props$2,
 	setup(props) {
 		const instances = ref([]);
 		const { singleton } = useSingleton(instances, props);
@@ -22295,15 +22295,15 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 //#endregion
 //#region src/components/small/base/app-form-element/AppFormElement.vue
 var _hoisted_1$82 = ["name"];
-var _hoisted_2$60 = {
+var _hoisted_2$58 = {
 	key: 0,
 	class: "text-danger"
 };
-var _hoisted_3$43 = {
+var _hoisted_3$41 = {
 	key: 0,
 	class: "help-block text-danger"
 };
-var _hoisted_4$33 = {
+var _hoisted_4$32 = {
 	key: 1,
 	class: "help-block"
 };
@@ -22377,14 +22377,14 @@ var AppFormElement_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				key: 0,
 				class: "mb-0",
 				style: normalizeStyle(labelStyle.value)
-			}, [createTextVNode(toDisplayString(unref(computedLabel)) + " ", 1), _ctx.isRequired ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$60, [..._cache[0] || (_cache[0] = [createTextVNode(" * ", -1)])])), [[_directive_tippy, "Camp obligatoriu"]]) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", { style: normalizeStyle(contentStyle.value) }, [
+			}, [createTextVNode(toDisplayString(unref(computedLabel)) + " ", 1), _ctx.isRequired ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$58, [..._cache[0] || (_cache[0] = [createTextVNode(" * ", -1)])])), [[_directive_tippy, "Camp obligatoriu"]]) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", { style: normalizeStyle(contentStyle.value) }, [
 				createElementVNode("div", { class: normalizeClass(contentContainerClass.value) }, [
 					renderSlot(_ctx.$slots, "beforeContent", {}, void 0, true),
 					createElementVNode("div", { class: normalizeClass(contentSlotClass.value) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2),
 					renderSlot(_ctx.$slots, "afterContent", {}, void 0, true)
 				], 2),
-				currentError.value ? (openBlock(), createElementBlock("span", _hoisted_3$43, toDisplayString(currentError.value), 1)) : createCommentVNode("", true),
-				_ctx.infoText ? (openBlock(), createElementBlock("span", _hoisted_4$33, toDisplayString(_ctx.infoText), 1)) : createCommentVNode("", true),
+				currentError.value ? (openBlock(), createElementBlock("span", _hoisted_3$41, toDisplayString(currentError.value), 1)) : createCommentVNode("", true),
+				_ctx.infoText ? (openBlock(), createElementBlock("span", _hoisted_4$32, toDisplayString(_ctx.infoText), 1)) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "help-block", {}, void 0, true)
 			], 4)], 10, _hoisted_1$82)) : createCommentVNode("", true);
 		};
@@ -27646,10 +27646,10 @@ var booleanOption = {
 	}
 };
 //#endregion
-//#region src/components/small/app-date-picker/AppDatePickerDayOfWeek.vue
+//#region src/components/small/app-day-of-week/AppDayOfWeek.vue
 var _hoisted_1$81 = { class: "badge bg-secondary day-of-week-badge" };
 var _sfc_main$8 = {
-	__name: "AppDatePickerDayOfWeek",
+	__name: "AppDayOfWeek",
 	props: {
 		value: { type: Date },
 		language: {
@@ -27673,41 +27673,15 @@ var _sfc_main$8 = {
 	}
 };
 //#endregion
-//#region src/components/small/app-date-picker/appDatePickerProps.js
-var appDatePickerProps_default = {
-	showEasyButtons: Boolean,
-	showDayOfWeek: { default: true },
-	currentLanguage: {
-		type: String,
-		default: Constants_default.LANGUAGE_RO
-	},
-	currentFormat: {
-		type: String,
-		default: "dd.MM.yyyy"
-	},
-	disabledDates: {},
-	isTypeable: {
-		type: Boolean,
-		default: true
-	},
-	yearRange: {
-		type: Array,
-		validator: (value) => {
-			return Array.isArray(value) && value.length === 2 && (typeof value[0] === "number" || value[0] === null) && (typeof value[1] === "number" || value[1] === null);
-		}
-	}
-};
-//#endregion
-//#region src/components/small/app-date-time-picker/AppDateEasyButtons.vue
+//#region src/components/small/app-date/AppDateEasyButtons.vue
 var _hoisted_1$80 = { class: "" };
-var CODE_SUB_DAY$1 = "subday";
-var CODE_TODAY$1 = "today";
-var CODE_ADD_DAY$1 = "addday";
-var _sfc_main$116 = {
+var CODE_SUB_DAY = "subday";
+var CODE_TODAY = "today";
+var CODE_ADD_DAY = "addday";
+var _sfc_main$115 = {
 	__name: "AppDateEasyButtons",
 	props: {
 		modelValue: Date,
-		...appDatePickerProps_default,
 		...appFormElementProps_default
 	},
 	emits: ["update:modelValue"],
@@ -27717,17 +27691,17 @@ var _sfc_main$116 = {
 		const buttons = ref([
 			{
 				value: "-1",
-				code: CODE_SUB_DAY$1,
+				code: CODE_SUB_DAY,
 				class: "btn-light"
 			},
 			{
 				value: "Astazi",
-				code: CODE_TODAY$1,
+				code: CODE_TODAY,
 				class: "btn-light"
 			},
 			{
 				value: "+1",
-				code: CODE_ADD_DAY$1,
+				code: CODE_ADD_DAY,
 				class: "btn-light"
 			}
 		]);
@@ -27741,13 +27715,13 @@ var _sfc_main$116 = {
 		});
 		const onEasyButtonsInput = (value) => {
 			switch (value.code) {
-				case CODE_ADD_DAY$1:
+				case CODE_ADD_DAY:
 					onAddDay();
 					break;
-				case CODE_TODAY$1:
+				case CODE_TODAY:
 					onSelectToday();
 					break;
-				case CODE_SUB_DAY$1:
+				case CODE_SUB_DAY:
 					onSubtractDay();
 					break;
 			}
@@ -27829,7 +27803,7 @@ function toValue$2(r) {
 var isClient$1 = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 var toString$2 = Object.prototype.toString;
-var isObject$13 = (val) => toString$2.call(val) === "[object Object]";
+var isObject$14 = (val) => toString$2.call(val) === "[object Object]";
 var noop$2 = () => {};
 var isIOS$1 = /* @__PURE__ */ getIsIOS$1();
 function getIsIOS$1() {
@@ -28002,7 +27976,7 @@ function useEventListener$1(...args) {
 	const stopWatch = (0, lib_exports$1.watch)(() => [unrefElement$1(target), toValue$2(options)], ([el, options2]) => {
 		cleanup();
 		if (!el) return;
-		const optionsClone = isObject$13(options2) ? { ...options2 } : options2;
+		const optionsClone = isObject$14(options2) ? { ...options2 } : options2;
 		cleanups.push(...events.flatMap((event) => {
 			return listeners.map((listener) => register(el, event, listener, optionsClone));
 		}));
@@ -28294,7 +28268,7 @@ function useClickOutside(options = {}) {
 //#endregion
 //#region src/components/small/app-date/AppDate.vue
 var _hoisted_1$79 = ["onClick"];
-var _hoisted_2$59 = [
+var _hoisted_2$57 = [
 	"value",
 	"disabled",
 	"placeholder",
@@ -28305,14 +28279,14 @@ var _hoisted_2$59 = [
 	"onKeypress",
 	"onPaste"
 ];
-var _hoisted_3$42 = { key: 0 };
-var _hoisted_4$32 = {
+var _hoisted_3$40 = { key: 0 };
+var _hoisted_4$31 = {
 	key: 1,
 	class: "app-form-element-placeholder"
 };
 var _hoisted_5$24 = { class: "mr-10" };
-var _hoisted_6$15 = ["onClick"];
-var _hoisted_7$8 = {
+var _hoisted_6$14 = ["onClick"];
+var _hoisted_7$7 = {
 	key: 0,
 	class: "ml-10"
 };
@@ -28443,12 +28417,12 @@ var AppDate_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 							onKeydown: [withKeys(onEnter, ["enter"]), withKeys(onTab, ["tab"])],
 							onKeypress,
 							onPaste
-						}, null, 40, _hoisted_2$59)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$42, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$32, toDisplayString(unref(computedPlaceHolder)), 1))], 64))
+						}, null, 40, _hoisted_2$57)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$40, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$31, toDisplayString(unref(computedPlaceHolder)), 1))], 64))
 					], 8, _hoisted_1$79)]),
 					"clear-icon": withCtx(({ clear }) => [createElementVNode("div", _hoisted_5$24, [withDirectives(createElementVNode("i", {
 						class: "ph-x-circle app-cross-icon",
 						onClick: withModifiers(clear, ["stop"])
-					}, null, 8, _hoisted_6$15), [[_directive_tippy, "Sterge"]])])]),
+					}, null, 8, _hoisted_6$14), [[_directive_tippy, "Sterge"]])])]),
 					_: 2
 				}, [renderList(forwardedSlots.value, (slot) => {
 					return {
@@ -28467,7 +28441,7 @@ var AppDate_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"weekStart",
 					"locale",
 					"teleport"
-				]), __props.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$8, [createVNode(_sfc_main$116, {
+				]), __props.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$7, [createVNode(_sfc_main$115, {
 					modelValue: modelValue.value,
 					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event)
 				}, null, 8, ["modelValue"])])) : createCommentVNode("", true)]),
@@ -28475,170 +28449,42 @@ var AppDate_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, 16);
 		};
 	}
-}, [["__scopeId", "data-v-dbda72e2"]]);
+}, [["__scopeId", "data-v-f92c063d"]]);
 //#endregion
-//#region src/components/small/app-date-picker/AppDatePicker.vue
-var _hoisted_1$78 = {
-	class: "flex-center-vertical dp__input dp__pointer dp__input_readonly dp__input_reg",
-	style: { "gap": "3px" }
-};
-var _hoisted_2$58 = [
-	"disabled",
-	"placeholder",
-	"onBlur",
-	"onKeydown",
-	"onKeypress",
-	"onPaste"
-];
-var _hoisted_3$41 = { key: 0 };
-var _hoisted_4$31 = {
-	key: 1,
-	class: "app-form-element-placeholder"
-};
-var _hoisted_5$23 = { class: "form-control-feedback form-control-feedback-end" };
-var _hoisted_6$14 = { class: "form-control-feedback-icon" };
-var _hoisted_7$7 = {
-	key: 0,
-	class: "ml-10"
-};
-var _sfc_main$114 = {
-	__name: "AppDatePicker",
-	props: /*@__PURE__*/ mergeModels({
-		...appDatePickerProps_default,
-		...appFormElementProps_default
-	}, {
-		"modelValue": { type: Date },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const modelValue = useModel(__props, "modelValue");
-		const inputValue = ref("");
-		const isMenuOpen = ref(false);
-		const props = __props;
-		const { formElementProps, computedName, computedPlaceHolder } = useAppFormElement(props);
-		const computedClass = computed(() => ({
-			"app-date-picker": true,
-			"disabled-element": props.disabled
-		}));
-		const computedFormats = computed(() => ({
-			input: props.currentFormat,
-			preview: props.currentFormat
-		}));
-		const isDayOfWeekVisible = computed(() => props.showDayOfWeek && modelValue.value);
-		watch(modelValue, (newValue) => {
-			inputValue.value = newValue ? format$1(newValue, props.currentFormat) : "";
-		}, { immediate: true });
-		const attemptToParseDate = (dateStr) => {
-			if (!(0, import_lodash.isString)(dateStr)) return null;
-			dateStr = dateStr.replace(/[.,\-\/]/g, ".");
-			const formats = [props.currentFormat.replace("yyyy", "yy"), props.currentFormat];
-			for (const format of formats) {
-				const date = parse$2(dateStr, format, /* @__PURE__ */ new Date());
-				if (!isNaN(date.getTime())) return date;
-			}
-		};
-		const applyInputValue = () => {
-			let parsedDate = attemptToParseDate(inputValue.value);
-			parsedDate ? modelValue.value = parsedDate : clearValues();
-		};
-		const clearValues = () => {
-			modelValue.value = null;
-			inputValue.value = null;
-		};
-		const updateDate = (date) => {
-			date.setHours(0);
-			date.setMinutes(0);
-			date.setSeconds(0);
-		};
-		useClickOutside({ isOpen: isMenuOpen });
-		return (_ctx, _cache) => {
-			const _component_app_date_picker_day_of_week = resolveComponent("app-date-picker-day-of-week");
-			const _component_vue_date_picker = resolveComponent("vue-date-picker");
-			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
-				default: withCtx(() => [createVNode(_component_vue_date_picker, mergeProps({
-					modelValue: modelValue.value,
-					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
-				}, _ctx.$attrs, {
-					position: "left",
-					"action-row": {
-						showSelect: true,
-						showCancel: true,
-						showPreview: true
-					},
-					"auto-apply": true,
-					class: computedClass.value,
-					"disabled-dates": _ctx.disabledDates,
-					disabled: _ctx.disabled,
-					"enable-time-picker": false,
-					locale: unref(locale),
-					formats: computedFormats.value,
-					name: unref(computedName),
-					placeholder: unref(computedPlaceHolder),
-					"text-input": _ctx.isTypeable,
-					onDateUpdate: updateDate,
-					onClosed: _cache[2] || (_cache[2] = ($event) => isMenuOpen.value = false),
-					onOpen: _cache[3] || (_cache[3] = ($event) => isMenuOpen.value = true)
-				}), {
-					"dp-input": withCtx(({ value, isMenuOpen, onTab, onKeypress, onPaste }) => [createElementVNode("div", _hoisted_1$78, [
-						_cache[5] || (_cache[5] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
-						isDayOfWeekVisible.value ? (openBlock(), createBlock(_component_app_date_picker_day_of_week, {
-							key: 0,
-							language: _ctx.currentLanguage,
-							value: modelValue.value
-						}, null, 8, ["language", "value"])) : createCommentVNode("", true),
-						props.isTypeable ? withDirectives((openBlock(), createElementBlock("input", {
-							key: 1,
-							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-							class: "dp__input_readonly dp__input_icon_pad dp__input_reg borderless-input date-picker-input",
-							type: "text",
-							disabled: _ctx.disabled,
-							placeholder: _ctx.placeholder,
-							onBlur: ($event) => !isMenuOpen && applyInputValue(),
-							onKeydown: [withKeys(applyInputValue, ["enter"]), withKeys(onTab, ["tab"])],
-							onKeypress,
-							onPaste
-						}, null, 40, _hoisted_2$58)), [[vModelText, inputValue.value]]) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$41, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$31, toDisplayString(_ctx.placeholder), 1))], 64))
-					])]),
-					"clear-icon": withCtx(() => [createElementVNode("div", _hoisted_5$23, [createElementVNode("div", _hoisted_6$14, [createElementVNode("i", {
-						class: "ph-x-circle app-cross-icon mb-15",
-						onClick: withModifiers(clearValues, ["stop"])
-					})])])]),
-					_: 1
-				}, 16, [
-					"modelValue",
-					"class",
-					"disabled-dates",
-					"disabled",
-					"locale",
-					"formats",
-					"name",
-					"placeholder",
-					"text-input"
-				]), _ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$7, [createVNode(_sfc_main$116, {
-					modelValue: modelValue.value,
-					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => modelValue.value = $event)
-				}, null, 8, ["modelValue"])])) : createCommentVNode("", true)]),
-				_: 2
-			}, [renderList(Object.keys(_ctx.$slots), (slot) => {
-				return {
-					name: slot,
-					fn: withCtx((scope) => [renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)))])
-				};
-			})]), 1040);
-		};
+//#region src/components/small/app-date/AppDate.js
+var props$1 = {
+	showEasyButtons: Boolean,
+	showDayOfWeek: { default: true },
+	currentLanguage: {
+		type: String,
+		default: Constants_default.LANGUAGE_RO
+	},
+	currentFormat: {
+		type: String,
+		default: "dd.MM.yyyy"
+	},
+	disabledDates: {},
+	isTypeable: {
+		type: Boolean,
+		default: true
+	},
+	yearRange: {
+		type: Array,
+		validator: (value) => {
+			return Array.isArray(value) && value.length === 2 && (typeof value[0] === "number" || value[0] === null) && (typeof value[1] === "number" || value[1] === null);
+		}
 	}
 };
 //#endregion
-//#region src/components/small/app-date-picker/AppDatePickerRange.vue
-var _hoisted_1$77 = { class: "w-100" };
-var _hoisted_2$57 = { class: "flex-center-vertical w-100 gap-1" };
-var _hoisted_3$40 = {
+//#region src/components/small/app-date/AppDateRange.vue
+var _hoisted_1$78 = { class: "w-100" };
+var _hoisted_2$56 = { class: "flex-center-vertical w-100 gap-1" };
+var _hoisted_3$39 = {
 	key: 0,
 	class: "flex-center-vertical mt-1"
 };
 var _sfc_main$9 = {
-	__name: "AppDatePickerRange",
+	__name: "AppDateRange",
 	props: /*@__PURE__*/ mergeModels({
 		placeholderLeft: {
 			type: String,
@@ -28650,7 +28496,7 @@ var _sfc_main$9 = {
 		},
 		startName: { type: String },
 		endName: { type: String },
-		...appDatePickerProps_default,
+		...props$1,
 		...appFormElementProps_default
 	}, {
 		"start": { type: Date },
@@ -28699,8 +28545,8 @@ var _sfc_main$9 = {
 			const _component_app_date = resolveComponent("app-date");
 			const _component_app_button_group = resolveComponent("app-button-group");
 			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$77, [
-					createElementVNode("div", _hoisted_2$57, [createVNode(_component_app_date, mergeProps({
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$78, [
+					createElementVNode("div", _hoisted_2$56, [createVNode(_component_app_date, mergeProps({
 						modelValue: modelValueStart.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValueStart.value = $event),
 						class: "app-form-group-element flex-1",
@@ -28723,7 +28569,7 @@ var _sfc_main$9 = {
 						"placeholder",
 						"name"
 					])]),
-					_ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_3$40, [createVNode(_component_app_button_group, {
+					_ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_3$39, [createVNode(_component_app_button_group, {
 						value: unref(easyButtonsList),
 						onClick: onEasyButtonClick
 					}, null, 8, ["value"])])) : createCommentVNode("", true),
@@ -28736,9 +28582,9 @@ var _sfc_main$9 = {
 };
 //#endregion
 //#region src/components/small/app-card/AppCard.vue
-var _hoisted_1$76 = { class: "d-flex align-items-center" };
-var _hoisted_2$56 = { class: "mb-0 fw-normal" };
-var _hoisted_3$39 = { class: "ms-auto" };
+var _hoisted_1$77 = { class: "d-flex align-items-center" };
+var _hoisted_2$55 = { class: "mb-0 fw-normal" };
+var _hoisted_3$38 = { class: "ms-auto" };
 var _sfc_main$5 = {
 	__name: "AppCard",
 	props: {
@@ -28829,10 +28675,10 @@ var _sfc_main$5 = {
 				key: 0,
 				class: normalizeClass([headerClasses.value]),
 				onClick: collapseBody
-			}, [createElementVNode("div", _hoisted_1$76, [createElementVNode("div", _hoisted_2$56, [renderSlot(_ctx.$slots, "title"), createElementVNode("div", {
+			}, [createElementVNode("div", _hoisted_1$77, [createElementVNode("div", _hoisted_2$55, [renderSlot(_ctx.$slots, "title"), createElementVNode("div", {
 				class: "header-elements-toggle d-none",
 				onClick: toggleVisibleHeadingElement
-			}, [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-more" }, null, -1)])])]), createElementVNode("div", _hoisted_3$39, [createElementVNode("div", { class: normalizeClass([headerElementsClasses.value]) }, [renderSlot(_ctx.$slots, "heading-elements"), __props.canCollapse ? (openBlock(), createElementBlock("i", {
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-more" }, null, -1)])])]), createElementVNode("div", _hoisted_3$38, [createElementVNode("div", { class: normalizeClass([headerElementsClasses.value]) }, [renderSlot(_ctx.$slots, "heading-elements"), __props.canCollapse ? (openBlock(), createElementBlock("i", {
 				key: 0,
 				class: normalizeClass(expandArrowClass.value)
 			}, null, 2)) : createCommentVNode("", true)], 2)])])], 2)) : createCommentVNode("", true), createElementVNode("div", {
@@ -28844,7 +28690,7 @@ var _sfc_main$5 = {
 };
 //#endregion
 //#region src/components/small/app-checkbox/AppCheckbox.vue
-var _hoisted_1$75 = ["checked"];
+var _hoisted_1$76 = ["checked"];
 var _sfc_main$7 = {
 	__name: "AppCheckbox",
 	props: {
@@ -28887,7 +28733,7 @@ var _sfc_main$7 = {
 					checked: __props.modelValue,
 					class: checkedClass.value,
 					type: "checkbox"
-				}, getDisabled.value), null, 16, _hoisted_1$75), renderSlot(_ctx.$slots, "afterCheckbox")], 2)]),
+				}, getDisabled.value), null, 16, _hoisted_1$76), renderSlot(_ctx.$slots, "afterCheckbox")], 2)]),
 				_: 3
 			}, 16, ["label-style"]);
 		};
@@ -30332,6 +30178,10 @@ var _sfc_main$112 = {
 		width: {
 			type: [String, Number],
 			default: null
+		},
+		placement: {
+			type: String,
+			default: "bottom-start"
 		}
 	},
 	setup(__props) {
@@ -30347,7 +30197,7 @@ var _sfc_main$112 = {
 			else anchorEl.value = props.anchor;
 		}, { immediate: true });
 		const { x, y, strategy } = useFloating(anchorEl, floatingEl, {
-			placement: "bottom-start",
+			placement: computed(() => props.placement),
 			strategy: "absolute",
 			whileElementsMounted: autoUpdate,
 			middleware: [
@@ -30387,435 +30237,414 @@ var _sfc_main$112 = {
 	}
 };
 //#endregion
-//#region src/components/small/app-grid-picker/AppGridPicker.vue
-var _hoisted_1$74 = { class: "w-100 position-relative cursor-pointer" };
-var _hoisted_2$55 = ["placeholder"];
-var _hoisted_3$38 = {
-	key: 1,
-	class: "flex-1 input-placeholder"
-};
-var _hoisted_4$30 = {
-	key: 2,
-	class: "form-control-feedback-icon clear-button"
-};
-var _hoisted_5$22 = ["onClick"];
-var AppGridPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
-	__name: "AppGridPicker",
-	props: /*@__PURE__*/ mergeModels({
-		options: {
-			type: Array,
-			required: true
-		},
-		displayBy: {
-			type: [String],
-			default: "name"
-		},
-		openDirection: {
-			type: String,
-			default: "bottom"
-		},
-		columns: {
-			type: Number,
-			default: 4
-		},
-		width: {
-			type: Number,
-			default: 200
-		},
-		height: {
-			type: Number,
-			default: 500
-		},
-		showRemoveButtons: {
-			type: Boolean,
-			default: true
-		},
-		isTypeable: {
-			type: Boolean,
-			default: true
+//#region src/components/small/app-time/AppTimeEasyButtons.vue
+var _hoisted_1$75 = { class: "" };
+var CODE_SUB_HOUR = "subhour";
+var CODE_NOW = "now";
+var CODE_ADD_HOUR = "addhour";
+var _sfc_main$111 = {
+	__name: "AppTimeEasyButtons",
+	props: /*@__PURE__*/ mergeModels({ format: {
+		type: String,
+		default: "hh:mm"
+	} }, {
+		"modelValue": {
+			type: [String, null],
+			default: null
 		},
-		search: { type: Function },
-		isItemSelected: {},
-		...appFormElementProps_default
-	}, {
-		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /*@__PURE__*/ mergeModels(["close", "search"], ["update:modelValue"]),
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const modelValue = useModel(__props, "modelValue");
+	emits: ["update:modelValue"],
+	setup(__props) {
 		const props = __props;
-		const emits = __emit;
-		ref("100%");
-		const showGrid = ref(false);
-		const input = ref(null);
-		const grid = ref(null);
-		const searchValue = ref(null);
-		const searchField = ref(null);
-		const filteredOptions = ref((0, import_lodash.cloneDeep)(props.options));
-		const { formElementProps } = useAppFormElement(props);
-		const heightComputed = computed(() => {
-			const rows = Math.ceil(filteredOptions.value.length / props.columns);
-			return (0, import_lodash.min)([props.width / props.columns * rows, props.height]);
-		});
-		computed(() => {
-			return {
-				width: props.width + "px",
-				height: heightComputed.value + "px"
-			};
-		});
-		const cellStyle = computed(() => {
-			const width = props.width / props.columns;
-			return {
-				width: width + "px",
-				height: width + "px"
-			};
-		});
-		const open = () => {
-			if (props.disabled) return;
-			showGrid.value = true;
-			if (props.isTypeable) nextTick(() => searchField.value.focus());
-		};
-		const close = () => {
-			showGrid.value = false;
-			emits("close");
-		};
-		const onSelectValue = (element, index) => {
-			modelValue.value = element;
-			close();
-		};
-		const getDisplayValue = (value) => {
-			if ((0, import_lodash.isObject)(value)) return (0, import_lodash.get)(value, props.displayBy, null);
-			return value;
-		};
-		const getActiveClass = (element) => {
-			return { active: (0, import_lodash.isEqual)(element, modelValue.value) };
-		};
-		const onDeleteInput = () => {
-			modelValue.value = null;
-		};
-		useClickOutside({
-			target: grid,
-			handler: () => {
-				if (!showGrid.value) return;
-				close();
-			},
-			isOpen: showGrid,
-			ignore: [input, searchField]
-		});
-		const inputClass = computed(() => ({
-			"w-100 form-control": true,
-			disabled: props.disabled
-		}));
-		const getFilteredOptions = async (search = "") => {
-			if (props.search) return await props.search(props.options, search);
-			if (!search || search.length === 0) return props.options;
-			return props.options.filter((item) => {
-				let itemName = (0, import_lodash.isObject)(item) ? (0, import_lodash.get)(item, props.displayBy, "") : item;
-				itemName = String(itemName).toLowerCase();
-				return itemName.includes(search.toLowerCase());
-			});
-		};
-		const onSearch = async (text) => {
-			filteredOptions.value = await getFilteredOptions(text);
-			emits("searchValue", text);
-			searchValue.value = text;
-		};
-		const onKeyEnter = () => {
-			modelValue.value = (0, import_lodash.head)(filteredOptions.value);
-			close();
-		};
-		watch(searchValue, async (newValue) => {
-			await onSearch(newValue);
-		});
-		watch(() => props.options, async (newValue) => {
-			filteredOptions.value = newValue;
-		});
-		__expose({
-			open,
-			close,
-			props
-		});
-		return (_ctx, _cache) => {
-			const _directive_tippy = resolveDirective("tippy");
-			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$74, [createElementVNode("div", {
-					ref_key: "input",
-					ref: input,
-					class: "d-flex"
-				}, [
-					renderSlot(_ctx.$slots, "icon", {}, void 0, true),
-					__props.isTypeable && showGrid.value ? withDirectives((openBlock(), createElementBlock("input", {
-						key: 0,
-						ref_key: "searchField",
-						ref: searchField,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
-						class: "mb-0 no-hover flex-1 form-control",
-						placeholder: props.placeholder,
-						onKeyup: withKeys(onKeyEnter, ["enter"])
-					}, null, 40, _hoisted_2$55)), [[vModelText, searchValue.value]]) : (openBlock(), createElementBlock("div", {
-						key: 1,
-						class: normalizeClass(inputClass.value),
-						onClick: withModifiers(open, ["stop"])
-					}, [renderSlot(_ctx.$slots, "default", { item: modelValue.value }, () => [modelValue.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(getDisplayValue(modelValue.value)), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$38, toDisplayString(props.placeholder), 1))], true)], 2)),
-					modelValue.value && __props.showRemoveButtons ? (openBlock(), createElementBlock("div", _hoisted_4$30, [withDirectives(createElementVNode("i", {
-						class: "ph-x-circle app-cross-icon",
-						onClick: withModifiers(onDeleteInput, ["stop"])
-					}, null, 512), [[_directive_tippy, "Ștergeți opțiunile selectate"]])])) : createCommentVNode("", true)
-				], 512), input.value ? (openBlock(), createBlock(_sfc_main$112, {
-					key: 0,
-					anchor: input.value,
-					"use-teleport": true,
-					"is-open": showGrid.value,
-					width: props.width
-				}, {
-					default: withCtx(() => [withDirectives(createElementVNode("div", {
-						ref_key: "grid",
-						ref: grid,
-						class: "app-grid-dropdown overflow-auto scrollbar-hidden"
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (element, index) => {
-						return openBlock(), createElementBlock("div", {
-							key: index,
-							class: "cell",
-							onClick: ($event) => onSelectValue(element, index)
-						}, [createElementVNode("span", {
-							class: normalizeClass(getActiveClass(element)),
-							style: normalizeStyle(cellStyle.value)
-						}, [renderSlot(_ctx.$slots, "default", { item: element }, () => [createTextVNode(toDisplayString(getDisplayValue(element)), 1)], true)], 6)], 8, _hoisted_5$22);
-					}), 128))], 512), [[vShow, showGrid.value]])]),
-					_: 3
-				}, 8, [
-					"anchor",
-					"is-open",
-					"width"
-				])) : createCommentVNode("", true)])]),
-				_: 3
-			}, 16);
-		};
-	}
-}, [["__scopeId", "data-v-12dbbc29"]]);
-//#endregion
-//#region src/components/small/app-time-picker/AppTimePickerEasyButtons.vue
-var EMIT_SUB_HOUR = "sub-hour";
-var EMIT_NOW = "now";
-var EMIT_ADD_HOUR = "add-hour";
-var _sfc_main$110 = {
-	__name: "AppTimePickerEasyButtons",
-	emits: [
-		EMIT_NOW,
-		EMIT_ADD_HOUR,
-		EMIT_SUB_HOUR
-	],
-	setup(__props, { emit: __emit }) {
-		const buttons = ref([
+		const modelValue = useModel(__props, "modelValue");
+		const buttons = [
 			{
 				value: "-1",
-				emit: EMIT_SUB_HOUR,
+				code: CODE_SUB_HOUR,
 				class: "btn-light"
 			},
 			{
 				value: "Acum",
-				emit: EMIT_NOW,
+				code: CODE_NOW,
 				class: "btn-light"
 			},
 			{
 				value: "+1",
-				emit: EMIT_ADD_HOUR,
+				code: CODE_ADD_HOUR,
 				class: "btn-light"
 			}
-		]);
-		const emit = __emit;
-		const onClick = (value) => {
-			emit(value.emit);
+		];
+		const onEasyButtonsInput = ({ code }) => {
+			const time = /* @__PURE__ */ new Date();
+			if (modelValue.value && code !== CODE_NOW) {
+				const [hours, minutes = 0, seconds = 0] = modelValue.value.split(":");
+				time.setHours(hours, minutes, seconds, 0);
+			}
+			if (code !== CODE_NOW) time.setHours(time.getHours() + (code === CODE_ADD_HOUR ? 1 : -1));
+			modelValue.value = time.toTimeString().slice(0, props.format.length);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", null, [createVNode(_sfc_main$4, {
-				value: buttons.value,
-				onClick
-			}, null, 8, ["value"])]);
+			return openBlock(), createElementBlock("div", _hoisted_1$75, [createVNode(_sfc_main$4, {
+				value: buttons,
+				onClick: onEasyButtonsInput
+			})]);
 		};
 	}
 };
 //#endregion
-//#region src/components/small/app-time-picker/AppTimePicker.vue
-var _hoisted_1$73 = {
-	class: "display-block w-100",
-	style: {}
+//#region src/components/small/app-time/AppTime.js
+var props = {
+	hours: {
+		type: Array,
+		default: () => Array.from({ length: 24 }, (_, index) => index.toString().padStart(2, "0"))
+	},
+	minutes: {
+		type: Array,
+		default: () => Array.from({ length: 60 }, (_, index) => index.toString().padStart(2, "0"))
+	},
+	seconds: {
+		type: Array,
+		default: () => Array.from({ length: 60 }, (_, index) => index.toString().padStart(2, "0"))
+	},
+	format: {
+		type: String,
+		default: "hh:mm",
+		validator: (value) => [
+			"hh",
+			"hh:mm",
+			"hh:mm:ss"
+		].includes(value)
+	},
+	openDirection: {
+		type: String,
+		default: "bottom"
+	},
+	showEasyButtons: {
+		type: Boolean,
+		default: false
+	},
+	isTypeable: {
+		type: Boolean,
+		default: true
+	},
+	useDropdown: {
+		type: Boolean,
+		default: true
+	}
 };
+//#endregion
+//#region src/components/small/app-time/AppTime.vue
+var _hoisted_1$74 = { class: "display-flex w-100" };
 var _hoisted_2$54 = {
 	key: 0,
-	class: "ml-10"
+	class: "app-time2-separator user-select-none"
 };
-var _hoisted_3$37 = {
-	key: 1,
-	class: "flex-center-vertical ml-5 mr-5 time-picker-icon"
+var _hoisted_3$37 = [
+	"onUpdate:modelValue",
+	"disabled",
+	"name",
+	"readonly",
+	"placeholder",
+	"onBlur",
+	"onClick",
+	"onFocus",
+	"onInput",
+	"onKeydown"
+];
+var _hoisted_4$30 = {
+	key: 0,
+	class: "ml-10"
 };
-var AppTimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
-	__name: "AppTimePicker",
+var _hoisted_5$23 = ["onClick"];
+var AppTime_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "AppTime",
 	props: /*@__PURE__*/ mergeModels({
-		minuteOptions: {
-			type: Array,
-			default: () => [{
-				id: 1,
-				value: "00"
-			}, {
-				id: 2,
-				value: "30"
-			}]
-		},
-		hourOptions: {
-			type: Array,
-			default: () => {
-				const hours = [];
-				for (let i = 0; i < 24; i++) hours.push({
-					id: i + 1,
-					value: i.toString().padStart(2, "0")
-				});
-				return hours;
-			}
-		},
-		openDirection: {
-			type: String,
-			default: "bottom"
-		},
 		isClearable: {
 			type: Boolean,
 			default: true
 		},
-		isItemSelected: {},
-		...appFormElementProps_default,
-		...appDatePickerProps_default
+		...props,
+		...appFormElementProps_default
 	}, {
-		"modelValue": {},
+		"modelValue": {
+			type: [String, null],
+			default: null
+		},
 		"modelModifiers": {}
 	}),
 	emits: /*@__PURE__*/ mergeModels(["input"], ["update:modelValue"]),
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const partsByFormat = {
+			hh: ["hour"],
+			"hh:mm": ["hour", "minute"],
+			"hh:mm:ss": [
+				"hour",
+				"minute",
+				"second"
+			]
+		};
 		const props = __props;
 		const emit = __emit;
-		const { formElementProps } = useAppFormElement(props);
-		const hour = ref("12");
-		const minute = ref("00");
-		const minutePicker = ref(null);
-		const hourPicker = ref(null);
 		const modelValue = useModel(__props, "modelValue");
-		const timePickerClass = computed(() => {
+		const { formElementProps, computedName } = useAppFormElement(props);
+		const control = ref(null);
+		const dropdown = ref(null);
+		const partInputs = reactive({
+			hour: null,
+			minute: null,
+			second: null
+		});
+		const openPart = ref(null);
+		const selected = reactive({
+			hour: null,
+			minute: null,
+			second: null
+		});
+		const texts = reactive({
+			hour: "",
+			minute: "",
+			second: ""
+		});
+		const partPlaceholders = {
+			hour: "Ora",
+			minute: "Min",
+			second: "Sec"
+		};
+		const visibleParts = computed(() => partsByFormat[props.format]);
+		const partOptions = computed(() => ({
+			hour: props.hours,
+			minute: props.minutes,
+			second: props.seconds
+		}));
+		const isDropdownOpen = computed(() => Boolean(openPart.value));
+		const dropdownOptions = computed(() => openPart.value ? partOptions.value[openPart.value] : []);
+		const dropdownColumns = computed(() => dropdownOptions.value.length > 12 ? 4 : 2);
+		const dropdownWidth = computed(() => dropdownColumns.value === 4 ? 200 : 120);
+		const activeAnchor = computed(() => partInputs[openPart.value] ?? control.value);
+		const dropdownPlacement = computed(() => {
 			return {
-				"time-picker h-100 w-100 display-flex": true,
-				"cursor-pointer": !props.disabled,
-				"time-picker-hover": !props.disabled,
-				"opacity-50": props.disabled,
-				"flex-center-vertical": true
-			};
-		});
-		watch(() => hour.value, () => {
-			onInput();
-		});
-		watch(() => minute.value, () => {
-			onInput();
-		});
-		onMounted(() => {
-			setTime(props.modelValue);
-		});
-		const setTime = (value) => {
-			if (value) {
-				const time = value.split(":");
-				hour.value = props.hourOptions.find((element) => element.value == time[0]);
-				minute.value = props.minuteOptions.find((element) => element.value == time[1]);
-			} else {
-				hour.value = null;
-				minute.value = null;
+				top: "top-start",
+				bottom: "bottom-start",
+				left: "left-start",
+				right: "right-start"
+			}[props.openDirection] ?? props.openDirection;
+		});
+		const dropdownStyle = computed(() => ({ gridTemplateColumns: `repeat(${dropdownColumns.value}, minmax(0, 1fr))` }));
+		const getOptionValue = (option) => {
+			if ((0, import_lodash.isObject)(option)) return (0, import_lodash.get)(option, "value", "");
+			return option;
+		};
+		const optionToText = (option) => {
+			const value = getOptionValue(option);
+			return value === null || value === void 0 ? "" : String(value);
+		};
+		const cleanText = (value) => String(value ?? "").replace(/\D/g, "").slice(0, 2);
+		const findOption = (part, value) => {
+			const cleanValue = cleanText(value);
+			if (!cleanValue) return null;
+			return partOptions.value[part].find((option) => {
+				const optionValue = cleanText(getOptionValue(option));
+				return optionValue === cleanValue || optionValue === cleanValue.padStart(2, "0");
+			}) ?? null;
+		};
+		const getNextPart = (part) => visibleParts.value[visibleParts.value.indexOf(part) + 1];
+		const setTextsFromSelection = () => {
+			visibleParts.value.forEach((part) => {
+				texts[part] = optionToText(selected[part]);
+			});
+		};
+		const closeDropdown = () => {
+			openPart.value = null;
+		};
+		const openDropdown = async (part) => {
+			if (props.disabled || !props.useDropdown) return;
+			openPart.value = part;
+			await nextTick();
+			dropdown.value?.querySelector(".active")?.scrollIntoView({ block: "nearest" });
+		};
+		const onFocus = (part) => {
+			if (isDropdownOpen.value && openPart.value !== part) openDropdown(part);
+		};
+		const onBlur = (part, event) => {
+			validatePart(part);
+			const next = event.relatedTarget;
+			if (next && (control.value?.contains(next) || dropdown.value?.contains(next))) return;
+			closeDropdown();
+		};
+		const openNearestPart = (event) => {
+			if (props.disabled) return;
+			const nearest = visibleParts.value.reduce((best, part) => {
+				const rect = partInputs[part]?.getBoundingClientRect();
+				if (!rect) return best;
+				const distance = Math.abs(event.clientX - (rect.left + rect.width / 2));
+				return !best || distance < best.distance ? {
+					part,
+					distance
+				} : best;
+			}, null);
+			if (!nearest) return;
+			partInputs[nearest.part]?.focus();
+			openDropdown(nearest.part);
+		};
+		const setModelFromSelection = () => {
+			if (visibleParts.value.some((part) => !selected[part])) return;
+			modelValue.value = visibleParts.value.map((part) => getOptionValue(selected[part])).join(":");
+			emit("input", selected.hour, selected.minute, selected.second);
+		};
+		const fillEmptyPartsFrom = (part) => {
+			visibleParts.value.slice(visibleParts.value.indexOf(part) + 1).forEach((nextPart) => {
+				if (!selected[nextPart]) selected[nextPart] = partOptions.value[nextPart][0];
+			});
+		};
+		const selectOption = async (option) => {
+			const part = openPart.value;
+			selected[part] = option;
+			fillEmptyPartsFrom(part);
+			setTextsFromSelection();
+			setModelFromSelection();
+			const nextPart = getNextPart(part);
+			if (!nextPart) {
+				closeDropdown();
+				return;
 			}
+			await openDropdown(nextPart);
+			partInputs[nextPart]?.focus();
+		};
+		const onType = async (part) => {
+			if (!props.isTypeable) return;
+			texts[part] = cleanText(texts[part]);
+			if (texts[part].length < 2) return;
+			const nextPart = getNextPart(part);
+			if (!nextPart) return;
+			await openDropdown(nextPart);
+			partInputs[nextPart]?.focus();
+			partInputs[nextPart]?.select();
+		};
+		const validatePart = (part) => {
+			if (!props.isTypeable) return;
+			const option = findOption(part, texts[part]);
+			if (!option) {
+				setTextsFromSelection();
+				return;
+			}
+			selected[part] = option;
+			setTextsFromSelection();
+			setModelFromSelection();
+		};
+		const onEnter = (part) => {
+			validatePart(part);
+			closeDropdown();
 		};
 		const reset = () => {
-			hour.value = null;
-			minute.value = null;
-		};
-		const onInput = () => {
-			if (!hour.value || !minute.value) return;
-			emit("input", hour.value, minute.value);
-			modelValue.value = `${hour.value.value}:${minute.value.value}`;
-		};
-		const onHourPickerClose = () => {
-			if (hour.value && !minute.value) minute.value = props.minuteOptions[0];
-			minutePicker.value.open();
-		};
-		const onAddHour = () => {
-			if (!hour.value) hour.value = props.hourOptions[12];
-			const newHour = ((parseInt(hour.value.value) + 1) % 24).toString().padStart(2, "0");
-			hour.value = props.hourOptions.find((element) => element.value == newHour);
-			minute.value = minute.value ? minute.value : (0, import_lodash.head)(props.minuteOptions);
-		};
-		const onSubHour = () => {
-			if (!hour.value) hour.value = props.hourOptions[12];
-			const newHour = ((parseInt(hour.value.value) + 23) % 24).toString().padStart(2, "0");
-			hour.value = props.hourOptions.find((element) => element.value == newHour);
-			minute.value = minute.value ? minute.value : (0, import_lodash.head)(props.minuteOptions);
-		};
-		const onSelectNow = () => {
-			const now = /* @__PURE__ */ new Date();
-			const currentHour = now.getHours().toString().padStart(2, "0");
-			const currentMinute = now.getMinutes() >= 30 ? "30" : "00";
-			hour.value = props.hourOptions.find((element) => element.value === currentHour);
-			minute.value = props.minuteOptions.find((element) => element.value === currentMinute);
+			visibleParts.value.forEach((part) => {
+				selected[part] = null;
+				texts[part] = "";
+			});
+			modelValue.value = null;
+			closeDropdown();
 		};
-		watch(() => props.modelValue, (newValue, oldValue) => {
+		const setTime = (value) => {
+			const values = value ? String(value).split(":") : [];
+			visibleParts.value.forEach((part, index) => {
+				selected[part] = findOption(part, values[index]);
+			});
+			setTextsFromSelection();
+		};
+		watch(() => modelValue.value, (newValue, oldValue) => {
 			if (newValue !== oldValue) setTime(newValue);
+		}, { immediate: true });
+		watch(() => [
+			props.hours,
+			props.minutes,
+			props.seconds,
+			props.format
+		], () => {
+			setTime(modelValue.value);
+		});
+		useClickOutside({
+			target: dropdown,
+			handler: closeDropdown,
+			isOpen: isDropdownOpen,
+			ignore: [control]
+		});
+		__expose({
+			open: () => openDropdown("hour"),
+			close: closeDropdown,
+			focus: () => partInputs.hour?.focus()
 		});
 		return (_ctx, _cache) => {
 			const _directive_tippy = resolveDirective("tippy");
 			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
 				"help-block": withCtx(() => [renderSlot(_ctx.$slots, "help-block", {}, void 0, true)]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$73, [createElementVNode("div", { class: normalizeClass(timePickerClass.value) }, [
-					createVNode(AppGridPicker_default, {
-						ref_key: "hourPicker",
-						ref: hourPicker,
-						modelValue: hour.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
-						columns: 4,
-						disabled: _ctx.disabled,
-						"input-only": true,
-						options: __props.hourOptions,
-						"show-remove-buttons": false,
-						class: "app-grid-picker-hour app-form-group-element flex-grow-1",
-						"display-by": "value",
-						placeholder: "Ora",
-						onClose: onHourPickerClose
-					}, null, 8, [
-						"modelValue",
-						"disabled",
-						"options"
-					]),
-					_cache[2] || (_cache[2] = createElementVNode("span", { class: "flex-center-vertical ml-10 mr-10" }, ":", -1)),
-					createVNode(AppGridPicker_default, {
-						ref_key: "minutePicker",
-						ref: minutePicker,
-						modelValue: minute.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
-						columns: 2,
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$74, [createElementVNode("div", {
+					ref_key: "control",
+					ref: control,
+					class: normalizeClass(["app-time2-control form-control flex-center-vertical p-0 overflow-hidden", {
+						"disabled-element": _ctx.disabled,
+						"cursor-pointer": !_ctx.disabled && _ctx.useDropdown
+					}]),
+					onClick: openNearestPart,
+					onKeydown: withKeys(closeDropdown, ["esc"])
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleParts.value, (part, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: part }, [index > 0 ? (openBlock(), createElementBlock("span", _hoisted_2$54, ":")) : createCommentVNode("", true), withDirectives(createElementVNode("input", {
+						ref_for: true,
+						ref: (el) => partInputs[part] = el,
+						"onUpdate:modelValue": ($event) => texts[part] = $event,
+						class: normalizeClass(["app-time2-field h-100 p-0 text-center bg-transparent border-0 no-hover", { "cursor-pointer": !_ctx.disabled && _ctx.useDropdown }]),
 						disabled: _ctx.disabled,
-						"input-only": true,
-						width: 100,
-						options: __props.minuteOptions,
-						"show-remove-buttons": false,
-						placeholder: "Minut",
-						class: "app-grid-picker-minute app-form-group-element flex-grow-1",
-						"display-by": "value"
-					}, null, 8, [
-						"modelValue",
-						"disabled",
-						"options"
-					]),
-					_ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_2$54, [createVNode(_sfc_main$110, {
-						onAddHour,
-						onSubHour,
-						onNow: onSelectNow
-					})])) : createCommentVNode("", true),
-					!_ctx.disabled && __props.isClearable && modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$37, [withDirectives(createElementVNode("i", {
-						class: "ph-x-circle app-cross-icon",
-						onClick: withModifiers(reset, ["stop"])
-					}, null, 512), [[_directive_tippy, "Ștergeți ora si minutul"]])])) : createCommentVNode("", true)
-				], 2)])]),
+						name: index === 0 ? unref(computedName) : void 0,
+						readonly: !_ctx.isTypeable,
+						placeholder: partPlaceholders[part],
+						inputmode: "numeric",
+						maxlength: "2",
+						type: "text",
+						onBlur: ($event) => onBlur(part, $event),
+						onClick: withModifiers(($event) => openDropdown(part), ["stop"]),
+						onFocus: ($event) => onFocus(part),
+						onInput: ($event) => onType(part),
+						onKeydown: withKeys(withModifiers(($event) => onEnter(part), ["prevent"]), ["enter"])
+					}, null, 42, _hoisted_3$37), [[vModelText, texts[part]]])], 64);
+				}), 128)), !_ctx.disabled && __props.isClearable && modelValue.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "app-time2-clear flex-center-vertical h-100 ml-auto",
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+				}, [withDirectives(createElementVNode("i", {
+					class: "ph-x-circle app-cross-icon",
+					onClick: withModifiers(reset, ["stop"])
+				}, null, 512), [[_directive_tippy, "Sterge ora"]])])) : createCommentVNode("", true)], 34), _ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_4$30, [createVNode(_sfc_main$111, {
+					modelValue: modelValue.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
+					format: _ctx.format
+				}, null, 8, ["modelValue", "format"])])) : createCommentVNode("", true)]), control.value ? (openBlock(), createBlock(_sfc_main$112, {
+					key: 0,
+					anchor: activeAnchor.value,
+					"is-open": isDropdownOpen.value,
+					placement: dropdownPlacement.value,
+					"use-teleport": true,
+					width: dropdownWidth.value
+				}, {
+					default: withCtx(() => [withDirectives(createElementVNode("div", {
+						ref_key: "dropdown",
+						ref: dropdown,
+						class: "app-time2-dropdown app-grid-dropdown overflow-auto scrollbar-hidden w-100",
+						style: normalizeStyle(dropdownStyle.value)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(dropdownOptions.value, (option) => {
+						return openBlock(), createElementBlock("button", {
+							key: getOptionValue(option),
+							class: normalizeClass(["app-time2-option cell bg-transparent border-0 p-0", { active: unref(import_lodash.isEqual)(option, selected[openPart.value]) }]),
+							type: "button",
+							onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+							onClick: ($event) => selectOption(option)
+						}, toDisplayString(getOptionValue(option)), 43, _hoisted_5$23);
+					}), 128))], 4), [[vShow, isDropdownOpen.value]])]),
+					_: 1
+				}, 8, [
+					"anchor",
+					"is-open",
+					"placement",
+					"width"
+				])) : createCommentVNode("", true)]),
 				_: 2
 			}, [renderList(Object.keys(_ctx.$slots), (slot) => {
 				return {
@@ -30825,422 +30654,68 @@ var AppTimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			})]), 1040);
 		};
 	}
-}, [["__scopeId", "data-v-56e1c85a"]]);
-//#endregion
-//#region src/utils/DateUtils.js
-var DateUtils = class DateUtils {
-	static getDayNames() {
-		return {
-			[Constants_default.LANGUAGE_EN]: [
-				"Sun",
-				"Mon",
-				"Tue",
-				"Wed",
-				"Thu",
-				"Fri",
-				"Sat"
-			],
-			[Constants_default.LANGUAGE_RO]: [
-				"Dum",
-				"Lun",
-				"Mar",
-				"Mie",
-				"Joi",
-				"Vin",
-				"Sam"
-			]
-		};
-	}
-	static getMonthNames() {
-		return {
-			[Constants_default.LANGUAGE_EN]: [
-				"Jan",
-				"Feb",
-				"Mar",
-				"Apr",
-				"May",
-				"Jun",
-				"Jul",
-				"Aug",
-				"Sep",
-				"Oct",
-				"Nov",
-				"Dec"
-			],
-			[Constants_default.LANGUAGE_RO]: [
-				"Ian",
-				"Feb",
-				"Mar",
-				"Apr",
-				"Mai",
-				"Iun",
-				"Iul",
-				"Aug",
-				"Sep",
-				"Oct",
-				"Noi",
-				"Dec"
-			]
-		};
-	}
-	static commonFormats = [
-		"yyyy-MM-dd HH:mm:ss",
-		"yyyy-MM-dd HH:mm",
-		"yyyy-MM-dd",
-		"MM/dd/yyyy HH:mm:ss",
-		"MM/dd/yyyy HH:mm",
-		"MM/dd/yyyy",
-		"dd/MM/yyyy HH:mm:ss",
-		"dd/MM/yyyy HH:mm",
-		"dd/MM/yyyy",
-		"dd.MM.yyyy HH:mm:ss",
-		"dd.MM.yyyy HH:mm",
-		"dd.MM.yyyy",
-		"yyyy/MM/dd HH:mm:ss",
-		"yyyy/MM/dd HH:mm",
-		"yyyy/MM/dd",
-		"dd-MM-yyyy HH:mm:ss",
-		"dd-MM-yyyy HH:mm",
-		"dd-MM-yyyy",
-		"yyyy-MM-dd h:mm:ss a",
-		"yyyy-MM-dd h:mm a",
-		"MM/dd/yyyy h:mm:ss a",
-		"MM/dd/yyyy h:mm a",
-		"dd/MM/yyyy h:mm:ss a",
-		"dd/MM/yyyy h:mm a"
-	];
-	static getCalendarComponentLanguageData(language) {
-		return {
-			days: DateUtils.getDayNames()[language],
-			months: DateUtils.getMonthNames()[language],
-			placeholder: {},
-			formatLocale: { firstDayOfWeek: this.getCalendarComponentFirstDatOfWeek(language) }
-		};
-	}
-	static getCalendarComponentFirstDatOfWeek(language) {
-		if (language === Constants_default.LANGUAGE_EN) return Constants_default.CALENDAR_FIRST_DAY_OF_WEEK_EN;
-		else return Constants_default.CALENDAR_FIRST_DAY_OF_WEEK_RO;
-	}
-	static get FORMAT_ROMANIAN_DATE() {
-		return "dd.MM.yyyy";
-	}
-	static get FORMAT_ROMANIAN_DATE_HOUR() {
-		return "dd.MM.yyyy HH";
-	}
-	static get FORMAT_ROMANIAN_DATE_HOUR_MINUTE() {
-		return "dd.MM.yyyy HH:mm";
-	}
-	static get FORMAT_ROMANIAN_DATE_HOUR_MINUTE_SECOND() {
-		return "dd.MM.yyyy HH:mm:ss";
-	}
-	static get FORMAT_ENGLISH_DATE() {
-		return "yyyy-MM-dd";
-	}
-	static get FORMAT_ENGLISH_DATE_HOUR() {
-		return "yyyy-MM-dd HH";
-	}
-	static get FORMAT_ENGLISH_DATE_HOUR_MINUTE() {
-		return "yyyy-MM-dd HH:mm";
-	}
-	static get FORMAT_ENGLISH_DATE_HOUR_MINUTE_SECOND() {
-		return "yyyy-MM-dd HH:mm:ss";
-	}
-	static stringToDate(dateString, format = null) {
-		if (!dateString) return null;
-		if (format) return parse$2(dateString, format, /* @__PURE__ */ new Date());
-		for (const format of this.commonFormats) try {
-			const result = parse$2(dateString, format, /* @__PURE__ */ new Date());
-			if (isValid$1(result)) return result;
-		} catch (error) {
-			continue;
-		}
-		const nativeParsed = new Date(dateString);
-		return isValid$1(nativeParsed) ? nativeParsed : null;
-	}
-	static stringFromTo(date, formatFrom = this.FORMAT_ENGLISH_DATE, formatTo = this.FORMAT_ROMANIAN_DATE) {
-		if (!date) return null;
-		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
-	}
-	static dateToString(date, dateFormat = this.FORMAT_ROMANIAN_DATE) {
-		if (!date) return null;
-		return format$1(date, dateFormat);
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static dateToStringWithTime(date, dateFormat = "dd-MM-yyyy HH:mm:ss") {
-		return format$1(date, dateFormat);
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static dateFromTo(date, formatFrom = "yyyy-MM-dd", formatTo = "dd-MM-yyyy") {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		if (!date) return null;
-		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static dateFromToWithTime(date, formatFrom = "yyyy-MM-dd HH:mm:ss", formatTo = "dd-MM-yyyy HH:mm:ss") {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		if (!date) return null;
-		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static stringFromToWithTime(date, formatFrom = "yyyy-MM-dd HH:mm:ss", formatTo = "dd-MM-yyyy HH:mm:ss") {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		if (!date) return null;
-		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static romanianToEnglishDate(dateString) {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		return this.stringFromTo(dateString, "dd-MM-yyyy", "yyyy-MM-dd");
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static romanianToEnglishDateHour(dateString) {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		return this.stringFromTo(dateString, "dd-MM-yyyy HH", "yyyy-MM-dd HH:00");
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static romanianToEnglishDateHourMinute(dateString) {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		return this.stringFromTo(dateString, "dd-MM-yyyy HH:mm", "yyyy-MM-dd HH:mm");
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static romanianToEnglishDateHourMinuteSeconds(dateString) {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		return this.stringFromTo(dateString, "dd-MM-yyyy HH:mm:ss", "yyyy-MM-dd HH:mm:ss");
-	}
-	/**
-	* @deprecated since version 1.9.7
-	*/
-	static englishToRomanianDate(dateString) {
-		console.warn("Warning! Deprecated function from 01.03.2023 called!");
-		return this.stringFromTo(dateString, "yyyy-MM-dd", "dd-MM-yyyy");
-	}
-	/**
-	* @deprecated since version 2.0
-	*/
-	static englishToRomanianDateHour(dateString) {
-		console.warn("Warning! Depricated function from 01.03.2023 called!");
-		return this.stringFromTo(dateString, "yyyy-MM-dd HH:00", "dd-MM-yyyy HH");
-	}
-	/**
-	* @deprecated since version 2.0
-	*/
-	static englishToRomanianDateHourMinute(dateString) {
-		return this.stringFromTo(dateString, "yyyy-MM-dd HH:mm", "dd-MM-yyyy HH:mm");
-	}
-	/**
-	* @deprecated since version 2.0
-	*/
-	static englishToRomanianDateHourMinuteSeconds(dateString) {
-		return this.stringFromTo(dateString, "yyyy-MM-dd HH:mm:ss", "dd-MM-yyyy HH:mm:ss");
-	}
-	static displayInterval(start, end, dateFormat = this.FORMAT_ROMANIAN_DATE) {
-		if (!start && !end) return `Nedeterminata`;
-		if (start && end) return `${DateUtils.dateToString(start, dateFormat)} - ${DateUtils.dateToString(end, dateFormat)}`;
-		if (start) return `>= ${DateUtils.dateToString(start, dateFormat)}`;
-		if (end) return `<= ${DateUtils.dateToString(end, dateFormat)}`;
-	}
-	static isStringDate = (dateString) => {
-		return /^\d{2,4}[-./]\d{1,2}[-./]\d{1,4}([ T]\d{2}:\d{2}(:\d{2}(\.\d+)?(Z|[+-]\d{2}:?\d{2})?)?)?$/.test(dateString);
-	};
-	static stringToDateRecursive = (item, deep = false) => {
-		if (!item) return item;
-		if ((0, import_lodash.isArray)(item)) return item.map((el) => DateUtils.stringToDateRecursive(el, deep));
-		if ((0, import_lodash.isPlainObject)(item)) {
-			for (const key in item) if (Object.prototype.hasOwnProperty.call(item, key)) item[key] = deep ? DateUtils.stringToDateRecursive(item[key], deep) : DateUtils.stringToDateRecursive(item[key]);
-			return item;
-		}
-		if (typeof item === "string") return DateUtils.isStringDate(item) ? DateUtils.stringToDate(item) : item;
-		return item;
-	};
-	static isOlderThan = (timestamp, minutes) => {
-		return Date.now() - timestamp > minutes * 60 * 1e3;
-	};
-	static nextMonth({ month, year }) {
-		const d = new Date(+year, +month);
-		return {
-			month: String(d.getMonth() + 1),
-			year: String(d.getFullYear())
-		};
-	}
-	static previousMonth({ month, year }) {
-		const d = new Date(+year, +month - 2);
-		return {
-			month: String(d.getMonth() + 1),
-			year: String(d.getFullYear())
-		};
-	}
-};
+}, [["__scopeId", "data-v-d1c8386d"]]);
 //#endregion
-//#region src/components/small/app-date-time-picker/AppDateTimePicker.vue
-var _hoisted_1$72 = { class: "flex-center-vertical w-100" };
-var _hoisted_2$53 = { class: "app-form-group-element flex-grow-1 mr-5" };
-var _hoisted_3$36 = { class: "app-form-group-element flex-grow-1" };
-var _hoisted_4$29 = {
-	key: 0,
-	class: "easy-buttons"
-};
-var CODE_SUB_DAY = "subday";
-var CODE_TODAY = "today";
-var CODE_ADD_DAY = "addday";
+//#region src/components/small/app-date-time/AppDateTime.vue
+var _hoisted_1$73 = { class: "flex-center-vertical w-100 gap-1" };
 var _sfc_main$10 = {
-	__name: "AppDateTimePicker",
-	props: {
-		modelValue: {},
-		name: {
-			type: String,
-			default: "app-date-time-picker"
-		},
-		minuteOptions: {
-			type: Array,
-			default: () => {
-				return [{
-					id: 1,
-					value: "00"
-				}, {
-					id: 2,
-					value: "30"
-				}];
-			}
-		},
-		dateClass: { default: "flex-1" },
-		timeClass: { default: "flex-1" },
-		valueType: {
-			type: String,
-			default: "date"
-		},
-		format: {
-			type: String,
-			default: "YYYY-MM-DD"
-		},
-		...appDatePickerProps_default,
+	__name: "AppDateTime",
+	props: /*@__PURE__*/ mergeModels({
+		...props$1,
+		...props,
 		...appFormElementProps_default
-	},
-	emits: ["update:modelValue", "input"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
+	}, {
+		"modelValue": { type: Date },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		const props = createPropsRestProxy(__props, ["modelValue"]);
 		const { formElementProps } = useAppFormElement(props);
-		const localValue = ref(null);
-		const localDate = ref(null);
-		const localTime = ref(null);
-		ref([
-			{
-				value: "-1",
-				code: CODE_SUB_DAY
-			},
-			{
-				value: "Astazi",
-				code: CODE_TODAY
-			},
-			{
-				value: "+1",
-				code: CODE_ADD_DAY
+		const date = computed({
+			get: () => modelValue.value,
+			set: (value) => {
+				modelValue.value = value && new Date(value.getFullYear(), value.getMonth(), value.getDate(), modelValue.value?.getHours() ?? 0, modelValue.value?.getMinutes() ?? 0, modelValue.value?.getSeconds() ?? 0);
 			}
-		]);
-		const computedDisabled = computed(() => {
-			return !localDate.value || props.disabled;
 		});
-		const setLocalDate = () => {
-			if (localValue.value) localDate.value = startOfDay$1(localValue.value);
-		};
-		const setLocalTime = () => {
-			if (localValue.value) localTime.value = DateUtils.dateToString(localValue.value, "HH:mm");
-		};
-		const onInput = () => {
-			if (!localValue.value) emits("update:modelValue", null);
-			if (!localTime.value || !localDate.value) return;
-			emits("update:modelValue", localValue.value);
-		};
-		watch(() => localTime.value, (newValue, oldValue) => {
-			if ((0, import_lodash.isEqual)(newValue, oldValue) || !newValue) return;
-			let localDateFormatted = DateUtils.dateToString(localDate.value, DateUtils.FORMAT_ENGLISH_DATE);
-			localValue.value = DateUtils.stringToDate(`${localDateFormatted} ${newValue}`, DateUtils.FORMAT_ENGLISH_DATE_HOUR_MINUTE);
-		});
-		watch(() => localDate.value, (newValue, oldValue) => {
-			if ((0, import_lodash.isEqual)(newValue, oldValue)) return;
-			if (!localDate.value && localTime.value) {
-				localTime.value = null;
-				localValue.value = null;
-				return;
+		const time = computed({
+			get: () => {
+				const result = modelValue.value?.toTimeString().slice(0, props.format.length) ?? null;
+				console.log({ result });
+				return result;
+			},
+			set: (value) => {
+				if (!value) return modelValue.value = null;
+				const [hours, minutes = 0, seconds = 0] = value.split(":");
+				const date = new Date(modelValue.value ?? /* @__PURE__ */ new Date());
+				date.setHours(hours, minutes, seconds, 0);
+				modelValue.value = date;
 			}
-			let localValueNew = (0, import_lodash.cloneDeep)(localValue.value) ?? startOfDay$1(/* @__PURE__ */ new Date());
-			localValueNew.setFullYear(newValue.getFullYear(), newValue.getMonth(), newValue.getDate());
-			localValue.value = localValueNew;
 		});
-		watch(() => localValue.value, (newValue, oldValue) => {
-			if ((0, import_lodash.isEqual)(newValue, oldValue)) return;
-			setLocalDate();
-			setLocalTime();
-			onInput();
-		}, { immediate: true });
-		const setLocalValue = (value) => {
-			if (!value) {
-				localValue.value = null;
-				return;
-			}
-			if (value instanceof Date) {
-				localValue.value = (0, import_lodash.cloneDeep)(value);
-				setLocalDate();
-				setLocalTime();
-			} else {
-				localDate.value = startOfDay$1(/* @__PURE__ */ new Date());
-				localTime.value = DateUtils.dateToString(localDate.value, "HH:mm");
-			}
-		};
-		watch(() => props.modelValue, (newValue, oldValue) => {
-			if ((0, import_lodash.isEqual)(newValue, oldValue)) return;
-			setLocalValue(props.modelValue);
-			onInput();
-		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), {
 				"help-block": withCtx(() => [renderSlot(_ctx.$slots, "help-block")]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$72, [
-					createElementVNode("div", _hoisted_2$53, [createVNode(_sfc_main$114, {
-						modelValue: localDate.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localDate.value = $event),
-						"current-format": "dd.MM.yyyy",
-						disabled: _ctx.disabled,
-						"show-day-of-week": _ctx.showDayOfWeek,
-						"input-only": true
-					}, null, 8, [
-						"modelValue",
-						"disabled",
-						"show-day-of-week"
-					])]),
-					createElementVNode("div", _hoisted_3$36, [createVNode(AppTimePicker_default, {
-						ref: "timePicker",
-						modelValue: localTime.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => localTime.value = $event),
-						disabled: computedDisabled.value,
-						"minute-options": __props.minuteOptions,
-						"input-only": true
-					}, null, 8, [
-						"modelValue",
-						"disabled",
-						"minute-options"
-					])]),
-					_ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_4$29, [createVNode(_sfc_main$116, {
-						modelValue: localValue.value,
-						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => localValue.value = $event)
-					}, null, 8, ["modelValue"])])) : createCommentVNode("", true)
-				])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$73, [createVNode(AppDate_default, mergeProps({
+					modelValue: date.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date.value = $event)
+				}, {
+					..._ctx.$attrs,
+					...props
+				}, {
+					class: "app-form-group-element flex-1",
+					"input-only": true
+				}), null, 16, ["modelValue"]), createVNode(AppTime_default, mergeProps({
+					modelValue: time.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => time.value = $event)
+				}, {
+					..._ctx.$attrs,
+					...props
+				}, {
+					class: "app-form-group-element flex-1",
+					disabled: !modelValue.value || props.disabled,
+					"input-only": true
+				}), null, 16, ["modelValue", "disabled"])])]),
 				_: 3
 			}, 16);
 		};
@@ -66777,11 +66252,11 @@ var IconSquareCheckFilled = createVueComponent("filled", "square-check-filled",
 */
 //#endregion
 //#region src/components/small/app-drawer/AppDrawer.vue
-var _hoisted_1$71 = { class: "display-flex-column h-100" };
-var _hoisted_2$52 = { class: "flex-center-vertical w-100 p-3" };
-var _hoisted_3$35 = { class: "flex-1" };
-var _hoisted_4$28 = { class: "font-600 text-size-14" };
-var _hoisted_5$21 = { class: "p-20 flex-1 w-100" };
+var _hoisted_1$72 = { class: "display-flex-column h-100" };
+var _hoisted_2$53 = { class: "flex-center-vertical w-100 p-3" };
+var _hoisted_3$36 = { class: "flex-1" };
+var _hoisted_4$29 = { class: "font-600 text-size-14" };
+var _hoisted_5$22 = { class: "p-20 flex-1 w-100" };
 var AppDrawer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "AppDrawer",
 	props: /*@__PURE__*/ mergeModels({
@@ -66832,26 +66307,26 @@ var AppDrawer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				ref: drawer,
 				class: normalizeClass(["filter-sidebar", drawerClass.value]),
 				style: normalizeStyle(drawerStyle.value)
-			}, [createElementVNode("div", _hoisted_1$71, [
-				createElementVNode("div", _hoisted_2$52, [createElementVNode("div", _hoisted_3$35, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("div", _hoisted_4$28, toDisplayString(__props.title), 1)], true)]), createVNode(unref(IconX), {
+			}, [createElementVNode("div", _hoisted_1$72, [
+				createElementVNode("div", _hoisted_2$53, [createElementVNode("div", _hoisted_3$36, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("div", _hoisted_4$29, toDisplayString(__props.title), 1)], true)]), createVNode(unref(IconX), {
 					size: 24,
 					stroke: 1.5,
 					class: "cursor-pointer",
 					onClick: hide
 				})]),
 				_cache[0] || (_cache[0] = createElementVNode("hr", { class: "mb-5 mt-0 w-100" }, null, -1)),
-				createElementVNode("div", _hoisted_5$21, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
+				createElementVNode("div", _hoisted_5$22, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
 			])], 6)]);
 		};
 	}
 }, [["__scopeId", "data-v-7b902216"]]);
 //#endregion
 //#region src/components/small/app-table/AppTableFilterDrawer.vue
-var _hoisted_1$70 = { class: "display-flex-column h-100" };
-var _hoisted_2$51 = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
-var _hoisted_3$34 = { class: "flex-1 mb-10" };
-var _hoisted_4$27 = { class: "mb-0" };
-var _hoisted_5$20 = { class: "p-20 flex-1 w-100" };
+var _hoisted_1$71 = { class: "display-flex-column h-100" };
+var _hoisted_2$52 = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
+var _hoisted_3$35 = { class: "flex-1 mb-10" };
+var _hoisted_4$28 = { class: "mb-0" };
+var _hoisted_5$21 = { class: "p-20 flex-1 w-100" };
 var _hoisted_6$13 = { class: "flex-center p-10 w-100 gap-1" };
 var AppTableFilterDrawer_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "AppTableFilterDrawer",
@@ -66914,13 +66389,13 @@ var AppTableFilterDrawer_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				createElementVNode("div", {
 					ref: "drawer",
 					class: normalizeClass(["filter-sidebar", { active: isExpanded.value }])
-				}, [createElementVNode("div", _hoisted_1$70, [
-					createElementVNode("div", _hoisted_2$51, [createElementVNode("div", _hoisted_3$34, [createElementVNode("h4", _hoisted_4$27, toDisplayString(__props.title), 1)]), createElementVNode("i", {
+				}, [createElementVNode("div", _hoisted_1$71, [
+					createElementVNode("div", _hoisted_2$52, [createElementVNode("div", _hoisted_3$35, [createElementVNode("h4", _hoisted_4$28, toDisplayString(__props.title), 1)]), createElementVNode("i", {
 						class: "icon-x cursor-pointer",
 						onClick: toggleDrawer
 					})]),
 					_cache[0] || (_cache[0] = createElementVNode("hr", { class: "mb-5 mt-0 w-100" }, null, -1)),
-					createElementVNode("div", _hoisted_5$20, [renderSlot(_ctx.$slots, "content", {}, void 0, true)]),
+					createElementVNode("div", _hoisted_5$21, [renderSlot(_ctx.$slots, "content", {}, void 0, true)]),
 					_cache[1] || (_cache[1] = createElementVNode("hr", { class: "mb-5 mt-0 w-100" }, null, -1)),
 					createElementVNode("div", _hoisted_6$13, [createVNode(_sfc_main$3, {
 						class: "btn-default",
@@ -67389,7 +66864,7 @@ var isNumeric = (value) => {
 };
 //#endregion
 //#region src/components/small/app-file/AppFileDropZone.vue
-var _sfc_main$106 = {
+var _sfc_main$107 = {
 	__name: "AppFileDropZone",
 	emits: ["files-dropped"],
 	setup(__props, { emit: __emit }) {
@@ -67435,11 +66910,11 @@ var _sfc_main$106 = {
 };
 //#endregion
 //#region src/components/small/app-modal/AppModal.vue
-var _hoisted_1$69 = {
+var _hoisted_1$70 = {
 	class: "app-modal-overlay",
 	style: { "z-index": "99999" }
 };
-var _hoisted_2$50 = {
+var _hoisted_2$51 = {
 	"aria-modal": "true",
 	class: "modal fade show display-block",
 	tabindex: "-1"
@@ -67553,7 +67028,7 @@ var AppModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Transition, { name: "fadeHeight" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1$69, [createElementVNode("div", _hoisted_2$50, [createElementVNode("div", {
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1$70, [createElementVNode("div", _hoisted_2$51, [createElementVNode("div", {
 					ref_key: "modal",
 					ref: modal,
 					style: normalizeStyle(modalStyle.value),
@@ -67569,15 +67044,15 @@ var AppModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-4065aede"]]);
 //#endregion
 //#region src/components/small/app-alert-modal/AppAlertModal.vue
-var _hoisted_1$68 = { class: "app-alert-modal rounded-3 shadow p-3" };
-var _hoisted_2$49 = { class: "mb-2 fw-semibold" };
-var _hoisted_3$33 = ["innerHTML"];
-var _hoisted_4$26 = {
+var _hoisted_1$69 = { class: "app-alert-modal rounded-3 shadow p-3" };
+var _hoisted_2$50 = { class: "mb-2 fw-semibold" };
+var _hoisted_3$34 = ["innerHTML"];
+var _hoisted_4$27 = {
 	key: 1,
 	class: "mb-0 app-alert-modal-text"
 };
-var _hoisted_5$19 = { class: "d-flex justify-content-end gap-2 mt-4" };
-var _sfc_main$104 = {
+var _hoisted_5$20 = { class: "d-flex justify-content-end gap-2 mt-4" };
+var _sfc_main$105 = {
 	__name: "AppAlertModal",
 	props: {
 		title: {
@@ -67652,11 +67127,11 @@ var _sfc_main$104 = {
 				class: "app-modal-content",
 				onHide: onCancel
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$68, [createElementVNode("div", null, [createElementVNode("h5", _hoisted_2$49, toDisplayString(__props.title), 1), __props.html ? (openBlock(), createElementBlock("div", {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$69, [createElementVNode("div", null, [createElementVNode("h5", _hoisted_2$50, toDisplayString(__props.title), 1), __props.html ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: "app-alert-modal-text",
 					innerHTML: __props.text
-				}, null, 8, _hoisted_3$33)) : (openBlock(), createElementBlock("p", _hoisted_4$26, toDisplayString(__props.text), 1))]), createElementVNode("div", _hoisted_5$19, [__props.showCancelButton ? (openBlock(), createBlock(_sfc_main$3, {
+				}, null, 8, _hoisted_3$34)) : (openBlock(), createElementBlock("p", _hoisted_4$27, toDisplayString(__props.text), 1))]), createElementVNode("div", _hoisted_5$20, [__props.showCancelButton ? (openBlock(), createBlock(_sfc_main$3, {
 					key: 0,
 					class: "btn app-alert-cancel-btn border",
 					onClick: onCancel
@@ -67720,7 +67195,7 @@ var UIUtils = class {
 					container.remove();
 				}, 300);
 			};
-			render(h(_sfc_main$104, {
+			render(h(_sfc_main$105, {
 				...options,
 				resolve: (value) => {
 					resolve(value);
@@ -67732,11 +67207,11 @@ var UIUtils = class {
 };
 //#endregion
 //#region src/components/small/app-toast/AppToastCard.vue
-var _hoisted_1$67 = {
+var _hoisted_1$68 = {
 	key: 0,
 	class: "fw-semibold"
 };
-var _sfc_main$103 = {
+var _sfc_main$104 = {
 	__name: "AppToastCard",
 	props: {
 		item: {
@@ -67780,7 +67255,7 @@ var _sfc_main$103 = {
 			}, [__props.item.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.item.component), mergeProps({ key: 0 }, __props.item.props, {
 				toast: __props.item,
 				close
-			}), null, 16, ["toast"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.item.title ? (openBlock(), createElementBlock("div", _hoisted_1$67, toDisplayString(__props.item.title), 1)) : createCommentVNode("", true), __props.item.message ? (openBlock(), createElementBlock("div", mergeProps({
+			}), null, 16, ["toast"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.item.title ? (openBlock(), createElementBlock("div", _hoisted_1$68, toDisplayString(__props.item.title), 1)) : createCommentVNode("", true), __props.item.message ? (openBlock(), createElementBlock("div", mergeProps({
 				key: 1,
 				class: { "small mt-1": __props.item.title }
 			}, isHtml(__props.item.message) ? { innerHTML: __props.item.message } : {}), [!isHtml(__props.item.message) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.item.message), 1)], 64)) : createCommentVNode("", true)], 16)) : createCommentVNode("", true)], 64))], 4), __props.item.isClosable ? (openBlock(), createElementBlock("button", {
@@ -67798,7 +67273,7 @@ var _sfc_main$103 = {
 };
 //#endregion
 //#region src/components/small/app-toast/AppToastContainer.vue
-var _sfc_main$102 = {
+var _sfc_main$103 = {
 	__name: "AppToastContainer",
 	setup(__props) {
 		const { positions, positionStyle, getVisibleToasts, getPositionClasses, getToastClass, getContainerHoverStyle, getCombinedToastStyle, isContentHidden, onMeasure, pauseAll, resumeAll } = useToastLayout();
@@ -67815,7 +67290,7 @@ var _sfc_main$102 = {
 					onMouseenter: _cache[0] || (_cache[0] = (...args) => unref(pauseAll) && unref(pauseAll)(...args)),
 					onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(resumeAll) && unref(resumeAll)(...args))
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(getVisibleToasts)(position), (item, index) => {
-					return openBlock(), createBlock(_sfc_main$103, {
+					return openBlock(), createBlock(_sfc_main$104, {
 						key: item.id,
 						item,
 						"toast-class": unref(getToastClass)(item),
@@ -67866,7 +67341,7 @@ function ensureMounted() {
 		container.id = "app-toast-root";
 		document.body.appendChild(container);
 	}
-	render(h(_sfc_main$102), container);
+	render(h(_sfc_main$103), container);
 	mounted = true;
 }
 function createId() {
@@ -68279,7 +67754,7 @@ var typeOfTest = (type) => (thing) => typeof thing === type;
 *
 * @returns {boolean} True if value is an Array, otherwise false
 */
-var { isArray: isArray$3 } = Array;
+var { isArray: isArray$4 } = Array;
 /**
 * Determine if a value is undefined
 *
@@ -68349,7 +67824,7 @@ var isNumber = typeOfTest("number");
 *
 * @returns {boolean} True if value is an Object, otherwise false
 */
-var isObject$11 = (thing) => thing !== null && typeof thing === "object";
+var isObject$12 = (thing) => thing !== null && typeof thing === "object";
 /**
 * Determine if a value is a Boolean
 *
@@ -68364,7 +67839,7 @@ var isBoolean = (thing) => thing === true || thing === false;
 *
 * @returns {boolean} True if value is a plain Object, otherwise false
 */
-var isPlainObject = (val) => {
+var isPlainObject$1 = (val) => {
 	if (kindOf(val) !== "object") return false;
 	const prototype = getPrototypeOf(val);
 	return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in val) && !(Symbol.iterator in val);
@@ -68408,7 +67883,7 @@ var isFileList = kindOfTest("FileList");
 *
 * @returns {boolean} True if value is a Stream, otherwise false
 */
-var isStream = (val) => isObject$11(val) && isFunction(val.pipe);
+var isStream = (val) => isObject$12(val) && isFunction(val.pipe);
 /**
 * Determine if a value is a FormData
 *
@@ -68462,7 +67937,7 @@ function forEach$2(obj, fn, { allOwnKeys = false } = {}) {
 	let i;
 	let l;
 	if (typeof obj !== "object") obj = [obj];
-	if (isArray$3(obj)) for (i = 0, l = obj.length; i < l; i++) fn.call(null, obj[i], i, obj);
+	if (isArray$4(obj)) for (i = 0, l = obj.length; i < l; i++) fn.call(null, obj[i], i, obj);
 	else {
 		const keys = allOwnKeys ? Object.getOwnPropertyNames(obj) : Object.keys(obj);
 		const len = keys.length;
@@ -68512,9 +67987,9 @@ function merge$1() {
 	const result = {};
 	const assignValue = (val, key) => {
 		const targetKey = caseless && findKey$1(result, key) || key;
-		if (isPlainObject(result[targetKey]) && isPlainObject(val)) result[targetKey] = merge$1(result[targetKey], val);
-		else if (isPlainObject(val)) result[targetKey] = merge$1({}, val);
-		else if (isArray$3(val)) result[targetKey] = val.slice();
+		if (isPlainObject$1(result[targetKey]) && isPlainObject$1(val)) result[targetKey] = merge$1(result[targetKey], val);
+		else if (isPlainObject$1(val)) result[targetKey] = merge$1({}, val);
+		else if (isArray$4(val)) result[targetKey] = val.slice();
 		else result[targetKey] = val;
 	};
 	for (let i = 0, l = arguments.length; i < l; i++) arguments[i] && forEach$2(arguments[i], assignValue);
@@ -68618,7 +68093,7 @@ var endsWith = (str, searchString, position) => {
 */
 var toArray$1 = (thing) => {
 	if (!thing) return null;
-	if (isArray$3(thing)) return thing;
+	if (isArray$4(thing)) return thing;
 	let i = thing.length;
 	if (!isNumber(i)) return null;
 	const arr = new Array(i);
@@ -68722,7 +68197,7 @@ var toObjectSet = (arrayOrString, delimiter) => {
 			obj[value] = true;
 		});
 	};
-	isArray$3(arrayOrString) ? define(arrayOrString) : define(String(arrayOrString).split(delimiter));
+	isArray$4(arrayOrString) ? define(arrayOrString) : define(String(arrayOrString).split(delimiter));
 	return obj;
 };
 var noop$1 = () => {};
@@ -68742,11 +68217,11 @@ function isSpecCompliantForm(thing) {
 var toJSONObject = (obj) => {
 	const stack = new Array(10);
 	const visit = (source, i) => {
-		if (isObject$11(source)) {
+		if (isObject$12(source)) {
 			if (stack.indexOf(source) >= 0) return;
 			if (!("toJSON" in source)) {
 				stack[i] = source;
-				const target = isArray$3(source) ? [] : {};
+				const target = isArray$4(source) ? [] : {};
 				forEach$2(source, (value, key) => {
 					const reducedValue = visit(value, i + 1);
 					!isUndefined(reducedValue) && (target[key] = reducedValue);
@@ -68760,7 +68235,7 @@ var toJSONObject = (obj) => {
 	return visit(obj, 0);
 };
 var isAsyncFn = kindOfTest("AsyncFunction");
-var isThenable = (thing) => thing && (isObject$11(thing) || isFunction(thing)) && isFunction(thing.then) && isFunction(thing.catch);
+var isThenable = (thing) => thing && (isObject$12(thing) || isFunction(thing)) && isFunction(thing.then) && isFunction(thing.catch);
 var _setImmediate = ((setImmediateSupported, postMessageSupported) => {
 	if (setImmediateSupported) return setImmediate;
 	return postMessageSupported ? ((token, callbacks) => {
@@ -68774,7 +68249,7 @@ var _setImmediate = ((setImmediateSupported, postMessageSupported) => {
 	})(`axios@${Math.random()}`, []) : (cb) => setTimeout(cb);
 })(typeof setImmediate === "function", isFunction(_global.postMessage));
 var utils_default = {
-	isArray: isArray$3,
+	isArray: isArray$4,
 	isArrayBuffer,
 	isBuffer,
 	isFormData,
@@ -68782,8 +68257,8 @@ var utils_default = {
 	isString: isString$1,
 	isNumber,
 	isBoolean,
-	isObject: isObject$11,
-	isPlainObject,
+	isObject: isObject$12,
+	isPlainObject: isPlainObject$1,
 	isReadableStream,
 	isRequest,
 	isResponse,
@@ -71123,14 +70598,14 @@ var fileStatus = {
 };
 //#endregion
 //#region src/components/small/app-file/AppFileItem.vue
-var _hoisted_1$66 = { class: "flex-center-vertical" };
-var _hoisted_2$48 = { key: 0 };
-var _hoisted_3$32 = {
+var _hoisted_1$67 = { class: "flex-center-vertical" };
+var _hoisted_2$49 = { key: 0 };
+var _hoisted_3$33 = {
 	key: 1,
 	class: "file-action-button flex-1 mr-10"
 };
-var _hoisted_4$25 = { class: "ph-eye" };
-var _hoisted_5$18 = { class: "ph-download" };
+var _hoisted_4$26 = { class: "ph-eye" };
+var _hoisted_5$19 = { class: "ph-download" };
 var _hoisted_6$12 = { class: "ph-x-circle" };
 var AppFileItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "AppFileItem",
@@ -71177,23 +70652,23 @@ var AppFileItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		});
 		return (_ctx, _cache) => {
 			const _directive_tippy = resolveDirective("tippy");
-			return openBlock(), createElementBlock("div", _hoisted_1$66, [
+			return openBlock(), createElementBlock("div", _hoisted_1$67, [
 				createElementVNode("i", {
 					class: normalizeClass([mediaIconClass.value, "mr-10"]),
 					style: { "font-size": "22px" }
 				}, null, 2),
-				__props.file ? (openBlock(), createElementBlock("div", _hoisted_2$48, toDisplayString(filename.value), 1)) : createCommentVNode("", true),
-				__props.file ? (openBlock(), createElementBlock("div", _hoisted_3$32, [
+				__props.file ? (openBlock(), createElementBlock("div", _hoisted_2$49, toDisplayString(filename.value), 1)) : createCommentVNode("", true),
+				__props.file ? (openBlock(), createElementBlock("div", _hoisted_3$33, [
 					props.showPreview ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "ml-5 mr-5 action-icon",
 						onClick: _cache[0] || (_cache[0] = () => emits("preview", __props.file))
-					}, [withDirectives(createElementVNode("i", _hoisted_4$25, null, 512), [[_directive_tippy, "Vizualizați fișierul"]])])) : createCommentVNode("", true),
+					}, [withDirectives(createElementVNode("i", _hoisted_4$26, null, 512), [[_directive_tippy, "Vizualizați fișierul"]])])) : createCommentVNode("", true),
 					props.showDownload ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						class: "ml-5 mr-5 action-icon",
 						onClick: _cache[1] || (_cache[1] = () => emits("download", __props.file))
-					}, [withDirectives(createElementVNode("i", _hoisted_5$18, null, 512), [[_directive_tippy, "Descărcați fișierul"]])])) : createCommentVNode("", true),
+					}, [withDirectives(createElementVNode("i", _hoisted_5$19, null, 512), [[_directive_tippy, "Descărcați fișierul"]])])) : createCommentVNode("", true),
 					!__props.disabled ? (openBlock(), createElementBlock("div", {
 						key: 2,
 						class: "ml-5 mr-5 action-icon",
@@ -71206,17 +70681,17 @@ var AppFileItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-307075d7"]]);
 //#endregion
 //#region src/components/small/app-file/AppFileInput.vue
-var _hoisted_1$65 = { class: "flex-center-vertical" };
-var _hoisted_2$47 = {
+var _hoisted_1$66 = { class: "flex-center-vertical" };
+var _hoisted_2$48 = {
 	key: 0,
 	class: "flex-1"
 };
-var _hoisted_3$31 = {
+var _hoisted_3$32 = {
 	key: 1,
 	class: "flex-1"
 };
-var _hoisted_4$24 = { class: "btn-group" };
-var _hoisted_5$17 = ["accept", "disabled"];
+var _hoisted_4$25 = { class: "btn-group" };
+var _hoisted_5$18 = ["accept", "disabled"];
 var AppFileInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 	__name: "AppFileInput",
 	props: /*@__PURE__*/ mergeModels({
@@ -71287,7 +70762,7 @@ var AppFileInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			isLoading.value = false;
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$65, [!isMediaEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_2$47, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(import_lodash.isArray)(media.value) ? media.value : [media.value], (file) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$66, [!isMediaEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_2$48, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(import_lodash.isArray)(media.value) ? media.value : [media.value], (file) => {
 				return openBlock(), createBlock(AppFileItem_default, {
 					key: file.id,
 					file,
@@ -71307,7 +70782,7 @@ var AppFileInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 					"onDownload",
 					"onPreview"
 				]);
-			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_3$31, toDisplayString(__props.disabled ? "Nu a fost ales niciun fișier." : "Alegeți un fișier."), 1)), createElementVNode("div", _hoisted_4$24, [!__props.disabled ? (openBlock(), createElementBlock("div", {
+			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_3$32, toDisplayString(__props.disabled ? "Nu a fost ales niciun fișier." : "Alegeți un fișier."), 1)), createElementVNode("div", _hoisted_4$25, [!__props.disabled ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "btn-container",
 				onClick: confirm
@@ -71319,7 +70794,7 @@ var AppFileInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				type: "file",
 				style: { "display": "none" },
 				onChange: uploadFile
-			}, null, 40, _hoisted_5$17), _cache[0] || (_cache[0] = createElementVNode("div", { class: "btn btn-primary text-capitalize font-500" }, [createElementVNode("i", {
+			}, null, 40, _hoisted_5$18), _cache[0] || (_cache[0] = createElementVNode("div", { class: "btn btn-primary text-capitalize font-500" }, [createElementVNode("i", {
 				class: "ph-upload",
 				style: { "font-size": "16px" }
 			}), createElementVNode("span", { class: "ml-5" }, "Încarcă")], -1))])) : createCommentVNode("", true), !isMediaEmpty.value && __props.isMultiple ? (openBlock(), createElementBlock("div", {
@@ -71332,16 +70807,16 @@ var AppFileInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 }, [["__scopeId", "data-v-c5bb432b"]]);
 //#endregion
 //#region src/components/small/app-overlay/AppOverlay.vue
-var _sfc_main$99 = {};
-var _hoisted_1$64 = { class: "blockUI blockOverlay" };
+var _sfc_main$100 = {};
+var _hoisted_1$65 = { class: "blockUI blockOverlay" };
 function _sfc_render$2(_ctx, _cache) {
-	return openBlock(), createElementBlock("div", _hoisted_1$64, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
+	return openBlock(), createElementBlock("div", _hoisted_1$65, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-var AppOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$99, [["render", _sfc_render$2], ["__scopeId", "data-v-07e2c47c"]]);
+var AppOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$100, [["render", _sfc_render$2], ["__scopeId", "data-v-07e2c47c"]]);
 //#endregion
 //#region src/components/small/app-loading-overlay/AppLoadingOverlay.vue
-var _hoisted_1$63 = { class: "w-100 h-100 flex-center" };
-var _hoisted_2$46 = {
+var _hoisted_1$64 = { class: "w-100 h-100 flex-center" };
+var _hoisted_2$47 = {
 	key: 0,
 	class: "icon-spinner11 spinner"
 };
@@ -71354,7 +70829,7 @@ var _sfc_main$26 = {
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(AppOverlay_default, null, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$63, [__props.showIcon ? (openBlock(), createElementBlock("i", _hoisted_2$46)) : createCommentVNode("", true)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$64, [__props.showIcon ? (openBlock(), createElementBlock("i", _hoisted_2$47)) : createCommentVNode("", true)])]),
 				_: 1
 			});
 		};
@@ -71362,7 +70837,7 @@ var _sfc_main$26 = {
 };
 //#endregion
 //#region src/components/small/app-file/AppFile.vue
-var _hoisted_1$62 = { class: "form-control" };
+var _hoisted_1$63 = { class: "form-control" };
 var _sfc_main$14 = {
 	__name: "AppFile",
 	props: /*@__PURE__*/ mergeModels({
@@ -71447,7 +70922,7 @@ var _sfc_main$14 = {
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), {
-				default: withCtx(() => [__props.isLoading ? (openBlock(), createBlock(_sfc_main$26, { key: 0 })) : createCommentVNode("", true), createElementVNode("div", _hoisted_1$62, [createVNode(_sfc_main$106, { onFilesDropped: addFiles }, {
+				default: withCtx(() => [__props.isLoading ? (openBlock(), createBlock(_sfc_main$26, { key: 0 })) : createCommentVNode("", true), createElementVNode("div", _hoisted_1$63, [createVNode(_sfc_main$107, { onFilesDropped: addFiles }, {
 					default: withCtx(({ dropZoneActive }) => [createVNode(AppFileInput_default, {
 						modelValue: files.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
@@ -71477,14 +70952,14 @@ var _sfc_main$14 = {
 };
 //#endregion
 //#region src/components/small/app-form-repeater/AppFormRepeater.vue
-var _hoisted_1$61 = { class: "display-flex align-items-center" };
-var _hoisted_2$45 = { class: "display-flex pl-10" };
-var _hoisted_3$30 = {
+var _hoisted_1$62 = { class: "display-flex align-items-center" };
+var _hoisted_2$46 = { class: "display-flex pl-10" };
+var _hoisted_3$31 = {
 	key: 1,
 	class: "card list app-form-repeater-list'"
 };
-var _hoisted_4$23 = { class: "d-flex py-2 px-1" };
-var _hoisted_5$16 = { class: "flex-center mx-2" };
+var _hoisted_4$24 = { class: "d-flex py-2 px-1" };
+var _hoisted_5$17 = { class: "flex-center mx-2" };
 var _hoisted_6$11 = { class: "px-1" };
 var _hoisted_7$6 = { class: "flex-grow-1" };
 var _hoisted_8$5 = { class: "display-flex align-items-center" };
@@ -71599,11 +71074,11 @@ var _sfc_main$19 = {
 						type: "list",
 						onIsCollapsedChanged: (isCollapsed) => handleIsCollapsedChange(index, isCollapsed)
 					}, {
-						title: withCtx(() => [createElementVNode("div", _hoisted_1$61, [!__props.disabled && __props.isDraggable ? (openBlock(), createBlock(unref(IconMenu2), {
+						title: withCtx(() => [createElementVNode("div", _hoisted_1$62, [!__props.disabled && __props.isDraggable ? (openBlock(), createBlock(unref(IconMenu2), {
 							key: 0,
 							size: 22,
 							class: "drag-handle"
-						})) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$45, [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps({
+						})) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$46, [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps({
 							element,
 							index,
 							removeItemAtIndex
@@ -71633,8 +71108,8 @@ var _sfc_main$19 = {
 						"can-collapse",
 						"is-collapsed",
 						"onIsCollapsedChanged"
-					])) : (openBlock(), createElementBlock("div", _hoisted_3$30, [createElementVNode("div", _hoisted_4$23, [
-						createElementVNode("div", _hoisted_5$16, [!__props.disabled && __props.isDraggable ? (openBlock(), createBlock(unref(IconMenu2), {
+					])) : (openBlock(), createElementBlock("div", _hoisted_3$31, [createElementVNode("div", _hoisted_4$24, [
+						createElementVNode("div", _hoisted_5$17, [!__props.disabled && __props.isDraggable ? (openBlock(), createBlock(unref(IconMenu2), {
 							key: 0,
 							size: 22,
 							class: "drag-handle"
@@ -71689,6 +71164,214 @@ var _sfc_main$19 = {
 	}
 };
 //#endregion
+//#region src/components/small/app-grid-picker/AppGridPicker.vue
+var _hoisted_1$61 = { class: "w-100 position-relative cursor-pointer" };
+var _hoisted_2$45 = ["placeholder"];
+var _hoisted_3$30 = {
+	key: 1,
+	class: "flex-1 input-placeholder"
+};
+var _hoisted_4$23 = {
+	key: 2,
+	class: "form-control-feedback-icon clear-button"
+};
+var _hoisted_5$16 = ["onClick"];
+var AppGridPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
+	__name: "AppGridPicker",
+	props: /*@__PURE__*/ mergeModels({
+		options: {
+			type: Array,
+			required: true
+		},
+		displayBy: {
+			type: [String],
+			default: "name"
+		},
+		openDirection: {
+			type: String,
+			default: "bottom"
+		},
+		columns: {
+			type: Number,
+			default: 4
+		},
+		width: {
+			type: Number,
+			default: 200
+		},
+		height: {
+			type: Number,
+			default: 500
+		},
+		showRemoveButtons: {
+			type: Boolean,
+			default: true
+		},
+		isTypeable: {
+			type: Boolean,
+			default: true
+		},
+		search: { type: Function },
+		isItemSelected: {},
+		...appFormElementProps_default
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["close", "search"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const modelValue = useModel(__props, "modelValue");
+		const props = __props;
+		const emits = __emit;
+		ref("100%");
+		const showGrid = ref(false);
+		const input = ref(null);
+		const grid = ref(null);
+		const searchValue = ref(null);
+		const searchField = ref(null);
+		const filteredOptions = ref((0, import_lodash.cloneDeep)(props.options));
+		const { formElementProps } = useAppFormElement(props);
+		const heightComputed = computed(() => {
+			const rows = Math.ceil(filteredOptions.value.length / props.columns);
+			return (0, import_lodash.min)([props.width / props.columns * rows, props.height]);
+		});
+		computed(() => {
+			return {
+				width: props.width + "px",
+				height: heightComputed.value + "px"
+			};
+		});
+		const cellStyle = computed(() => {
+			const width = props.width / props.columns;
+			return {
+				width: width + "px",
+				height: width + "px"
+			};
+		});
+		const open = () => {
+			if (props.disabled) return;
+			showGrid.value = true;
+			if (props.isTypeable) nextTick(() => searchField.value.focus());
+		};
+		const close = () => {
+			showGrid.value = false;
+			emits("close");
+		};
+		const onSelectValue = (element, index) => {
+			modelValue.value = element;
+			close();
+		};
+		const getDisplayValue = (value) => {
+			if ((0, import_lodash.isObject)(value)) return (0, import_lodash.get)(value, props.displayBy, null);
+			return value;
+		};
+		const getActiveClass = (element) => {
+			return { active: (0, import_lodash.isEqual)(element, modelValue.value) };
+		};
+		const onDeleteInput = () => {
+			modelValue.value = null;
+		};
+		useClickOutside({
+			target: grid,
+			handler: () => {
+				if (!showGrid.value) return;
+				close();
+			},
+			isOpen: showGrid,
+			ignore: [input, searchField]
+		});
+		const inputClass = computed(() => ({
+			"w-100 form-control": true,
+			disabled: props.disabled
+		}));
+		const getFilteredOptions = async (search = "") => {
+			if (props.search) return await props.search(props.options, search);
+			if (!search || search.length === 0) return props.options;
+			return props.options.filter((item) => {
+				let itemName = (0, import_lodash.isObject)(item) ? (0, import_lodash.get)(item, props.displayBy, "") : item;
+				itemName = String(itemName).toLowerCase();
+				return itemName.includes(search.toLowerCase());
+			});
+		};
+		const onSearch = async (text) => {
+			filteredOptions.value = await getFilteredOptions(text);
+			emits("searchValue", text);
+			searchValue.value = text;
+		};
+		const onKeyEnter = () => {
+			modelValue.value = (0, import_lodash.head)(filteredOptions.value);
+			close();
+		};
+		watch(searchValue, async (newValue) => {
+			await onSearch(newValue);
+		});
+		watch(() => props.options, async (newValue) => {
+			filteredOptions.value = newValue;
+		});
+		__expose({
+			open,
+			close,
+			props
+		});
+		return (_ctx, _cache) => {
+			const _directive_tippy = resolveDirective("tippy");
+			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$61, [createElementVNode("div", {
+					ref_key: "input",
+					ref: input,
+					class: "d-flex"
+				}, [
+					renderSlot(_ctx.$slots, "icon", {}, void 0, true),
+					__props.isTypeable && showGrid.value ? withDirectives((openBlock(), createElementBlock("input", {
+						key: 0,
+						ref_key: "searchField",
+						ref: searchField,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
+						class: "mb-0 no-hover flex-1 form-control",
+						placeholder: props.placeholder,
+						onKeyup: withKeys(onKeyEnter, ["enter"])
+					}, null, 40, _hoisted_2$45)), [[vModelText, searchValue.value]]) : (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(inputClass.value),
+						onClick: withModifiers(open, ["stop"])
+					}, [renderSlot(_ctx.$slots, "default", { item: modelValue.value }, () => [modelValue.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(getDisplayValue(modelValue.value)), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$30, toDisplayString(props.placeholder), 1))], true)], 2)),
+					modelValue.value && __props.showRemoveButtons ? (openBlock(), createElementBlock("div", _hoisted_4$23, [withDirectives(createElementVNode("i", {
+						class: "ph-x-circle app-cross-icon",
+						onClick: withModifiers(onDeleteInput, ["stop"])
+					}, null, 512), [[_directive_tippy, "Ștergeți opțiunile selectate"]])])) : createCommentVNode("", true)
+				], 512), input.value ? (openBlock(), createBlock(_sfc_main$112, {
+					key: 0,
+					anchor: input.value,
+					"use-teleport": true,
+					"is-open": showGrid.value,
+					width: props.width
+				}, {
+					default: withCtx(() => [withDirectives(createElementVNode("div", {
+						ref_key: "grid",
+						ref: grid,
+						class: "app-grid-dropdown overflow-auto scrollbar-hidden"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (element, index) => {
+						return openBlock(), createElementBlock("div", {
+							key: index,
+							class: "cell",
+							onClick: ($event) => onSelectValue(element, index)
+						}, [createElementVNode("span", {
+							class: normalizeClass(getActiveClass(element)),
+							style: normalizeStyle(cellStyle.value)
+						}, [renderSlot(_ctx.$slots, "default", { item: element }, () => [createTextVNode(toDisplayString(getDisplayValue(element)), 1)], true)], 6)], 8, _hoisted_5$16);
+					}), 128))], 512), [[vShow, showGrid.value]])]),
+					_: 3
+				}, 8, [
+					"anchor",
+					"is-open",
+					"width"
+				])) : createCommentVNode("", true)])]),
+				_: 3
+			}, 16);
+		};
+	}
+}, [["__scopeId", "data-v-12dbbc29"]]);
+//#endregion
 //#region node_modules/lodash/isArray.js
 var require_isArray = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports = Array.isArray;
@@ -125272,7 +124955,7 @@ var _sfc_main$62 = {
 							return renderSlot(_ctx.$slots, slotName, {
 								key: slotName,
 								file,
-								fileUpload: _ctx.fileUpload
+								context: unref(fileUploadContext)
 							});
 						}), 128))
 					])]),
@@ -125282,7 +124965,7 @@ var _sfc_main$62 = {
 							action,
 							file,
 							index,
-							fileUploadContext: unref(fileUploadContext)
+							context: unref(fileUploadContext)
 						}, () => [createVNode(_component_app_button, {
 							disabled: action.name === "removed" && __props.disabled,
 							class: "btn-transparent",
@@ -125495,7 +125178,7 @@ var _sfc_main$15 = {
 						accept: unref(fileUpload).normalizedAccept.value,
 						disabled: _ctx.disabled,
 						onChange: _cache[0] || (_cache[0] = (...args) => unref(fileUpload).onFileSelect && unref(fileUpload).onFileSelect(...args))
-					}, null, 40, _hoisted_2$3), createVNode(_sfc_main$106, {
+					}, null, 40, _hoisted_2$3), createVNode(_sfc_main$107, {
 						disabled: _ctx.disabled,
 						onFilesDropped: unref(fileUpload).onFileSelect
 					}, {
@@ -125730,6 +125413,266 @@ function useFormDirty(config) {
 	};
 }
 //#endregion
+//#region src/utils/DateUtils.js
+var DateUtils = class DateUtils {
+	static getDayNames() {
+		return {
+			[Constants_default.LANGUAGE_EN]: [
+				"Sun",
+				"Mon",
+				"Tue",
+				"Wed",
+				"Thu",
+				"Fri",
+				"Sat"
+			],
+			[Constants_default.LANGUAGE_RO]: [
+				"Dum",
+				"Lun",
+				"Mar",
+				"Mie",
+				"Joi",
+				"Vin",
+				"Sam"
+			]
+		};
+	}
+	static getMonthNames() {
+		return {
+			[Constants_default.LANGUAGE_EN]: [
+				"Jan",
+				"Feb",
+				"Mar",
+				"Apr",
+				"May",
+				"Jun",
+				"Jul",
+				"Aug",
+				"Sep",
+				"Oct",
+				"Nov",
+				"Dec"
+			],
+			[Constants_default.LANGUAGE_RO]: [
+				"Ian",
+				"Feb",
+				"Mar",
+				"Apr",
+				"Mai",
+				"Iun",
+				"Iul",
+				"Aug",
+				"Sep",
+				"Oct",
+				"Noi",
+				"Dec"
+			]
+		};
+	}
+	static commonFormats = [
+		"yyyy-MM-dd HH:mm:ss",
+		"yyyy-MM-dd HH:mm",
+		"yyyy-MM-dd",
+		"MM/dd/yyyy HH:mm:ss",
+		"MM/dd/yyyy HH:mm",
+		"MM/dd/yyyy",
+		"dd/MM/yyyy HH:mm:ss",
+		"dd/MM/yyyy HH:mm",
+		"dd/MM/yyyy",
+		"dd.MM.yyyy HH:mm:ss",
+		"dd.MM.yyyy HH:mm",
+		"dd.MM.yyyy",
+		"yyyy/MM/dd HH:mm:ss",
+		"yyyy/MM/dd HH:mm",
+		"yyyy/MM/dd",
+		"dd-MM-yyyy HH:mm:ss",
+		"dd-MM-yyyy HH:mm",
+		"dd-MM-yyyy",
+		"yyyy-MM-dd h:mm:ss a",
+		"yyyy-MM-dd h:mm a",
+		"MM/dd/yyyy h:mm:ss a",
+		"MM/dd/yyyy h:mm a",
+		"dd/MM/yyyy h:mm:ss a",
+		"dd/MM/yyyy h:mm a"
+	];
+	static getCalendarComponentLanguageData(language) {
+		return {
+			days: DateUtils.getDayNames()[language],
+			months: DateUtils.getMonthNames()[language],
+			placeholder: {},
+			formatLocale: { firstDayOfWeek: this.getCalendarComponentFirstDatOfWeek(language) }
+		};
+	}
+	static getCalendarComponentFirstDatOfWeek(language) {
+		if (language === Constants_default.LANGUAGE_EN) return Constants_default.CALENDAR_FIRST_DAY_OF_WEEK_EN;
+		else return Constants_default.CALENDAR_FIRST_DAY_OF_WEEK_RO;
+	}
+	static get FORMAT_ROMANIAN_DATE() {
+		return "dd.MM.yyyy";
+	}
+	static get FORMAT_ROMANIAN_DATE_HOUR() {
+		return "dd.MM.yyyy HH";
+	}
+	static get FORMAT_ROMANIAN_DATE_HOUR_MINUTE() {
+		return "dd.MM.yyyy HH:mm";
+	}
+	static get FORMAT_ROMANIAN_DATE_HOUR_MINUTE_SECOND() {
+		return "dd.MM.yyyy HH:mm:ss";
+	}
+	static get FORMAT_ENGLISH_DATE() {
+		return "yyyy-MM-dd";
+	}
+	static get FORMAT_ENGLISH_DATE_HOUR() {
+		return "yyyy-MM-dd HH";
+	}
+	static get FORMAT_ENGLISH_DATE_HOUR_MINUTE() {
+		return "yyyy-MM-dd HH:mm";
+	}
+	static get FORMAT_ENGLISH_DATE_HOUR_MINUTE_SECOND() {
+		return "yyyy-MM-dd HH:mm:ss";
+	}
+	static stringToDate(dateString, format = null) {
+		if (!dateString) return null;
+		if (format) return parse$2(dateString, format, /* @__PURE__ */ new Date());
+		for (const format of this.commonFormats) try {
+			const result = parse$2(dateString, format, /* @__PURE__ */ new Date());
+			if (isValid$1(result)) return result;
+		} catch (error) {
+			continue;
+		}
+		const nativeParsed = new Date(dateString);
+		return isValid$1(nativeParsed) ? nativeParsed : null;
+	}
+	static stringFromTo(date, formatFrom = this.FORMAT_ENGLISH_DATE, formatTo = this.FORMAT_ROMANIAN_DATE) {
+		if (!date) return null;
+		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
+	}
+	static dateToString(date, dateFormat = this.FORMAT_ROMANIAN_DATE) {
+		if (!date) return null;
+		return format$1(date, dateFormat);
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static dateToStringWithTime(date, dateFormat = "dd-MM-yyyy HH:mm:ss") {
+		return format$1(date, dateFormat);
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static dateFromTo(date, formatFrom = "yyyy-MM-dd", formatTo = "dd-MM-yyyy") {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		if (!date) return null;
+		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static dateFromToWithTime(date, formatFrom = "yyyy-MM-dd HH:mm:ss", formatTo = "dd-MM-yyyy HH:mm:ss") {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		if (!date) return null;
+		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static stringFromToWithTime(date, formatFrom = "yyyy-MM-dd HH:mm:ss", formatTo = "dd-MM-yyyy HH:mm:ss") {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		if (!date) return null;
+		return format$1(parse$2(date, formatFrom, /* @__PURE__ */ new Date()), formatTo);
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static romanianToEnglishDate(dateString) {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		return this.stringFromTo(dateString, "dd-MM-yyyy", "yyyy-MM-dd");
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static romanianToEnglishDateHour(dateString) {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		return this.stringFromTo(dateString, "dd-MM-yyyy HH", "yyyy-MM-dd HH:00");
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static romanianToEnglishDateHourMinute(dateString) {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		return this.stringFromTo(dateString, "dd-MM-yyyy HH:mm", "yyyy-MM-dd HH:mm");
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static romanianToEnglishDateHourMinuteSeconds(dateString) {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		return this.stringFromTo(dateString, "dd-MM-yyyy HH:mm:ss", "yyyy-MM-dd HH:mm:ss");
+	}
+	/**
+	* @deprecated since version 1.9.7
+	*/
+	static englishToRomanianDate(dateString) {
+		console.warn("Warning! Deprecated function from 01.03.2023 called!");
+		return this.stringFromTo(dateString, "yyyy-MM-dd", "dd-MM-yyyy");
+	}
+	/**
+	* @deprecated since version 2.0
+	*/
+	static englishToRomanianDateHour(dateString) {
+		console.warn("Warning! Depricated function from 01.03.2023 called!");
+		return this.stringFromTo(dateString, "yyyy-MM-dd HH:00", "dd-MM-yyyy HH");
+	}
+	/**
+	* @deprecated since version 2.0
+	*/
+	static englishToRomanianDateHourMinute(dateString) {
+		return this.stringFromTo(dateString, "yyyy-MM-dd HH:mm", "dd-MM-yyyy HH:mm");
+	}
+	/**
+	* @deprecated since version 2.0
+	*/
+	static englishToRomanianDateHourMinuteSeconds(dateString) {
+		return this.stringFromTo(dateString, "yyyy-MM-dd HH:mm:ss", "dd-MM-yyyy HH:mm:ss");
+	}
+	static displayInterval(start, end, dateFormat = this.FORMAT_ROMANIAN_DATE) {
+		if (!start && !end) return `Nedeterminata`;
+		if (start && end) return `${DateUtils.dateToString(start, dateFormat)} - ${DateUtils.dateToString(end, dateFormat)}`;
+		if (start) return `>= ${DateUtils.dateToString(start, dateFormat)}`;
+		if (end) return `<= ${DateUtils.dateToString(end, dateFormat)}`;
+	}
+	static isStringDate = (dateString) => {
+		return /^\d{2,4}[-./]\d{1,2}[-./]\d{1,4}([ T]\d{2}:\d{2}(:\d{2}(\.\d+)?(Z|[+-]\d{2}:?\d{2})?)?)?$/.test(dateString);
+	};
+	static stringToDateRecursive = (item, deep = false) => {
+		if (!item) return item;
+		if ((0, import_lodash.isArray)(item)) return item.map((el) => DateUtils.stringToDateRecursive(el, deep));
+		if ((0, import_lodash.isPlainObject)(item)) {
+			for (const key in item) if (Object.prototype.hasOwnProperty.call(item, key)) item[key] = deep ? DateUtils.stringToDateRecursive(item[key], deep) : DateUtils.stringToDateRecursive(item[key]);
+			return item;
+		}
+		if (typeof item === "string") return DateUtils.isStringDate(item) ? DateUtils.stringToDate(item) : item;
+		return item;
+	};
+	static isOlderThan = (timestamp, minutes) => {
+		return Date.now() - timestamp > minutes * 60 * 1e3;
+	};
+	static nextMonth({ month, year }) {
+		const d = new Date(+year, +month);
+		return {
+			month: String(d.getMonth() + 1),
+			year: String(d.getFullYear())
+		};
+	}
+	static previousMonth({ month, year }) {
+		const d = new Date(+year, +month - 2);
+		return {
+			month: String(d.getMonth() + 1),
+			year: String(d.getFullYear())
+		};
+	}
+};
+//#endregion
 //#region src/components/small/app-form-draft-toast/AppFormDraftToast.vue
 var _hoisted_1$4 = { class: "app-form-draft-toast flex-center-vertical" };
 var _hoisted_2$1 = { class: "mr-20" };
@@ -137544,7 +137487,9 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	AppDatePickerDayOfWeek: () => _sfc_main$8,
 	AppDatePickerRange: () => _sfc_main$9,
 	AppDateRange: () => _sfc_main$9,
+	AppDateTime: () => _sfc_main$10,
 	AppDateTimePicker: () => _sfc_main$10,
+	AppDayOfWeek: () => _sfc_main$8,
 	AppDrawer: () => AppDrawer_default,
 	AppDropdown: () => _sfc_main$11,
 	AppDualListMagic: () => _sfc_main$12,
@@ -137608,12 +137553,11 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	AppTeleport: () => _sfc_main$51,
 	AppTeleportTarget: () => _sfc_main$52,
 	AppTextArea: () => AppTextArea_default,
-	AppTimePicker: () => AppTimePicker_default,
+	AppTime: () => AppTime_default,
 	AppToggleButton: () => _sfc_main$53,
 	AppToolbar: () => _sfc_main$54,
 	AppToolbarSubheader: () => AppToolbarSubheader_default,
 	AppTree: () => _sfc_main$55,
-	DayOfWeek: () => _sfc_main$8,
 	VueDatePicker: () => Nr
 });
 //#endregion
@@ -137903,9 +137847,10 @@ function useTableModel({ props, emits, tableContext, formContext = null, model,
 }
 //#endregion
 //#region src/index.js
+var components = { ...components_exports };
 var plugin = { install(Vue, config) {
-	for (const prop in components_exports) if ((void 0)(prop)) {
-		const component = components_exports[prop];
+	for (const prop in components) if (components.hasOwnProperty(prop)) {
+		const component = components[prop];
 		Vue.component(prop, component);
 	}
 	if (!Vue.directive("tippy")) Vue.use(plugin$1);
@@ -137915,6 +137860,6 @@ var plugin = { install(Vue, config) {
 	config?.mediaType && setMediaType(config.mediaType);
 } };
 //#endregion
-export { _sfc_main as AppBadge, _sfc_main$1 as AppBoard, _sfc_main$2 as AppBreadcrumbs, _sfc_main$3 as AppButton, _sfc_main$4 as AppButtonGroup, _sfc_main$5 as AppCard, _sfc_main$6 as AppCarousel, _sfc_main$7 as AppCheckbox, AppChild_default as AppChild, AppColorPicker_default as AppColorPicker, AppDate_default as AppDate, AppDate_default as AppDatePicker, _sfc_main$8 as AppDatePickerDayOfWeek, _sfc_main$8 as DayOfWeek, _sfc_main$9 as AppDatePickerRange, _sfc_main$9 as AppDateRange, _sfc_main$10 as AppDateTimePicker, AppDrawer_default as AppDrawer, _sfc_main$11 as AppDropdown, _sfc_main$12 as AppDualListMagic, _sfc_main$13 as AppEllipsisText, _sfc_main$14 as AppFile, AppFileInput_default as AppFileInput, _sfc_main$15 as AppFileNew, _sfc_main$16 as AppFilePreview, AppFooter_default as AppFooter, _sfc_main$17 as AppFormDynamic, AppFormElement_default as AppFormElement, _sfc_main$18 as AppFormModal, _sfc_main$19 as AppFormRepeater, _sfc_main$20 as AppFormWizard, AppGridPicker_default as AppGridPicker, _sfc_main$21 as AppHtml, _sfc_main$22 as AppIcon, _sfc_main$23 as AppIframe, AppInput_default as AppInput, _sfc_main$24 as AppLink, _sfc_main$25 as AppLoading, AppLoadingModal_default as AppLoadingModal, _sfc_main$26 as AppLoadingOverlay, _sfc_main$27 as AppMenu, AppModal_default as AppModal, _sfc_main$28 as AppModalCard, AppNumberInput_default as AppNumberInput, AppOverlay_default as AppOverlay, _sfc_main$29 as AppPage, _sfc_main$30 as AppPagination, AppPhone_default as AppPhone, _sfc_main$31 as AppPlaceholderCard, _sfc_main$32 as AppPlaceholderHeading, _sfc_main$33 as AppPlaceholderImage, _sfc_main$34 as AppPlaceholderText, _sfc_main$35 as AppPlaceholderTitle, AppProgressBar_default as AppProgressBar, AppProgressBarOverlay_default as AppProgressBarOverlay, AppRadioButton_default as AppRadioButton, AppRemovableTag_default as AppRemovableTag, AppScrollToBottom_default as AppScrollToBottom, AppScrollToTop_default as AppScrollToTop, _sfc_main$36 as AppScrollTopAndBottom, _sfc_main$37 as AppSelect, _sfc_main$38 as AppSelectBoolean, _sfc_main$39 as AppSelectIcon, _sfc_main$40 as AppSelectNew, _sfc_main$41 as AppSidebar, _sfc_main$42 as AppSidebarHeader, _sfc_main$43 as AppSkeleton, _sfc_main$44 as AppSkeletonGroup, AppSliderInput_default as AppSliderInput, _sfc_main$45 as AppSummary, _sfc_main$46 as AppTable, _sfc_main$47 as AppTableFilter, AppTableFilterDrawer_default as AppTableFilterDrawer, _sfc_main$48 as AppTableMagic, _sfc_main$49 as AppTabs, _sfc_main$50 as AppTabsBoolean, AppTag_default as AppTag, _sfc_main$51 as AppTeleport, _sfc_main$52 as AppTeleportTarget, AppTextArea_default as AppTextArea, AppTimePicker_default as AppTimePicker, _sfc_main$53 as AppToggleButton, _sfc_main$54 as AppToolbar, AppToolbarSubheader_default as AppToolbarSubheader, _sfc_main$55 as AppTree, BaseRepository, DateUtils, ResponseUtils, TableUtils, ToastUtils, UIUtils, Nr as VueDatePicker, VueUtils_exports as VueUtils, appFormElementProps_default as appFormElementProps, useAppSelectCore_default as appSelectProps, useAppSelectCore_default as sharedProps, bindOneWay, bindTwoWay, booleanOption, plugin as default, fetchBuilder, fetchBuilderNew, flattenSchemaFields, generateComputedChildren, generateComputedParent, getBinding, getBindingImmutableFor, getFormBuilder, getFormElementName, getFormElementNameKey, getGUID, getStyleFromObject, hasValue, isEqualLoose, isNumeric, joinList, makeArray, mergeObjectWithoutOverwrite, resolveValue, resolveValueSync, sleep, toPathString, urlToBooleanOption, useAppFormElement, useClickOutside, useForm, useFormOld_default as useFormFunky, useFormValidation, useModelWatch, useSelectOld as useSelect, selectOldProps as useSelectProps, useTable, useTableFilters, useTableModel, useTableModelTableButton, useTableModelTopButton, veeBinds };
+export { _sfc_main as AppBadge, _sfc_main$1 as AppBoard, _sfc_main$2 as AppBreadcrumbs, _sfc_main$3 as AppButton, _sfc_main$4 as AppButtonGroup, _sfc_main$5 as AppCard, _sfc_main$6 as AppCarousel, _sfc_main$7 as AppCheckbox, AppChild_default as AppChild, AppColorPicker_default as AppColorPicker, AppDate_default as AppDate, AppDate_default as AppDatePicker, _sfc_main$8 as AppDatePickerDayOfWeek, _sfc_main$8 as AppDayOfWeek, _sfc_main$9 as AppDatePickerRange, _sfc_main$9 as AppDateRange, _sfc_main$10 as AppDateTime, _sfc_main$10 as AppDateTimePicker, AppDrawer_default as AppDrawer, _sfc_main$11 as AppDropdown, _sfc_main$12 as AppDualListMagic, _sfc_main$13 as AppEllipsisText, _sfc_main$14 as AppFile, AppFileInput_default as AppFileInput, _sfc_main$15 as AppFileNew, _sfc_main$16 as AppFilePreview, AppFooter_default as AppFooter, _sfc_main$17 as AppFormDynamic, AppFormElement_default as AppFormElement, _sfc_main$18 as AppFormModal, _sfc_main$19 as AppFormRepeater, _sfc_main$20 as AppFormWizard, AppGridPicker_default as AppGridPicker, _sfc_main$21 as AppHtml, _sfc_main$22 as AppIcon, _sfc_main$23 as AppIframe, AppInput_default as AppInput, _sfc_main$24 as AppLink, _sfc_main$25 as AppLoading, AppLoadingModal_default as AppLoadingModal, _sfc_main$26 as AppLoadingOverlay, _sfc_main$27 as AppMenu, AppModal_default as AppModal, _sfc_main$28 as AppModalCard, AppNumberInput_default as AppNumberInput, AppOverlay_default as AppOverlay, _sfc_main$29 as AppPage, _sfc_main$30 as AppPagination, AppPhone_default as AppPhone, _sfc_main$31 as AppPlaceholderCard, _sfc_main$32 as AppPlaceholderHeading, _sfc_main$33 as AppPlaceholderImage, _sfc_main$34 as AppPlaceholderText, _sfc_main$35 as AppPlaceholderTitle, AppProgressBar_default as AppProgressBar, AppProgressBarOverlay_default as AppProgressBarOverlay, AppRadioButton_default as AppRadioButton, AppRemovableTag_default as AppRemovableTag, AppScrollToBottom_default as AppScrollToBottom, AppScrollToTop_default as AppScrollToTop, _sfc_main$36 as AppScrollTopAndBottom, _sfc_main$37 as AppSelect, _sfc_main$38 as AppSelectBoolean, _sfc_main$39 as AppSelectIcon, _sfc_main$40 as AppSelectNew, _sfc_main$41 as AppSidebar, _sfc_main$42 as AppSidebarHeader, _sfc_main$43 as AppSkeleton, _sfc_main$44 as AppSkeletonGroup, AppSliderInput_default as AppSliderInput, _sfc_main$45 as AppSummary, _sfc_main$46 as AppTable, _sfc_main$47 as AppTableFilter, AppTableFilterDrawer_default as AppTableFilterDrawer, _sfc_main$48 as AppTableMagic, _sfc_main$49 as AppTabs, _sfc_main$50 as AppTabsBoolean, AppTag_default as AppTag, _sfc_main$51 as AppTeleport, _sfc_main$52 as AppTeleportTarget, AppTextArea_default as AppTextArea, AppTime_default as AppTime, _sfc_main$53 as AppToggleButton, _sfc_main$54 as AppToolbar, AppToolbarSubheader_default as AppToolbarSubheader, _sfc_main$55 as AppTree, BaseRepository, DateUtils, ResponseUtils, TableUtils, ToastUtils, UIUtils, Nr as VueDatePicker, VueUtils_exports as VueUtils, appFormElementProps_default as appFormElementProps, useAppSelectCore_default as appSelectProps, useAppSelectCore_default as sharedProps, bindOneWay, bindTwoWay, booleanOption, plugin as default, fetchBuilder, fetchBuilderNew, flattenSchemaFields, generateComputedChildren, generateComputedParent, getBinding, getBindingImmutableFor, getFormBuilder, getFormElementName, getFormElementNameKey, getGUID, getStyleFromObject, hasValue, isEqualLoose, isNumeric, joinList, makeArray, mergeObjectWithoutOverwrite, resolveValue, resolveValueSync, sleep, toPathString, urlToBooleanOption, useAppFormElement, useClickOutside, useForm, useFormOld_default as useFormFunky, useFormValidation, useModelWatch, useSelectOld as useSelect, selectOldProps as useSelectProps, useTable, useTableFilters, useTableModel, useTableModelTableButton, useTableModelTopButton, veeBinds };
 
 //# sourceMappingURL=funky-ui-kit.esm.js.map