v-calendar component is used to
display information in a daily, weekly, or monthly view. The daily view
has slots for all day or timed elements, and the weekly and monthly view
has a slot for each day. Optionally you can pass in an array of events
and they will be rendered over the appropriate days and times.
See documentation.
This is an example of an event calendar with all-day and timed
events with a type of week.
This is an example of calendar with content in each interval slot
and a type of day.
Slots allow you to define the content for each day, time interval for the daily views, and various labels.
This is an example of a planner with additional event handlers and external components controlling the display of the calendar.