Calendar
PROThe calendar component helps you to simply create a beautiful event calendar. It uses fullcalendar in base and you can use all of its props for the calendar component.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
// Vision UI Dashboard PRO React examples
import Calendar from "examples/Calendar";
Props Information
Name | Type | Default | Description |
---|---|---|---|
header | { title: string, date: string } | { title: "", date: "" } | Sets a title with a specific date on the top of the calendar |
Fullcalendar Props | You can pass all of the fullcalendar props for the Calendar as well. |
The dayGridPlugin
, timeGridPlugin
, interactionPlugin
plugins are add by default for the Calendar
and you don' need to pass them.