diff --git a/frontend/src/components/Controls/DatetimePicker.vue b/frontend/src/components/Controls/DatetimePicker.vue
index 563df251..ed7febb7 100644
--- a/frontend/src/components/Controls/DatetimePicker.vue
+++ b/frontend/src/components/Controls/DatetimePicker.vue
@@ -40,7 +40,7 @@
             class="text-sm"
             type="text"
             :value="value"
-            @change="selectDate(getDate($event)) || togglePopover()"
+            @change="updateDate($event.target.value) || togglePopover()"
           />
           <Button
             label="Now"
@@ -314,6 +314,13 @@ export default {
       let d = new Date(...args)
       return d
     },
+    updateDate(date) {
+      date = this.getDate(date)
+      this.hour = date.getHours()
+      this.minute = date.getMinutes()
+      this.second = date.getSeconds()
+      this.selectDate(date, true)
+    },
   },
 }
 </script>