Add maxDate functionality

Author: AaronThornton00

dist/vue-rangedate-picker.js

@@ -33,7 +33,7 @@
           <ul v-for="r in 6" :class="[s.days]" :key="r">
             <li :class="[{[s.daysSelected]: isDateSelected(r, i, 'second', startNextMonthDay, endNextMonthDate),
             [s.daysInRange]: isDateInRange(r, i, 'second', startNextMonthDay, endNextMonthDate),
-            [s.dateDisabled]: isDateDisabled(r, i, startNextMonthDay, endNextMonthDate)}]"
+            [s.dateDisabled]: isDateDisabled(r, i, startNextMonthDay, endNextMonthDate), [s.dateAfterMax]: isDateAfterMax(startNextMonthDay, endNextMonthDate)}]"
                 v-for="i in numOfDays" :key="i" v-html="getDayCell(r, i, startNextMonthDay, endNextMonthDate)"
                   @click="selectSecondItem(r, i)"></li>
           </ul>
@@ -211,10 +211,15 @@
   background: #eee;
   color: #000;
 }
-li.calendar_days--disabled{
+li.calendar_days--disabled {
    pointer-events: none;
 }
 
+li.calendar_days--after-max {
+  pointer-events: none;
+  background: #eee;
+}
+
 li.calendar_days_selected {
   background: #005a82;
   color: #fff;

dist/vue-rangedate-picker.min.js

@@ -45,7 +45,8 @@ const defaultStyle = {
   firstDate: 'calendar_month_left',
   secondDate: 'calendar_month_right',
   presetRanges: 'calendar_preset-ranges',
-  dateDisabled: 'calendar_days--disabled'
+  dateDisabled: 'calendar_days--disabled',
+  dateAfterMax: 'calendar_days--after-max'
 }
 
 const defaultPresets = function (i18n = defaultI18n) {
@@ -181,6 +182,10 @@ export default {
     cancelButtonHidden: {
       type: String,
       default: 'true'
+    },
+    maxDate: {
+      type: Date,
+      default: () => null
     }
   },
   data () {
@@ -354,6 +359,10 @@ export default {
       // bound by > 0 and < last day of month
       return !(result > 0 && result <= endMonthDate)
     },
+    isDateAfterMax (startMonthDay, endMonthDate) {
+      if (!this.maxDate) return false
+      return (endMonthDate > this.maxDate)
+    },
     goPrevMonth () {
       const prevMonth = new Date(this.activeYearStart, this.activeMonthStart, 0)
       this.activeMonthStart = prevMonth.getMonth()