Documentation
RocketFuel
<  Widgets

Calendar - BETA

### Description
Enable a JavaScript event calendar to display upcoming events.

This light weight FullCalendar Integration that has two main features:
1. You can set the options for the calendar in the instance options.
2. You can specify a script include for the events source and it will launch with the NewRocketCalendarAPI.

The calendar has the following events that allow for you to interact with it:
|Event | Description|
| ----- |:-----:|
|calendar-reload-events  | Will re-initialize the calendar.  |
|calendar-reload-events | Will re-initialize the calendar. |
|calendar-send-events |Will broadcast ‘calendar-events’ with payload of calendar events. |
|filter-selected | Will reload the calendar with new set of events passed as an argument. |
|calendar-day-click | Handle for day clicks that will pass the calendar events in the payload. |
|calendar-event-click | Handle for event clicks that will pass the calendar events in the payload. |
### Instance Options
| Option  | Property | Comments | Default Value | Source |
| ----- |:-----:| ---- | ---- | ---- |
| Script Include | `script_include` | Designate a script include to pull event data from. | `Default value` | Instance |
| Bootstrap class name | `class_name` | A valid bootstrap class name can be entered here to change the style of the widget. | `Default value` | Options Schema |
| Configuration | `config` | Displays debug messages about configuration records to help troubleshoot issues. | `Default value` | Options Schema |
### Configuration
```json
{
"options": {
"header":{
"center": "title",
"left": "prev,next today",
"right": "month,agendaWeek,agendaDay"
}
    }
}
```

Want to Learn More? Talk to an Expert
Contact Us