From e72e6cab39c7f3a646110fa6e5fa8608ab654e79 Mon Sep 17 00:00:00 2001
From: Petr Kachanovsky <pkachanovsky@devforth.io>
Date: Fri, 17 Jan 2025 12:13:01 +0200
Subject: [PATCH] fix: add date parsing from props

---
 .../src/components/CustomDateRangePicker.vue  | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/adminforth/spa/src/components/CustomDateRangePicker.vue b/adminforth/spa/src/components/CustomDateRangePicker.vue
index de0456b23..67893b31b 100644
--- a/adminforth/spa/src/components/CustomDateRangePicker.vue
+++ b/adminforth/spa/src/components/CustomDateRangePicker.vue
@@ -135,11 +135,31 @@ const end = computed(() => {
 })
 
 function updateFromProps() {
-  if (!props.valueStart) {
+  if (props.valueStart) {
+    const date = dayjs(props.valueStart);
+    datepickerStartEl.value.value = date.format('DD MMM YYYY');
+    if (date.format('HH:mm') !== '00:00') {
+      startTime.value = date.format('HH:mm');
+      showTimeInputs.value = true;
+    } else {
+      startTime.value = '';
+    }
+    startDate.value = date.toString();
+  } else {
     datepickerStartEl.value.value = '';
     startTime.value = '';
   }
-  if (!props.valueEnd) {
+  if (props.valueEnd) {
+    const date = dayjs(props.valueEnd);
+    datepickerEndEl.value.value = date.format('DD MMM YYYY');
+    if (date.format('HH:mm') !== '00:00') {
+      endTime.value = date.format('HH:mm');
+      showTimeInputs.value = true;
+    } else {
+      endTime.value = '';
+    }
+    endDate.value = date.toString();
+  } else {
     datepickerEndEl.value.value = '';
     endTime.value = '';
   }