@webitel/ui-datalist 1.1.57 → 1.1.58

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "1.1.57",
+	"version": "1.1.58",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
 		"build:types": "vue-tsc -b tsconfig.build.json",

package/src/modules/filters/modules/filterConfig/components/_shared/durations/duration-filter-value-field.vue

@@ -1,17 +1,15 @@
 <template>
   <div class="duration-filter">
     <wt-timepicker
-      v-if="model"
       :label="t('reusable.from')"
-      :model-value="model.from"
+      :model-value="value.from"
       :v="vFrom"
       format="hh:mm:ss"
       @update:model-value="handleInput('from', $event)"
     />
     <wt-timepicker
-      v-if="model"
       :label="t('reusable.to')"
-      :model-value="model.to"
+      :model-value="value.to"
       :v="vTo"
       format="hh:mm:ss"
       @update:model-value="handleInput('to', $event)"
@@ -38,6 +36,14 @@ const model = defineModel<ModelValue>({
 	}),
 });
 
+const value = computed<ModelValue>(
+	() =>
+		model.value ?? {
+			from: 0,
+			to: 0,
+		},
+);
+
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,
@@ -81,12 +87,11 @@ const vTo = computed(() => {
 	return modelValidation.to;
 });
 
-const handleInput = (key: keyof ModelValue, value: number) => {
-	const newValue = {
-		...model.value,
+const handleInput = (key: keyof ModelValue, newFieldValue: number) => {
+	model.value = {
+		...value.value,
+		[key]: newFieldValue,
 	};
-	newValue[key] = value;
-	model.value = newValue;
 };
 
 watch(