Implement a lodging reservation widget with: ( 1) inputs for check-in and check-out dates; compute total price based on nightly rate, length of stay, and dynamic pricing that changes with selected adults and children; ( 2) validation that check-out is after check-in and that guest counts do not exceed capacity; ( 3) a disabled “Book Now” button when the room is sold out or selection is invalid; ( 4) a confirmation dialog on submit. Describe component state, data models, and error states; outline how you would test edge cases such as minimum nights, partial availability, timezone/daylight-saving transitions, and price rounding.

This question evaluates skills in frontend component state design, data modeling, pricing computation, validation logic, error handling, and API integration for a lodging reservation widget.

How do I approach Other / Miscellaneous interview questions?

Other / Miscellaneous questions require understanding of core concepts and practice. PracHub provides solutions with explanations to help you master other / miscellaneous interviews.

What difficulty level is this interview question?

This is a medium difficulty Other / Miscellaneous question, commonly asked during Onsite rounds at Airbnb.

What role is this question designed for?

This question is commonly asked for Software Engineer candidates at Airbnb during technical interviews.

Implement a reservation widget with pricing

Context

You are building a reservation widget for a property details page. The widget must let guests select dates and guest counts, show a price, validate inputs and availability, and submit a reservation. Assume there is an API that exposes availability by date, rate rules, capacity, and a quote endpoint.

Requirements

Inputs and Pricing
- Inputs: Check-in date, Check-out date, Adults, Children.
- Compute total price based on: nightly rate, number of nights, and dynamic pricing that depends on selected adults and children.
- Show an itemized price breakdown.
Validation
- Check-out must be after check-in.
- Guest counts must not exceed capacity and must satisfy rate plan rules (e.g., max adults/children, min nights).
Booking Action
- Disable the "Book Now" button if the room is sold out for any selected night or the selection is otherwise invalid.
Confirmation
- On submit, display a confirmation dialog summarizing dates, guests, and the price breakdown before finalizing.
Design Artifacts to Provide
- Describe component state, data models, and error states.
- Outline how you would test edge cases (minimum nights, partial availability, timezone/daylight-saving transitions, and price rounding).

Context

Requirements

Inputs and Pricing

Inputs: Check-in date, Check-out date, Adults, Children.
Compute total price based on: nightly rate, number of nights, and dynamic pricing that depends on selected adults and children.
Show an itemized price breakdown.

Validation

Check-out must be after check-in.
Guest counts must not exceed capacity and must satisfy rate plan rules (e.g., max adults/children, min nights).

Booking Action

Disable the "Book Now" button if the room is sold out for any selected night or the selection is otherwise invalid.

Confirmation

On submit, display a confirmation dialog summarizing dates, guests, and the price breakdown before finalizing.

Design Artifacts to Provide

Describe component state, data models, and error states.
Outline how you would test edge cases (minimum nights, partial availability, timezone/daylight-saving transitions, and price rounding).

Implement a reservation widget with pricing

Quick Overview

Implement a Lodging Reservation Widget

Context

Requirements

Solution

Comments (0)

Implement a reservation widget with pricing

Quick Overview

Implement a Lodging Reservation Widget

Context

Requirements

Solution

Comments (0)