compact for me.

How do you create videos like these?

I choose Compact because it shows starts and end date with the number of nights. I did not choose Expanded because when another card appeared I thought it is for different thing.

expanded

These are great!

Expanded for me. Shows the selected dates clearly. Also I think a smooth slide-out transition would make this look even more sleek. What do you think? 🤔

I'd go compact. Keeping everything in one card makes it easier to see the dates and nights at a glance.

I go to compact

I think keeping the block from jumping is better for the overall UX because it keeps the layout stable and prevents unexpected shifts that can distract or confuse the user

Compact. Once check-in is chosen, the nights and the button should update in the same card. The second card in Expanded reads like a new task, not a summary of the same stay. A transition is nice, but it should happen inside the calendar card so the eye never leaves the dates.

I like the presentation; it's a creative one

Expanded for me. A separate summary card makes the dates and total easier to check before booking.

For a booking flow, I would test whether guests can quickly verify their dates, number of nights and total price before continuing. A compact layout may reduce scrolling on mobile, while a separate summary gives the confirmation step more emphasis. Have you tested both versions on small screens, especially with longer stays?