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 = {