Highlight available dates

2018-10-01 15:32:04 +02:00
parent ded74b212b
commit 56eac1eb7e
2 changed files with 19 additions and 0 deletions
@@ -184,6 +184,16 @@
                            this.fetchAvailableRooms();
                        }
                    }
+                },
+                onDayCreate: (dObj, dStr, fp, dayElem) => {
+                    const day = dayjs(dayElem.dateObj).format('YYYY-MM-DD');
+                    for (const entry of this.availableDates) {
+                        if (entry.date === day) {
+                            dayElem.classList.add('available');
+                            return false;
+                        }
+                    }
+
                }
            });
            Vue.nextTick(() => {
@@ -46,6 +46,15 @@
  }
 }

+.flatpickr-day {
+  border-radius: 0;
+
+  &.available:not(.inRange) {
+    color: white;
+    background-color: $color-label-success;
+  }
+}
+
 .flatpickr-day.selected {
  &.startRange, &.endRange {
    background: $color-brand-secondary;