Fixed top date(month,year) active function

ManukMinasyan · Jan 8, 2020 · 6301328 · 6301328 · vercel · Jan 8, 2020
1 parent 5d4a123
commit 6301328
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git 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
@@ -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>