Hotel Booking form in Borealis

[braven112]

As a guest,
I want to see a well-arranged hotel search form with all the necessary fields
so that I can easily search for available hotels.

Notes: This is only to create the UI. Not to connect to any live data sources. Content team will do that.

Once we release auro-form we will create an example booking form in Borealis based off of this ADO ticket: #1080049
The component won't have an additional features other than default auro but will be an example we can point folks to.

The content enablement team will add all the necessary features to this form and in a follow up story we will validate the error validation after they are done.

We'll create this in Borealis. We will offer an ideal implementation of Auro that we can point others to in the future. We will also be creating a few form examples over the next few months.

Figma design for the form: https://www.figma.com/design/FvDz2oxp9UEx2OBlzfbAva/Forms?node-id=2509-34067&t=HDUabOBrBI3KliAB-1

Goal:

We want to build the initial version of the hotel booking form using our components from the formkit repo to serve as an example of using form components.

Exit criteria

I know I'm done when:

• A booking form is released in the Borealis.
• A booking form matches the designs provided.
• Form fields: Destination (Auro-Combobox), Check-in Date (Auro-Datepicker), Check-out Date (Auro-Datepicker), Number of Guests (Auro-Select), Room Preferences (Auro-Select), Search Button (Auro-Button).
• Ensure responsive design for various container sizes (XS, SM, MD, LG, XL).
• Ensure proper field alignment and spacing.
• Ensure form can be themed in Hawaiian using the auro themeswitcher