Merged in fix/book-149-ui-fixes (pull request #3463)

Fix/book 149 ui fixes

* fixed text-overflow issue in datepicker trigger

* fixed X missing in booking code text field

* fixed toDate not setting properly

* fixed spacing issues and placeholder text not fitting

* added error message to child age if none is added

* spacing fixes

* Revert "map link alignment fix"

This reverts commit d38cc5b007bc05a1d48ce6661b1052fe714961c3.

* fixed EB points padding issue on SAS tablet

* maxWidth on BookingCode/voucher

* spacing fixes

* fixed icons in error message

* spacing fixes

* scroll to child age picker updates

* feat(SW-3706): fix heatmap issue for langswitcher and booking widget

* fixed tablet lineup issue


Approved-by: Linus Flood

packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/GuestsRoom/index.tsx

@@ -16,12 +16,15 @@ export function GuestsRoom({
   room,
   index,
   onRemove,
+  containerRef,
 }: {
   room: GuestsRoom
   index: number
   onRemove: (index: number) => void
+  containerRef?: React.RefObject<HTMLDivElement | null>
 }) {
   const intl = useIntl()
+
   const roomLabel = intl.formatMessage(
     {
       id: "booking.roomIndex",
@@ -48,6 +51,7 @@ export function GuestsRoom({
           currentAdults={room.adults}
           currentChildren={room.childrenInRoom}
           childrenInAdultsBed={childrenInAdultsBed}
+          containerRef={containerRef}
         />
         {index !== 0 && (
           <Button
@@ -64,6 +68,7 @@ export function GuestsRoom({
           </Button>
         )}
       </section>
+
       <Divider color="Border/Divider/Subtle" />
     </div>
   )