From c85c43350e406beb6ed8c5cd4a42cdb856cd1e36 Mon Sep 17 00:00:00 2001
From: Craig Harshbarger <pleek91@gmail.com>
Date: Tue, 12 Dec 2023 11:29:41 -0600
Subject: [PATCH] Prevent the date range from breaking when an invalid time is
 entered

---
 .../DateTimeInputGroup/PDateTimeInputGroup.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/DateTimeInputGroup/PDateTimeInputGroup.vue b/src/components/DateTimeInputGroup/PDateTimeInputGroup.vue
index f679a361f..167434cd9 100644
--- 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 {