From 07f20cad35bd896efd75811846c1b0918f0f43c4 Mon Sep 17 00:00:00 2001
From: Sergey Solodyagin <solodyagin@gmail.com>
Date: Mon, 22 Nov 2021 11:09:07 +0300
Subject: [PATCH] fix: highlight days (highlightedDays) when precision equal
 'day'

---
 lib/components/GGanttGrid.vue | 29 +++++++++++++++++++++++------
 package.json                  |  2 +-
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/lib/components/GGanttGrid.vue b/lib/components/GGanttGrid.vue
index 0eeace0..04a48b6 100644
--- a/lib/components/GGanttGrid.vue
+++ b/lib/components/GGanttGrid.vue
@@ -10,11 +10,7 @@
       :class="[
         'g-grid-line',
         { 'g-grid-line-last': index === allChildPoints.length - 1 },
-        {
-          'g-grid-line-highlighted':
-            (precision === 'day' && highlightedHours.includes(childPoint)) ||
-            (precision === 'month' && highlightedDays.includes(childPoint))
-        }
+        { 'g-grid-line-highlighted': isHighlighted(childPoint) }
       ]"
       :style="{ width: `${gridSize}px` }"
     />
@@ -46,7 +42,7 @@ export default {
       while (start.isBefore(end)) {
         switch (this.precision) {
           case 'day':
-            res.push(start.hour())
+            res.push(start.format('YYYY-MM-DD H'))
             start.add(1, 'hour')
             break
           case 'month':
@@ -57,6 +53,27 @@ export default {
       }
       return res
     }
+  },
+
+  methods: {
+    isHighlighted(point) {
+      switch (this.precision) {
+        case 'day':
+          if (
+            this.highlightedDays.includes(
+              moment(point, 'YYYY-MM-DD').format('YYYY-MM-DD')
+            )
+          ) {
+            return true
+          } else {
+            return this.highlightedHours.includes(
+              moment(point, 'YYYY-MM-DD H').get('hour')
+            )
+          }
+        case 'month':
+          return this.highlightedDays.includes(point)
+      }
+    }
   }
 }
 </script>
diff --git a/package.json b/package.json
index 36445ed..da2de35 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tenrok/vue-ganttastic",
-  "version": "0.10.19",
+  "version": "0.10.20",
   "description": "A simple and customizable Gantt chart component for Vue.js",
   "keywords": [
     "gantt",