Add new style and remove logging

Author: AaronThornton00

dist/vue-rangedate-picker.js

@@ -18,7 +18,7 @@
             <ul v-for="r in 6" :class="[s.days]" :key="r">
               <li :class="[{[s.daysSelected]: isDateSelected(r, i, 'first', startMonthDay, endMonthDate),
               [s.daysInRange]: isDateInRange(r, i, 'first', startMonthDay, endMonthDate),
-              [s.dateDisabled]: isDateDisabled(r, i, startMonthDay, endMonthDate)}]" v-for="i in numOfDays" :key="i" v-html="getDayCell(r, i, startMonthDay, endMonthDate)"
+              [s.dateDisabled]: isDateDisabled(r, i, startMonthDay, endMonthDate), [s.dateAfterMax]: isDateAfterMax(r, i, 'first', startNextMonthDay, endNextMonthDate)}]" v-for="i in numOfDays" :key="i" v-html="getDayCell(r, i, startMonthDay, endMonthDate)"
                 @click="selectFirstItem(r, i)"></li>
             </ul>
         </div>
@@ -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.dateAfterMax]: isDateAfterMax(r, i, startNextMonthDay, endNextMonthDate)}]"
+            [s.dateDisabled]: isDateDisabled(r, i, startNextMonthDay, endNextMonthDate), [s.dateAfterMax]: isDateAfterMax(r, i, 'second', startNextMonthDay, endNextMonthDate)}]"
                 v-for="i in numOfDays" :key="i" v-html="getDayCell(r, i, startNextMonthDay, endNextMonthDate)"
                   @click="selectSecondItem(r, i)"></li>
           </ul>
@@ -217,7 +217,7 @@ li.calendar_days--disabled {
 
 li.calendar_days--after-max {
   pointer-events: none;
-  background: #eee;
+  color: #9ca7b2;
 }
 
 li.calendar_days_selected {

dist/vue-rangedate-picker.min.js

@@ -202,7 +202,6 @@ export default {
     }
   },
   created () {
-    console.log(this.maxDate)
     if (this.initPreset) {
       this.updatePreset(this.presets[this.initPreset]())
     }
@@ -332,26 +331,14 @@ export default {
     isDateSelected (r, i, key, startMonthDay, endMonthDate) {
       const result = this.getDayIndexInMonth(r, i, startMonthDay) + 1
       if (result < 2 || result > endMonthDate + 1) return false
-
-      let currDate = null
-      if (key === 'first') {
-        currDate = new Date(this.activeYearStart, this.activeMonthStart, result)
-      } else {
-        currDate = new Date(this.activeYearEnd, this.startNextActiveMonth, result)
-      }
+      const currDate = this.currentDate(key, result)
       return (this.dateRange.start && this.dateRange.start.getTime() === currDate.getTime()) ||
         (this.dateRange.end && this.dateRange.end.getTime() === currDate.getTime())
     },
     isDateInRange (r, i, key, startMonthDay, endMonthDate) {
       const result = this.getDayIndexInMonth(r, i, startMonthDay) + 1
       if (result < 2 || result > endMonthDate + 1) return false
-
-      let currDate = null
-      if (key === 'first') {
-        currDate = new Date(this.activeYearStart, this.activeMonthStart, result)
-      } else {
-        currDate = new Date(this.activeYearEnd, this.startNextActiveMonth, result)
-      }
+      const currDate = this.currentDate(key, result)
       return (this.dateRange.start && this.dateRange.start.getTime() < currDate.getTime()) &&
         (this.dateRange.end && this.dateRange.end.getTime() > currDate.getTime())
     },
@@ -360,15 +347,22 @@ export default {
       // bound by > 0 and < last day of month
       return !(result > 0 && result <= endMonthDate)
     },
-    isDateAfterMax (r, i, startMonthDay, endMonthDate) {
+    isDateAfterMax (r, i, key, startMonthDay, endMonthDate) {
       if (!this.maxDate) return false
       const result = this.getDayIndexInMonth(r, i, startMonthDay)
-      let currDate = null
-      currDate = new Date(this.activeYearEnd, this.startNextActiveMonth, result)
-      console.log(currDate)
-      console.log(this.maxDate)
+      const currDate = this.currentDate(key, result)
       return (currDate > this.maxDate)
     },
+    currentDate (calendar, day) {
+      // calendar is either 'first' or 'second'
+      let currDate = null
+      if (calendar === 'first') {
+        currDate = new Date(this.activeYearStart, this.activeMonthStart, day)
+      } else {
+        currDate = new Date(this.activeYearEnd, this.startNextActiveMonth, day)
+      }
+      return currDate
+    },
     goPrevMonth () {
       const prevMonth = new Date(this.activeYearStart, this.activeMonthStart, 0)
       this.activeMonthStart = prevMonth.getMonth()