From 6080e49f26bb7ad764c8acf408649281c55defe5 Mon Sep 17 00:00:00 2001
From: konrad <k@knt.li>
Date: Sun, 9 Jan 2022 10:17:18 +0000
Subject: [PATCH] fix: flatpickr date not updating (#1336)

Fixes https://github.com/go-vikunja/api/issues/16

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1336
Co-authored-by: konrad <k@knt.li>
Co-committed-by: konrad <k@knt.li>
---
 src/components/input/datepicker.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/input/datepicker.vue b/src/components/input/datepicker.vue
index afef20e7..d2432295 100644
--- a/src/components/input/datepicker.vue
+++ b/src/components/input/datepicker.vue
@@ -128,10 +128,6 @@ export default {
 			date: null,
 			show: false,
 			changed: false,
-
-			// Since flatpickr dates are strings, we need to convert them to native date objects.
-			// To make that work, we need a separate variable since flatpickr does not have a change event.
-			flatPickrDate: null,
 		}
 	},
 	components: {
@@ -164,10 +160,6 @@ export default {
 			handler: 'setDateValue',
 			immediate: true,
 		},
-		flatPickrDate(newVal) {
-			this.date = createDateFromString(newVal)
-			this.updateData()
-		},
 	},
 	computed: {
 		flatPickerConfig() {
@@ -183,6 +175,17 @@ export default {
 				},
 			}
 		},
+		// Since flatpickr dates are strings, we need to convert them to native date objects.
+		// To make that work, we need a separate variable since flatpickr does not have a change event.
+		flatPickrDate: {
+			set(newValue) {
+				this.date = createDateFromString(newValue)
+				this.updateData()
+			},
+			get() {
+				return format(this.date, 'yyy-LL-dd H:mm')
+			},
+		},
 	},
 	methods: {
 		setDateValue(newVal) {