Allow selecting backwards and in same month

Author: AaronThornton00

dist/vue-rangedate-picker.js

@@ -51,13 +51,13 @@
           </li>
         </ul>
         <div class="calendar-range-button-container">
-          <button class="calendar-btn-cancel" @click="toggleCalendar()">{{captions.cancel_button}}</button>
-          <button :class="{'cancel-button-hidden': isCancelButtonHidden}" class="calendar-btn-apply" @click="setDateValue()">{{captions.ok_button}}</button>
+          <button :class="{'cancel-button-hidden': isCancelButtonHidden}" class="calendar-btn-cancel" @click="toggleCalendar()">{{captions.cancel_button}}</button>
+          <button class="calendar-btn-apply" @click="setDateValue()">{{captions.ok_button}}</button>
         </div>
       </div>
 
     </div>
-    <div class='overlay' @click="toggleCalendar()"></div>
+    <div class='overlay' @click="toggleCalendar()" v-if="isOpen"></div>
   </div>
 </template>
 

dist/vue-rangedate-picker.min.js

@@ -289,24 +289,21 @@ export default {
     },
     getNewDateRange (result, activeMonth, activeYear) {
       const newData = {}
-      let key = 'start'
-      debugger
-      if (!this.isFirstChoice) {
-        key = 'end'
-      } else {
-        newData['end'] = null
-      }
       const resultDate = new Date(activeYear, activeMonth, result)
-      if (!this.isFirstChoice && resultDate < this.dateRange.start) {
-        this.isFirstChoice = false
-        return { start: resultDate }
+      if (this.isFirstChoice) {
+        newData[this.getKey(!this.isFirstChoice)] = null
+      } else {
+        if (resultDate < this.dateRange.start) {
+          return { start: resultDate, end: this.dateRange.start }
+        }
       }
-
-      // toggle first choice
+      newData[this.getKey(this.isFirstChoice)] = resultDate
       this.isFirstChoice = !this.isFirstChoice
-      newData[key] = resultDate
       return newData
     },
+    getKey (firstChoice) {
+      return (firstChoice ? 'start' : 'end')
+    },
     selectFirstItem (r, i) {
       const result = this.getDayIndexInMonth(r, i, this.startMonthDay) + 1
       this.dateRange = Object.assign({}, this.dateRange, this.getNewDateRange(result, this.activeMonthStart,