issue 54 resolved added disableTo props

src/RangedatePicker.vue

@@ -18,7 +18,8 @@
             <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.dateDisabled]: isDateAvailabe(r, i, startMonthDay, endMonthDate, 'left')}]" v-for="i in numOfDays" :key="i" v-html="getDayCell(r, i, startMonthDay, endMonthDate)"
                 @click="selectFirstItem(r, i)"></li>
             </ul>
         </div>
@@ -33,7 +34,8 @@
           <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.dateDisabled]: isDateAvailabe(r, i, startNextMonthDay, endNextMonthDate, 'right')}]"
                 v-for="i in numOfDays" :key="i" v-html="getDayCell(r, i, startNextMonthDay, endNextMonthDate)"
                   @click="selectSecondItem(r, i)"></li>
           </ul>

src/js/rangedate-picker.js

@@ -171,6 +171,9 @@ export default {
     righttoleft: {
       type: String,
       default: 'false'
+    },
+    disableTo: {
+      default: () => new Date()
     }
   },
   data () {
@@ -357,6 +360,29 @@ export default {
       this.activeYearStart = this.dateRange.start.getFullYear()
       this.activeYearEnd = this.dateRange.end.getFullYear()
     },
+    isDateAvailabe (r, i, startMonthDay, endMonthDate, type) {
+      if (this.disableTo) {
+        const result = this.getDayIndexInMonth(r, i, startMonthDay)
+        let flag = false
+        let month = ''
+        if (type === 'right') {
+          month = this.startNextActiveMonth
+        }
+        if (type === 'left') {
+          month = this.activeMonthStart
+        }
+        const selectedDate = new Date(this.activeYearEnd, month, result, 0, 0, 0, 0)
+        const currentDate = new Date(this.disableTo)
+        currentDate.setHours(0, 0, 0, 0)
+        if (currentDate.getTime() > selectedDate.getTime()) {
+          flag = true
+        }
+        const finalFlag = result > 0 && result <= endMonthDate ? flag : true
+        return (finalFlag)
+      }
+      const result = this.getDayIndexInMonth(r, i, startMonthDay)
+      return !(result > 0 && result <= endMonthDate)
+    },
     setDateValue: function () {
       this.$emit('selected', this.dateRange)
       if (!this.isCompact) {