Merge pull request #26 from joffreyBerrier/feature/clear-selection-if…

…-click-on-checkIn

clear selection when click on chekin

README.md

@@ -4,7 +4,7 @@
 [![npm](https://img.shields.io/npm/dt/vue-hotel-datepicker.svg)](vue-hotel-datepicker)
 [![Build Status](https://travis-ci.org/krystalcampioni/vue-hotel-datepicker.svg?branch=master)](https://travis-ci.org/krystalcampioni/vue-hotel-datepicker)
 
-# Release 0.4.8
+# Release 0.4.9
 
 # vue-hotel-datepicker@2
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-hotel-datepicker2",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "author": "Joffrey Berrier - Origin created by krystalcampioni",
   "description": "Vue date range picker component fork of vue-hotel-datepicker create by krystalcampioni",
   "main": "dist/vueHotelDatepicker2.common.js",

src/App.vue

@@ -23,8 +23,8 @@
       </div>
       <div class="box">
         <h3>
-          Disable checkout on the same date as checkin with
-          <strong>disableCheckoutOnCheckin</strong> props
+          Periods
+          <strong>periodDates</strong> props
         </h3>
         <DatePicker
           :disabledDates="[
@@ -100,8 +100,8 @@
         />
       </div>
       <div class="box">
-        <h3>Allow check-in and check-out on the same day</h3>
-        <DatePicker :minNights="0" />
+        <h3>Disable check-in and check-out on the same day</h3>
+        <DatePicker :disableCheckoutOnCheckin="true" :minNights="0" />
       </div>
       <div class="box">
         <h3>Allow selection of single day</h3>

src/components/Day.vue

@@ -497,6 +497,7 @@ export default {
       if (this.disableCheckoutOnCheckin) {
         if (this.checkIn && this.checkIn === date) {
           disableCheckoutOnCheckin = false;
+          this.$emit("clearSelection");
         } else {
           disableCheckoutOnCheckin = true;
         }