From 40b30079c1f02aa24a21fe359f451419f93c1d35 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 8 Jul 2022 16:39:21 +0200
Subject: [PATCH] fix(gantt): correctly show month and year in gantt chart on
 safari

Resolves https://github.com/go-vikunja/frontend/issues/59
---
 src/components/tasks/gantt-component.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 803f26f4f6..01a90a3248 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -16,7 +16,7 @@
 						class="month"
 						v-for="(m, mk) in days[yk]"
 					>
-						{{ formatYear(new Date(`${yk}-${parseInt(mk) + 1}-01`)) }}
+						{{ formatMonthAndYear(yk, parseInt(mk) + 1) }}
 						<div class="days">
 							<div
 								:class="{ today: d.toDateString() === now.toDateString() }"
@@ -436,7 +436,9 @@ export default defineComponent({
 			this.newTaskTitle = ''
 			this.hideCrateNewTask()
 		},
-		formatYear(date) {
+		formatMonthAndYear(year, month) {
+			month = month < 10 ? '0' + month : month
+			const date = new Date(`${year}-${month}-01`)
 			return this.format(date, 'MMMM, yyyy')
 		},
 	},