These docs are for an old release.
Info on upgrading to v6
ClassName Inputs
CSS classNames can be injected into FullCalendar’s DOM in various places. They can be provided in the following formats. These examples use eventClassNames from the event render hooks:
a string:
eventClassNames: 'myclassname'
eventClassNames: 'myclassname otherclassname' // multiple separated by spaces
an array of strings (the preferred way):
eventClassNames: [ 'myclassname', 'otherclassname' ]
a function that returns either of the above formats:
eventClassNames: function(arg) {
if (arg.event.extendedProps.isUrgent) {
return [ 'urgent' ]
} else {
return [ 'normal' ]
}
}
Each hook accepts different arguments. For example, eventClassNames accepts a single object argument with a whole bunch of properties.