Calendar

Date pickers, event scheduling, and calendar management components.

Month Calendar

Full month grid with navigation, today highlight, event dots, and date selection.

March 2026

Sun

Mon

Tue

Wed

Thu

Fri

Sat

Week View

Seven-day layout with hourly time slots and color-coded event blocks.

Sun

8

9AM

10AM

Standup

12PM

1PM

2PM

3PM

4PM

Mon

9

Team Meeting

10AM

11AM

12PM

1PM

Design Sync

3PM

4PM

Tue

10

9AM

10AM

11AM

Lunch

1PM

2PM

3PM

4PM

Wed

11

9AM

10AM

11AM

12PM

1PM

Review

3PM

Demo

Thu

12

9AM

Call

11AM

12PM

1PM

2PM

3PM

4PM

Fri

13

9AM

10AM

11AM

12PM

1PM

2PM

1:1

4PM

Sat

14

9AM

10AM

11AM

12PM

1PM

2PM

3PM

4PM

Event List

Upcoming events with color-coded borders, time ranges, locations, and attendee avatars.

Product Roadmap Review

10:00 AM - 11:00 AM

Conference Room A

AR

BM

CL

+2

Design Sprint Kickoff

1:00 PM - 2:30 PM

Zoom Meeting

FG

HJ

Client Onboarding

3:00 PM - 4:00 PM

Meeting Room 3

IK

LM

NO

Engineering Standup

9:00 AM - 9:15 AM

Slack Huddle

PQ

RS

TU

+1

Budget Planning

11:00 AM - 12:00 PM

Board Room

XY

ZA

BC

Add Event Form

Complete event creation form with color picker, repeat options, and attendee tags.

Event Title

Date

Start Time

End Time

Location

Description

Color

Repeat

Attendees

Alice R.×Bob M.×

Mini Calendar

Compact calendar widget with event list for the selected date.

March 2026

S

M

T

W

T

F

S

March 10

9:00 AMTeam Standup

11:00 AMSprint Review

2:00 PMClient Call

Calendar Categories

Sidebar calendar list with toggleable colored checkboxes and event counts.

My Calendars