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