rocket This release is brand new! For older releases, use the switcher ↓
edit doc

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.