UI elements

Date field

Screens containing date field.

  1. Cleartrip: Choose hotel dates

    Calendar range selection for hotel check-in and checkout with confirmation.

    Cleartrip Choose hotel dates

    View the screen

  2. Cleartrip: Hotel search

    Hotel destination, stay dates, rooms and guests, and Search hotels controls.

    Cleartrip Hotel search

    View the screen

  3. Cleartrip: Flight search

    One-way flight criteria showing Bengaluru to New Delhi, departure date, one adult, cabin class, and Search flights.

    Cleartrip Flight search

    View the screen

  4. Cleartrip: Choose flight departure date

    Departure-date calendar with daily fare estimates, a selected date, optional return date, and Done.

    Cleartrip Choose flight departure date

    View the screen

  5. District: Find a restaurant — booking preferences sheet

    Bottom-sheet form titled 'Find a restaurant' with a close control and a short subtitle, three stacked preference rows — 'No of guests' (2 guests), 'Date' (Today), 'Time' (2:30 PM) — and a footer pairing a text 'Clear filters' action with a filled 'Find restaurants' submit button, over the dimmed collection listing.

    Premium screenshot

    View the screen

  6. EaseMyTrip: Search hotels

    Hotel search form for choosing a destination, stay dates, guest count, and room count, with an offers section below.

    EaseMyTrip Search hotels

    View the screen

  7. EaseMyTrip: Flight search

    Flight form for a Hyderabad-to-Bengaluru route with departure date, optional return, traveller and economy-cabin settings, fare options, and Search.

    EaseMyTrip Flight search

    View the screen

  8. EaseMyTrip: Bus search

    Bus Search hub with travel tabs, origin and destination fields, departure date shortcuts, Search, travel guidance, and Offers & Deals.

    Premium screenshot

    View the screen

  9. EaseMyTrip: Hotel property details

    Property detail view with photos, identity, rating, location, booking terms, stay dates, hotel information, price, and room-selection action.

    Premium screenshot

    View the screen

  10. MakeMyTrip: Hotels & Homestays search entry

    Stay-search form: By Night / Hourly Stays / Nearby Getaways tabs, a OneCircle Rewards promo, the city field, check-in and check-out dates, room/guest occupancy and a SEARCH button.

    Premium screenshot

    View the screen

  11. MakeMyTrip: Activity booking — Select Date

    A month calendar for choosing the visit date, with weekday headers, the current selection highlighted, FROM DATE and TO DATE summary fields and a DONE confirm button.

    Premium screenshot

    View the screen

  12. MakeMyTrip: Hotels card payment — card entry

    Card-instrument form: Total Due header, an online-transaction warning with a Know more link, empty ENTER CARD NUMBER, MM/YY and CVV fields, and a PAY control that stays disabled while the form is empty.

    Premium screenshot

    View the screen

  13. MakeMyTrip: Hotel property detail

    One property's page: photo hero with a photo count, name, review rating, locality, a property overview blurb, the stay dates and occupancy, the nightly fare with taxes, a wishlist heart and a SELECT ROOM call to action.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.