From db4d249667789e377f79fc2ba89fa6dd8b13deca Mon Sep 17 00:00:00 2001
From: Sphereso <spheresox@gmail.com>
Date: Fri, 12 Jul 2024 02:07:49 +0200
Subject: [PATCH] web: fix clearing dates not actually clearing

---
 web/src/components/HeaderBar.vue    | 2 ++
 web/src/components/UpdateDialog.vue | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/web/src/components/HeaderBar.vue b/web/src/components/HeaderBar.vue
index d3036e3..f98b727 100644
--- a/web/src/components/HeaderBar.vue
+++ b/web/src/components/HeaderBar.vue
@@ -119,6 +119,7 @@
                         clearable
                         v-model="addStartDate"
                         hide-details
+                        @click:clear="addStartDate = undefined"
                       ></v-date-input>
                     </div>
                     <div class="mb-6">
@@ -130,6 +131,7 @@
                         clearable
                         v-model="addStopDate"
                         hide-details
+                        @click:clear="addStopDate = undefined"
                       ></v-date-input>
                     </div>
                   </div>
diff --git a/web/src/components/UpdateDialog.vue b/web/src/components/UpdateDialog.vue
index 0e3021d..043a056 100644
--- a/web/src/components/UpdateDialog.vue
+++ b/web/src/components/UpdateDialog.vue
@@ -52,6 +52,7 @@
                   clearable
                   v-model="editStartDate"
                   hide-details
+                  @click:clear="editStartDate = null"
                 ></v-date-input>
               </div>
               <div class="mb-6">
@@ -63,6 +64,7 @@
                   clearable
                   v-model="editStopDate"
                   hide-details
+                  @click:clear="editStopDate = null"
                 ></v-date-input>
               </div>
             </div>
@@ -147,6 +149,7 @@ const editNameRules = [
 ];
 
 async function submitEdit(event: SubmitEventPromise) {
+  console.log(editStartDate.value)
   const result = await event;
   if (result.valid) {
     const editData = {