From c34fc0f79e72aa24c5ef874a4f89e49c08796ce0 Mon Sep 17 00:00:00 2001
From: Kevin Martinez <kevin.martinez@mindshore.io>
Date: Wed, 6 Mar 2024 22:45:23 -0300
Subject: [PATCH] Fix date time timezone

---
 src/components/common/VnInputDate.vue | 14 ++++++++++++--
 src/components/common/VnInputTime.vue |  6 ++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index 30084c782..66da9b7bf 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { computed, ref } from 'vue';
-import { toDate } from 'src/filters';
 import VnInput from 'components/common/VnInput.vue';
+import isValidDate from "filters/isValidDate";
 
 const props = defineProps({
     modelValue: {
@@ -54,6 +54,16 @@ const formatDate = (dateString) => {
         date.getDate()
     )}`;
 };
+const displayDate = (dateString) => {
+    if (!dateString || !isValidDate(dateString)) {
+        return '';
+    }
+    return new Date(dateString).toLocaleDateString([], {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+    });
+};
 
 const styleAttrs = computed(() => {
     return props.isOutlined
@@ -69,7 +79,7 @@ const styleAttrs = computed(() => {
 <template>
     <VnInput
         class="vn-input-date"
-        :model-value="toDate(value)"
+        :model-value="displayDate(value)"
         v-bind="{ ...$attrs, ...styleAttrs }"
         readonly
         @click="isPopupOpen = true"
diff --git a/src/components/common/VnInputTime.vue b/src/components/common/VnInputTime.vue
index 1654f9b01..aefee1a4d 100644
--- a/src/components/common/VnInputTime.vue
+++ b/src/components/common/VnInputTime.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { computed, ref } from 'vue';
-import { toHour } from 'src/filters';
 import { useI18n } from 'vue-i18n';
 import isValidDate from 'filters/isValidDate';
 import VnInput from "components/common/VnInput.vue";
@@ -41,14 +40,13 @@ const value = computed({
 const isPopupOpen = ref(false);
 const onDateUpdate = (date) => {
     internalValue.value = date;
-    isPopupOpen.value = false;
 };
 
 const save = () => {
     value.value = internalValue.value;
 };
 const formatTime = (dateString) => {
-    if (!isValidDate(dateString)) {
+    if (!dateString || !isValidDate(dateString)) {
         return '';
     }
 
@@ -76,7 +74,7 @@ const styleAttrs = computed(() => {
     <VnInput
         class="vn-input-time"
         readonly
-        :model-value="toHour(value)"
+        :model-value="formatTime(value)"
         v-bind="{ ...$attrs, ...styleAttrs }"
         @click="isPopupOpen = true"
     >