Merge pull request #89 from joffreyBerrier/hotfix/remove-re-render

remove rerender on disabledDate watch

README.md

@@ -1,5 +1,5 @@
-# Release 1.0.6
-https://github.com/joffreyBerrier/vue-hotel-datepicker/releases/tag/1.0.6
+# Release 1.0.7
+https://github.com/joffreyBerrier/vue-hotel-datepicker/releases/tag/1.0.7
 
 # vue-hotel-datepicker@2
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-hotel-datepicker2",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "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

@@ -400,7 +400,7 @@ export default {
   },
   data() {
     return {
-      dynamicDisabledDates: [],
+      dynamicDisabledDates: ["2021-04-30", "2021-05-01", "2021-05-02"],
       ptPT: {
         night: "Noite",
         nights: "Noites",
@@ -577,18 +577,7 @@ export default {
   },
   methods: {
     renderNextMonth() {
-      this.dynamicDisabledDates = [
-        "2021-04-15",
-        "2021-04-16",
-        "2021-04-17",
-        "2021-04-18",
-        "2021-04-19",
-        "2021-04-20",
-        "2021-04-21",
-        "2021-05-01",
-        "2021-05-02",
-        "2021-05-03",
-        "2021-05-04",
+      this.dynamicDisabledDates.push(
         "2021-05-11",
         "2021-05-12",
         "2021-05-13",
@@ -597,7 +586,7 @@ export default {
         "2021-05-16",
         "2021-05-17",
         "2021-05-18"
-      ];
+      );
     },
     toggleDatePickerOutside() {
       this.$refs.DatePicker.showDatepicker();

src/components/DatePicker/index.vue

@@ -175,7 +175,7 @@
                     :key="`${datepickerDayKey}-${monthIndex}-${dayIndex}`"
                   >
                     <Day
-                      v-if="day.belongsToThisMonth"
+                      v-show="day.belongsToThisMonth"
                       :activeMonthIndex="activeMonthIndex"
                       :bookings="sortBookings"
                       :checkIn="checkIn"
@@ -567,7 +567,6 @@ export default {
     },
     disabledDates(newVal) {
       this.createHalfDayDates(newVal);
-      this.reRender();
     },
     isOpen(value) {
       if (this.isMobile && !this.alwaysVisible) {
@@ -1334,6 +1333,7 @@ export default {
     },
     renderNextMonth() {
       this.$emit("renderNextMonth");
+
       const countOfDesktopMonth = this.isDesktop
         ? this.countOfDesktopMonth
         : this.countOfMobileMonth;