Event Calendar - Views
Choose which views are available in the Event Calendar.
The week view lets users manage events for an entire week.
Team Meeting
Gym Class
1-on-1 with Sarah
Code Review
4th of July BBQ
The day view lets users manage events for a single day.
Gym Class
The month view lets users manage events for an entire month.
Morning Run
Team Meeting
Gym Class
1-on-1 with Sarah
Code Review
4th of July BBQ
Long Run
Morning Run
Sprint Planning
Client Call
Design Review
Gym Class
Happy Hour
Haircut
Team Meeting
1-on-1 with James
Lunch with Colleague
Client Call
Dinner with Friends
Morning Run
All-hands Meeting
Gym Class
Roadmap Planning
Client Call
Grocery Shopping
Game Night
Brunch with Parents
Morning Run
Team Meeting
Performance Review
Movie Night
Gym Class
Wrap-up Meeting
Packing for Vacation
The agenda view lets users manage events in a list layout.
Gym Class
1-on-1 with Sarah
Ends 4 JulAlice's Birthday
Code Review
Ends 4 JulAlice's Birthday
4th of July BBQ
Long Run
Morning Run
Sprint Planning
Client Call
Design Review
Gym Class
Happy Hour
Haircut
Use the views prop to define which views can be accessed in the Event Calendar:
<EventCalendar views={['week', 'month']} />
Team Meeting
Gym Class
1-on-1 with Sarah
Code Review
4th of July BBQ
Use the defaultView prop to initialize the view:
<EventCalendar defaultView="agenda" />
Gym Class
1-on-1 with Sarah
Ends 4 JulAlice's Birthday
Code Review
Ends 4 JulAlice's Birthday
4th of July BBQ
Long Run
Morning Run
Sprint Planning
Client Call
Design Review
Gym Class
Happy Hour
Haircut