From 9992286e7e23781137da0314dc97523d1dbe02a6 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Mon, 4 Nov 2024 20:47:19 +0100
Subject: [PATCH] Issue #1571 Handle the case where the date is invalid

---
 src/components/Event/EventDatePicker.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Event/EventDatePicker.vue b/src/components/Event/EventDatePicker.vue
index 741a62c8d..4cbe221b5 100644
--- a/src/components/Event/EventDatePicker.vue
+++ b/src/components/Event/EventDatePicker.vue
@@ -1,7 +1,7 @@
 <template>
   <input
     type="datetime-local"
-    class="rounded"
+    class="rounded invalid:border-red-500"
     v-model="component"
     :min="computeMin"
     @blur="$emit('blur')"
@@ -12,8 +12,8 @@ import { computed } from "vue";
 
 const props = withDefaults(
   defineProps<{
-    modelValue: Date;
-    min?: Date | undefined;
+    modelValue: Date | null;
+    min?: Date | null | undefined;
   }>(),
   {
     min: undefined,
@@ -30,10 +30,19 @@ const UTCToLocal = (date: Date) => {
 
 const component = computed({
   get() {
+    if (!props.modelValue) {
+      return null;
+    }
     return UTCToLocal(props.modelValue);
   },
   set(value) {
-    emit("update:modelValue", new Date(value));
+    console.log("value" + value);
+    if (!value) {
+      emit("update:modelValue", null);
+      return;
+    }
+    const date = new Date(value);
+    emit("update:modelValue", date);
   },
 });