Merged in fix/book-149-datepicker-overflowing (pull request #3433)

Fix/optimizations and cleanup of booking widget

* fix(BOOK-149):fixed issue with datepicker overflowing on months spanning more weeks

* fix(BOOK-149): added smooth scroll to age selector to avoid clipping the selector

* cleanup in trigger and css

* update to new Button componenet to fix missing focus indicator

* included color token in triggerbutton class instead


Approved-by: Bianca Widstam
Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/BookingWidget/GuestsRoomsPicker/guests-rooms-picker.module.css

@@ -38,7 +38,7 @@
   margin-bottom: var(--Space-x1);
 }
 
-.btn {
+.triggerButton {
   background: none;
   border: none;
   color: var(--Text-Default);
@@ -54,9 +54,9 @@
   right: 0;
   padding: 20px var(--Space-x15) 0;
   border-radius: var(--Corner-radius-lg);
-}
-
-.guestsAndRooms {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
   color: var(--Text-Default);
 }
 
@@ -207,12 +207,6 @@
     overflow-y: visible;
   }
 
-  .trigger > span {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
   .pickerContainer:focus-visible {
     outline: none;
   }