From a28cb455f16e8814d83e076dd640111d7d399136 Mon Sep 17 00:00:00 2001
From: Alex van Andel <me@alexvanandel.com>
Date: Wed, 30 Jun 2021 15:41:38 +0000
Subject: [PATCH] Fixed bug that kept the date enabled when the time slot was
 less than 30m

---
 components/booking/DatePicker.tsx | 11 +++++++++--
 pages/[user]/[type].tsx           |  1 +
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/booking/DatePicker.tsx b/components/booking/DatePicker.tsx
index 86fda259..1bea6caf 100644
--- a/components/booking/DatePicker.tsx
+++ b/components/booking/DatePicker.tsx
@@ -7,7 +7,14 @@ import getSlots from "@lib/slots";
 dayjs.extend(utc);
 dayjs.extend(timezone);
 
-const DatePicker = ({ weekStart, onDatePicked, workingHours, organizerTimeZone, inviteeTimeZone }) => {
+const DatePicker = ({
+  weekStart,
+  onDatePicked,
+  workingHours,
+  organizerTimeZone,
+  inviteeTimeZone,
+  eventLength,
+}) => {
   const [calendar, setCalendar] = useState([]);
   const [selectedMonth, setSelectedMonth]: number = useState();
   const [selectedDate, setSelectedDate]: Dayjs = useState();
@@ -43,7 +50,7 @@ const DatePicker = ({ weekStart, onDatePicked, workingHours, organizerTimeZone,
         date.endOf("day").isBefore(dayjs().tz(inviteeTimeZone)) ||
         !getSlots({
           inviteeDate: date,
-          frequency: 30,
+          frequency: eventLength,
           workingHours,
           organizerTimeZone,
         }).length
diff --git a/pages/[user]/[type].tsx b/pages/[user]/[type].tsx
index 1a8b670a..e56ed4c6 100644
--- a/pages/[user]/[type].tsx
+++ b/pages/[user]/[type].tsx
@@ -128,6 +128,7 @@ export default function Type(props): Type {
               workingHours={props.workingHours}
               organizerTimeZone={props.eventType.timeZone || props.user.timeZone}
               inviteeTimeZone={timeZone()}
+              eventLength={props.eventType.length}
             />
             {selectedDate && (
               <AvailableTimes