Screen patterns

Schedule

A screen for viewing, creating, or changing a time-based schedule or availability.

1. District: Showtimes and cinema listing with date picker

   Film title in the header, a date strip, Filters and 'Sort by' controls, then cinema cards each listing a venue name with distance and a grid of clickable show times.

   

   View the screen

2. District: Family dining collection — loaded availability results with per-venue slot pills

   Back-titled 'Family dining' collection with 'Filters (1)', '21 Aug, 12:30 PM • 4 guests' and '30% OFF & above' chips over an 'All restaurants' list; venue cards (Atlantis 4.2★ • North Indian • ₹2500 for two • Flat 20% OFF; Roxie 4.7★ • Flat 10% OFF) each carry a 'Slots for tomorrow' row of bookable time pills (12:00 / 12:15 / 12:30 / 12:45 PM) with per-slot discount labels.

   

   View the screen

3. EaseMyTrip: Train results

   Loaded train options from New Delhi to Mumbai Central with departure and arrival times, duration, seat availability, and filters.

   

   View the screen

4. BookMyShow: Cinema showtimes

   Showtimes listing for the chosen film: a horizontal date strip, Hindi/2D language-format line, Sort/Cancellable/price-band filters, and four Goa cinemas each with green showtime chips.

   Premium screenshot

   View the screen

5. BookMyShow: Event date and time

   Step 1 of the booking wizard (Date & Time / Ticket / Review) showing the venue line and Select Date chips for the available nights.

   Premium screenshot

   View the screen