From 040b0c6d0ed18022b528ffca9c345b819c23e539 Mon Sep 17 00:00:00 2001
From: TeodoraPavlova <27234545+TeodoraPavlova@users.noreply.github.com>
Date: Thu, 11 Apr 2024 14:24:55 +0300
Subject: [PATCH] Fix DateTime attribute field value does not get rendered on
 Entity edit (#202)

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

diff --git a/frontend/src/components/inputs/DateTime.vue b/frontend/src/components/inputs/DateTime.vue
index e0eb9c2..bf5f3ce 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="value"
+             @input="onInput"
              v-bind="args"/>
     </template>
   </BaseInput>
@@ -14,10 +16,22 @@ 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);
     },
+    convertToDateTimeLocalString(date) {
+      if (!(date instanceof Date)) {
+        date = new Date(date)
+      }
+
+      return date.toISOString().substring(0, 16);
+    }
   },
 };
 </script>
\ No newline at end of file