From 56eac1eb7e7bdea1598d1900e53975763dc1eac0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Mon, 1 Oct 2018 15:32:04 +0200
Subject: [PATCH] Highlight available dates

---
 .../Private/Assets/js/components/DateSelect.vue        | 10 ++++++++++
 .../Private/Assets/scss/remix/_datepicker.scss         |  9 +++++++++
 2 files changed, 19 insertions(+)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
index bf29fcca..35420606 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
@@ -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(() => {
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
index 0639d0a7..71637893 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
@@ -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;