From 5ca914b32e0514a0b353334eea67033e37999eb2 Mon Sep 17 00:00:00 2001
From: Alex van Andel <me@alexvanandel.com>
Date: Mon, 20 Jun 2022 10:01:57 +0100
Subject: [PATCH] Fix weekStart passThrough + allow all days (#3108)

---
 apps/web/components/booking/pages/AvailabilityPage.tsx | 7 +++++++
 apps/web/pages/settings/profile.tsx                    | 5 +++++
 2 files changed, 12 insertions(+)

diff --git a/apps/web/components/booking/pages/AvailabilityPage.tsx b/apps/web/components/booking/pages/AvailabilityPage.tsx
index a522d92771..29c83cb774 100644
--- a/apps/web/components/booking/pages/AvailabilityPage.tsx
+++ b/apps/web/components/booking/pages/AvailabilityPage.tsx
@@ -664,6 +664,13 @@ const AvailabilityPage = ({ profile, eventType }: Props) => {
                   )*/}
               </div>
               <SlotPicker
+                weekStart={
+                  typeof profile.weekStart === "string"
+                    ? (["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"].indexOf(
+                        profile.weekStart
+                      ) as 0 | 1 | 2 | 3 | 4 | 5 | 6)
+                    : profile.weekStart /* Allows providing weekStart as number */
+                }
                 eventType={eventType}
                 timezoneDropdown={timezoneDropdown}
                 timeZone={timeZone}
diff --git a/apps/web/pages/settings/profile.tsx b/apps/web/pages/settings/profile.tsx
index 834c370653..bbaa83c0d9 100644
--- a/apps/web/pages/settings/profile.tsx
+++ b/apps/web/pages/settings/profile.tsx
@@ -358,6 +358,11 @@ function SettingsView(props: ComponentProps<typeof Settings> & { localeProp: str
                   options={[
                     { value: "Sunday", label: nameOfDay(props.localeProp, 0) },
                     { value: "Monday", label: nameOfDay(props.localeProp, 1) },
+                    { value: "Tuesday", label: nameOfDay(props.localeProp, 2) },
+                    { value: "Wednesday", label: nameOfDay(props.localeProp, 3) },
+                    { value: "Thursday", label: nameOfDay(props.localeProp, 4) },
+                    { value: "Friday", label: nameOfDay(props.localeProp, 5) },
+                    { value: "Saturday", label: nameOfDay(props.localeProp, 6) },
                   ]}
                 />
               </div>