FlightLayoverBanner Component

Short Layover

A typical short layover between connecting flights, displaying duration and city.

2 hour layover in Madrid

Arrival: 14:00, Departure: 16:00 - Standard connecting time

2h layover in Madrid

Long Layover

Extended layover allowing time to explore the connecting city or rest.

8 hour layover in Amsterdam

Arrival: 10:30, Departure: 18:30 - Long layover with city exploration opportunity

8h layover in Amsterdam

Overnight Layover

Overnight layover that requires accommodation, crossing to the next day.

15 hour overnight layover in Dubai

Arrival: 23:45, Next day departure: 14:45 - Overnight stay required

15h layover in Dubai

Quick Connection

Minimum connection time for tight transfers between flights.

45 minute connection in Frankfurt

Arrival: 12:15, Departure: 13:00 - Tight connection requiring quick transfer

45m layover in Frankfurt

International Connection

International layover requiring customs and immigration processing.

3 hour layover in London Heathrow

Arrival: 09:20, Departure: 12:20 - International connection with immigration

3h layover in London

Error States

How the component handles invalid or missing data gracefully.

Invalid dates

When arrival or departure times are invalid or missing

Layover in Paris Time not available for this flight.

Missing city

When the layover city information is not available

2h 30m layover in undefined

Features

The FlightLayoverBanner component includes: