From 82b4c7322f34aee0cacea9420b63f956d01a5595 Mon Sep 17 00:00:00 2001
From: Nathan Reyes <nathanreyes@me.com>
Date: Wed, 14 Feb 2018 10:17:35 -0600
Subject: [PATCH] Use svg icons for left and right year group arrows in
 navigation pane. Closes #69.

---
 CHANGELOG.md                   |  4 ++++
 package.json                   |  2 +-
 src/components/CalendarNav.vue | 14 ++++++++------
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f1f218845..908d97722 100644
--- a/CHANGELOG.md
+++ b/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`
diff --git a/package.json b/package.json
index 310094216..3f931871b 100644
--- a/package.json
+++ b/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",
diff --git a/src/components/CalendarNav.vue b/src/components/CalendarNav.vue
index 777bfc754..14c4a12c6 100644
--- a/src/components/CalendarNav.vue
+++ b/src/components/CalendarNav.vue
@@ -62,11 +62,12 @@
     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'
@@ -74,11 +75,12 @@
         {{ 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'>