Merge branch 'master' of github.com:charliekassel/vuejs-datepicker

* 'master' of github.com:charliekassel/vuejs-datepicker:
  Pass isRtl to PickerMonth and PickerYear
  PickerMonth isRtl fix
  PickerYear adjusted for RTL
  PickerMonth adjusted for RTL

Author: Charlie Kassel

src/components/Datepicker.vue

@@ -64,6 +64,7 @@
       :calendarClass="calendarClass"
       :calendarStyle="calendarStyle"
       :translation="translation"
+      :isRtl="isRtl"
       @selectMonth="selectMonth"
       @showYearCalendar="showYearCalendar"
       @changedYear="setPageDate">
@@ -81,6 +82,7 @@
       :calendarClass="calendarClass"
       :calendarStyle="calendarStyle"
       :translation="translation"
+      :isRtl="isRtl"
       @selectYear="selectYear"
       @changedDecade="setPageDate">
       <slot name="beforeCalendarHeader" slot="beforeCalendarHeader"></slot>

src/components/PickerMonth.vue

@@ -3,14 +3,14 @@
     <slot name="beforeCalendarHeader"></slot>
     <header>
       <span
-        @click="previousYear"
+        @click="isRtl ? nextYear() : previousYear()"
         class="prev"
-        :class="{ 'disabled' : isPreviousYearDisabled(pageTimestamp) }">&lt;</span>
+        :class="{ 'disabled' : isRtl ? isNextYearDisabled(pageTimestamp) : isPreviousYearDisabled(pageTimestamp) }">&lt;</span>
       <span class="month__year_btn" @click="showYearCalendar" :class="allowedToShowView('year') ? 'up' : ''">{{ pageYearName }}</span>
       <span
-        @click="nextYear"
+        @click="isRtl ? previousYear() : nextYear()"
         class="next"
-        :class="{ 'disabled' : isNextYearDisabled(pageTimestamp) }">&gt;</span>
+        :class="{ 'disabled' : isRtl ? isPreviousYearDisabled(pageTimestamp) : isNextYearDisabled(pageTimestamp) }">&gt;</span>
     </header>
     <span class="cell month"
       v-for="month in months"
@@ -31,6 +31,7 @@ export default {
     calendarClass: [String, Object, Array],
     calendarStyle: Object,
     translation: Object,
+    isRtl: Boolean,
     allowedToShowView: Function
   },
   computed: {

src/components/PickerYear.vue

@@ -2,11 +2,15 @@
   <div :class="[calendarClass, 'vdp-datepicker__calendar']" v-show="showYearView" :style="calendarStyle" @mousedown.prevent>
     <slot name="beforeCalendarHeader"></slot>
     <header>
-      <span @click="previousDecade" class="prev"
-        :class="{ 'disabled' : isPreviousDecadeDisabled(pageTimestamp) }">&lt;</span>
+      <span
+        @click="isRtl ? nextDecade() : previousDecade()"
+        class="prev"
+        :class="{ 'disabled' : isRtl ? isNextDecadeDisabled(pageTimestamp) : isPreviousDecadeDisabled(pageTimestamp) }">&lt;</span>
       <span>{{ getPageDecade }}</span>
-      <span @click="nextDecade" class="next"
-        :class="{ 'disabled' : isNextDecadeDisabled(pageTimestamp) }">&gt;</span>
+      <span
+        @click="isRtl ? previousDecade() : nextDecade()"
+        class="next"
+        :class="{ 'disabled' : isRtl ? isPreviousDecadeDisabled(pageTimestamp) : isNextDecadeDisabled(pageTimestamp) }">&gt;</span>
     </header>
     <span
       class="cell year"
@@ -28,6 +32,7 @@ export default {
     calendarClass: [String, Object, Array],
     calendarStyle: Object,
     translation: Object,
+    isRtl: Boolean,
     allowedToShowView: Function
   },
   computed: {