Calendar screen examples

Airbnb

Search overlay where the user selects exact or flexible dates for their stay using a two-month calendar view.

• Date & Time
• Search

Riverside

Content planner calendar where the user views a scheduled "Sample" session's details in a side drawer, including options to start or edit the event.

• Edit
• Media Detail

Amie

AI chat interface where the user has requested to schedule a break, showing the AI's drafted calendar event card, a reasoning indicator, and a bottom composer with a success toast notification.

• AI Chat
• AI Editing

Aboard

List view where an employee manages their time off by viewing a monthly calendar of scheduled absences alongside their current vacation and sick leave balances.

• Dashboard

Navattic

Detail page confirming a booked meeting with Alec Wnuk, showing the time, guests, and an option to reschedule.

• Confirmation

Mailchimp

List view displaying scheduled marketing campaigns on a monthly calendar grid, with filters for campaign type, status, and folder.

• Filter & Sort
• Dashboard

Missive

Settings modal where the user is prompted to add a calendar account because none are currently connected.

• Empty State
• Settings

Meetup

Home page where the user browses recommended upcoming events, checks their personal RSVP schedule, and views activity from their joined groups.

• Home
• Search

Lightfield

Detail page for a CRM account where the user is creating a new task and selecting a due date from a calendar popover.

• Tasks
• Edit

Gumloop

AI chat interface where the user interacts with a custom agent to check their calendar and schedule meetings.

• AI Agent
• AI Chat

Cache

Dashboard where the user schedules an advisor intro call by selecting a date and time zone in a calendar modal.

• Dashboard
• Date & Time

Fyxer

Dashboard showing the user's upcoming meetings for today and tomorrow, with a prompt to browse past meeting notes.

• Dashboard