Skip to content

Calendar Design: Events, Schedule, Planning & Booking UI

Calendar interface examples: event viewing, scheduling, planning, booking. See how Google Calendar, Calendly, Notion design date and time interactions.

14 products · 3,861 screenshots

More about this pattern

Calendar is a complex interface that must stay simple. Browse day/week/month views, drag-and-drop event moving, click-to-create events, video call integration, slot booking (Calendly). Notice overlap display, time zones, category color coding, mini calendar for quick navigation. Useful for designing planners, booking systems and schedule management.

Buffer — Marketing UI screenshot

Buffer

Social media management for everyone

Cal.com — Productivity UI screenshot

Cal.com

Open scheduling infrastructure

Calendly — Productivity UI screenshot

Calendly

Schedule meetings with ease

Clockwise — Productivity UI screenshot

Clockwise

AI powered time management calendar

Cron Calendar — Productivity UI screenshot

Cron Calendar

Next-generation calendar for professionals and teams

Jobber — SaaS UI screenshot

Jobber

Field service software

Todoist — Productivity UI screenshot

Todoist

To-do list & calendar

Toggl Track — Productivity UI screenshot

Toggl Track

Time tracking software, project planning & hiring tools

Kalstore — Productivity UI screenshot

Kalstore

Minimalistic everyday calendars & planners

jobber-ios — SaaS UI screenshot

jobber-ios

SaaS

one-year-ios — Productivity UI screenshot

one-year-ios

Productivity

reminders-ios — Productivity UI screenshot

reminders-ios

Productivity

Tiimo — Productivity UI screenshot

Tiimo

ADHD task & planning assistant

Todoist — Productivity UI screenshot

Todoist

To-do list & calendar