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
// Soft 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.