Calendar - Soft UI

The Calendar component allows you to simply create beautiful Calendars with high customizability.


Default Calendar

Use this example to create simple and eye-catching calendar for you project.

Props Information

NameTypeDefaultDescription
idStringwidget-calendarUsed to set id for the current Calendar component.
titleStringCalendarUsed to set title of the Calendar.
dayStringTuesdayUsed to set day of the Calendar.
yearString2022Used to set year of the Calendar.
initialViewStringdayGridMonthUsed to set initialView format of the Calendar.
initialDateString2022-02-24Used to set the start date of the Calendar.
eventsArrayUsed to add dates to the Calendar.
selectablebooltrueUsed to make the Calendar selectable.
editablebooltrueUsed to make the Calendar editable.