From ab58a106e3c80c0610275e62a13adc2c92ad9e5f Mon Sep 17 00:00:00 2001
From: Teodora Pavlova <27234545+TeodoraPavlova@users.noreply.github.com>
Date: Fri, 5 Apr 2024 10:41:00 +0300
Subject: [PATCH 1/3] Fix DateTime attribute field does not render value on
 Entity edit

---
 frontend/src/components/inputs/DateTime.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/inputs/DateTime.vue b/frontend/src/components/inputs/DateTime.vue
index e0eb9c2..fb9b038 100644
--- a/frontend/src/components/inputs/DateTime.vue
+++ b/frontend/src/components/inputs/DateTime.vue
@@ -1,7 +1,9 @@
 <template>
   <BaseInput :label="label" :args="args" :vertical="vertical" :required="required">
     <template v-slot:field>
-      <input class="form-control" type="datetime-local" :value="modelValue" @input="onInput"
+      <input class="form-control" type="datetime-local"
+             :value="modelValue && convertToDateTimeLocalString(modelValue)"
+             @input="onInput"
              v-bind="args"/>
     </template>
   </BaseInput>
@@ -18,6 +20,19 @@ export default {
     onInput(event) {
       this.$emit("update:modelValue", event.target.value);
     },
+    convertToDateTimeLocalString(date) {
+      if (!(date instanceof Date)) {
+        date = new Date(date)
+      }
+
+      const year = date.getFullYear();
+      const month = (date.getMonth() + 1).toString().padStart(2, "0");
+      const day = date.getDate().toString().padStart(2, "0");
+      const hours = date.getHours().toString().padStart(2, "0");
+      const minutes = date.getMinutes().toString().padStart(2, "0");
+
+      return `${year}-${month}-${day}T${hours}:${minutes}:00`;
+    }
   },
 };
 </script>
\ No newline at end of file

From d2627389e44e0880f9391081fcbad8afa6f3780b Mon Sep 17 00:00:00 2001
From: Teodora Pavlova <27234545+TeodoraPavlova@users.noreply.github.com>
Date: Tue, 9 Apr 2024 16:31:03 +0300
Subject: [PATCH 2/3] Apply suggestion: move datetime conversion to the script
 section

---
 frontend/src/components/inputs/DateTime.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/inputs/DateTime.vue b/frontend/src/components/inputs/DateTime.vue
index fb9b038..c7cd1bc 100644
--- a/frontend/src/components/inputs/DateTime.vue
+++ b/frontend/src/components/inputs/DateTime.vue
@@ -2,7 +2,7 @@
   <BaseInput :label="label" :args="args" :vertical="vertical" :required="required">
     <template v-slot:field>
       <input class="form-control" type="datetime-local"
-             :value="modelValue && convertToDateTimeLocalString(modelValue)"
+             :value="value"
              @input="onInput"
              v-bind="args"/>
     </template>
@@ -16,6 +16,11 @@ export default {
   name: "DateTime",
   components: {BaseInput},
   props: ["label", "modelValue", "args", "vertical", "required"],
+  computed: {
+    value() {
+      return this.modelValue && this.convertToDateTimeLocalString(this.modelValue);
+    }
+  },
   methods: {
     onInput(event) {
       this.$emit("update:modelValue", event.target.value);

From 827c9834e134a92d01126b670238a09bf9b4bab2 Mon Sep 17 00:00:00 2001
From: TeodoraPavlova <27234545+TeodoraPavlova@users.noreply.github.com>
Date: Wed, 10 Apr 2024 15:18:52 +0300
Subject: [PATCH 3/3] Update frontend/src/components/inputs/DateTime.vue date
 conversion to more readable version

Co-authored-by: Andreas Hasenkopf <ahasenkopf@suse.de>
---
 frontend/src/components/inputs/DateTime.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/frontend/src/components/inputs/DateTime.vue b/frontend/src/components/inputs/DateTime.vue
index c7cd1bc..bf5f3ce 100644
--- a/frontend/src/components/inputs/DateTime.vue
+++ b/frontend/src/components/inputs/DateTime.vue
@@ -30,13 +30,7 @@ export default {
         date = new Date(date)
       }
 
-      const year = date.getFullYear();
-      const month = (date.getMonth() + 1).toString().padStart(2, "0");
-      const day = date.getDate().toString().padStart(2, "0");
-      const hours = date.getHours().toString().padStart(2, "0");
-      const minutes = date.getMinutes().toString().padStart(2, "0");
-
-      return `${year}-${month}-${day}T${hours}:${minutes}:00`;
+      return date.toISOString().substring(0, 16);
     }
   },
 };