Calendar screen screen examples

Capsule

App view showing a monthly calendar with tasks, where the user is filtering the view by category using an open popover menu.

• Calendar
• Filter & Sort

Cobot

Home workspace view featuring floating, translucent widgets for Mail and Calendar over a 3D background.

• Dashboard
• Home

Mighty

List view showing a monthly calendar of events for a community platform, with a sidebar for navigation and space creation.

• Calendar
• Dashboard

Twenty

Detail page where the user views a person's profile and calendar alongside the main people directory, currently showing an empty state for events.

• Files
• Calendar

Huly

Planner view where the user schedules action items from a list onto a three-day calendar grid.

• Calendar
• Schedule

Mangomint

Calendar view showing an empty state with a prompt to add staff members, work schedules, and services to begin.

• Calendar
• Empty State

Midday

Time tracking dashboard where the user views a monthly calendar of logged hours and a list of active projects with their status.

• Dashboard
• Calendar

Reflect

Content editor where the user writes a daily note for March 6th, 2025, using a slash command menu to insert blocks like tasks and lists.

• Tasks
• Edit

Monarch

Calendar view where the user tracks upcoming recurring income and expenses for the month, accompanied by summary progress bars.

• Calendar
• Dashboard

Assembly

App calendar view where the user manages scheduled social media posts across different platforms.

• Calendar
• AI Generation

Front

Combined inbox view where the user reads an email thread about design ethics while simultaneously drafting a related calendar event in the right sidebar.

• Calendar
• Messages

WeTransfer

Content editor for a design review portal where the user is setting a due date for feedback on logo explorations via a calendar popover.

• Date & Time
• Media Editor