From f168ec8df601252b9f87dca289451a413c5e3a71 Mon Sep 17 00:00:00 2001
From: Afrie Irham <32460534+afrieirham@users.noreply.github.com>
Date: Tue, 25 Jul 2023 01:20:42 +0800
Subject: [PATCH] fix: [CAL-2040] add spinner when bookerState is loading
 (#9873)

---
 packages/features/bookings/Booker/Booker.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/features/bookings/Booker/Booker.tsx b/packages/features/bookings/Booker/Booker.tsx
index 2950239c7e..051d03169d 100644
--- a/packages/features/bookings/Booker/Booker.tsx
+++ b/packages/features/bookings/Booker/Booker.tsx
@@ -158,6 +158,11 @@ const BookerComponent = ({
   };
 
   const shouldShowFormInDialog = shouldShowFormInDialogMap[layout];
+
+  if (bookerState === "loading") {
+    return null;
+  }
+
   return (
     <>
       {event.data ? <BookingPageTagManager eventType={event.data} /> : null}
@@ -209,7 +214,7 @@ const BookerComponent = ({
                 <EventMeta />
                 {layout !== BookerLayouts.MONTH_VIEW &&
                   !(layout === "mobile" && bookerState === "booking") && (
-                    <div className=" mt-auto px-5 py-3">
+                    <div className="mt-auto px-5 py-3 ">
                       <DatePicker />
                     </div>
                   )}