diff --git a/web/src/components/HeaderBar.vue b/web/src/components/HeaderBar.vue
index af3bacf..e4e3a2c 100644
--- a/web/src/components/HeaderBar.vue
+++ b/web/src/components/HeaderBar.vue
@@ -113,7 +113,18 @@
                         label="Start Date (optional)"
                         variant="outlined"
                         prepend-icon=""
-                        prepend-inner-icon="mdi-calenadddar-remove"
+                        prepend-inner-icon="mdi-calendar-check"
+                        clearable
+                        v-model="addStartDate"
+                        hide-details
+                      ></v-date-input>
+                    </div>
+                    <div class="mb-6">
+                      <v-date-input
+                        label="Stop Date (optional)"
+                        variant="outlined"
+                        prepend-icon=""
+                        prepend-inner-icon="mdi-calendar-remove"
                         clearable
                         v-model="addStopDate"
                         hide-details