Use svg icons for left and right year group arrows in navigation pane. Closes #69.

Author: Nathan Reyes

CHANGELOG.md

@@ -1,3 +1,7 @@
+#0.6.3
+## Bug Fixes
+Use svg icons for left and right year group arrows in navigation pane. Closes #69.
+
 #v0.6.2
 ## Bug Fixes
 `v-calendar`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-calendar",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "A clean and extendable plugin for building simple attributed calendars in Vue.js.",
   "keywords": [
     "vue",

src/components/CalendarNav.vue

@@ -62,23 +62,25 @@
     v-if='mode_ === "year"'>
     <div class='c-header'>
       <!--Previous year group button-->
-      <span
-        class='c-arrow vc-angle-left'
+      <svg-icon
+        :glyph='angleLeft'
+        class='c-arrow'
         :class='{ "c-disabled": !canMovePrevYearGroup }'
         @click='yearGroupIndex--'>
-      </span>
+      </svg-icon>
       <!--Mode switch button-->
       <span
         class='c-title'
         @click='selectMode("month")'>
         {{ firstYear }} - {{ lastYear }}
       </span>
       <!--Next year group button-->
-      <span
-        class='c-arrow vc-angle-right'
+      <svg-icon
+        :glyph='angleRight'
+        class='c-arrow'
         :class='{ "c-disabled": !canMoveNextYearGroup }'
         @click='yearGroupIndex++'>
-      </span>
+      </svg-icon>
     </div>
     <!--Years table-->
     <table class='c-table'>