From 63013282915b8fe96b2695975005297d93980681 Mon Sep 17 00:00:00 2001
From: Manuk Minasyan <manuk.minasyan1@gmail.com>
Date: Wed, 8 Jan 2020 19:43:00 +0400
Subject: [PATCH] Fixed top date(month,year) active function

---
 package.json                          | 2 +-
 src/components/FunctionalCalendar.vue | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 8a36d31..328275b 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   },
   "name": "vue-functional-calendar",
   "description": "Lightweight, high-performance calendar component based on Vue.js",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/src/components/FunctionalCalendar.vue b/src/components/FunctionalCalendar.vue
index 888875b..125a0cd 100644
--- a/src/components/FunctionalCalendar.vue
+++ b/src/components/FunctionalCalendar.vue
@@ -57,11 +57,10 @@
                                 <h2 class="vfc-top-date"
                                     v-if="checkHiddenElement('month')">
                                     <a href="#" @click.prevent="openMonthPicker(key+1)"
-                                       :class="{'vfc-cursor-pointer vfc-underline':fConfigs.changeMonthFunction, 'vfc-underline-active':showMonthPicker}">
-                                        {{ calendarItem.month }}
-                                    </a>
+                                       :class="{'vfc-cursor-pointer vfc-underline':fConfigs.changeMonthFunction, 'vfc-underline-active':showMonthPicker === key+1}">
+                                        {{ calendarItem.month }}</a>
                                     <a href="#" @click.prevent="openYearPicker(key+1)"
-                                       :class="{'vfc-cursor-pointer vfc-underline':fConfigs.changeYearFunction,  'vfc-underline-active':showYearPicker}">
+                                       :class="{'vfc-cursor-pointer vfc-underline':fConfigs.changeYearFunction,  'vfc-underline-active':showYearPicker === key+1}">
                                         {{ calendarItem.year }}
                                     </a>
                                 </h2>