Prevent the date range from breaking when an invalid time is entered

PrefectHQ · Dec 12, 2023 · c85c433 · c85c433
1 parent 7ce9389
commit c85c433
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/src/components/DateTimeInputGroup/PDateTimeInputGroup.vue b/src/components/DateTimeInputGroup/PDateTimeInputGroup.vue
@@ -10,10 +10,10 @@
     </template>
 
     <PContent secondary>
-      <PNativeDateInput v-model="date" disable-picker />
+      <PNativeDateInput v-model="startDate" disable-picker />
 
       <template v-if="showTime">
-        <PNativeTimeInput v-model="date" disable-picker />
+        <PNativeTimeInput v-model="startTime" disable-picker />
       </template>
     </PContent>
   </PLabel>
@@ -38,7 +38,7 @@
     (event: 'update:modelValue', value: Date | null): void,
   }>()
 
-  const date = computed({
+  const startDate = computed({
     get() {
       return props.modelValue ?? null
     },
@@ -47,6 +47,18 @@
     },
   })
 
+  const startTime = computed({
+    get() {
+      return props.modelValue ?? null
+    },
+    set(value) {
+      if (!value) {
+        return
+      }
+
+      emit('update:modelValue', value)
+    },
+  })
   const nowOrTodayLabel = computed(() => props.showTime ? 'Now' : 'Today')
 
   function setToTodayOrNow(): void {