feat: SW-276 Implemented Guests and rooms picker

components/Forms/BookingWidget/FormContent/index.tsx

@@ -7,6 +7,7 @@ import { dt } from "@/lib/dt"
 import DatePicker from "@/components/DatePicker"
 import { SearchIcon } from "@/components/Icons"
 import Button from "@/components/TempDesignSystem/Button"
+import GuestsRoomsPickerForm from "@/components/GuestsRoomsPicker"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import Input from "./Input"
@@ -51,7 +52,7 @@ export default function FormContent({
                 {rooms}
               </Caption>
             </label>
-            <Input type="text" placeholder={rooms} />
+            <GuestsRoomsPickerForm />
           </div>
         </div>
         <div className={styles.voucherContainer}>

components/Forms/BookingWidget/schema.ts

@@ -26,7 +26,6 @@ export const bookingWidgetSchema = z.object({
   ),
   redemption: z.boolean().default(false),
   rooms: z.array(
-    // This will be updated when working in guests component
     z.object({
       adults: z.number().default(1),
       children: z.array(