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

Day-Cell Render Hooks

Customize the day cells in daygrid and timegrid views with the following options:

dayCellClassNames - a ClassName Input for adding classNames to the <td> cell

dayCellContent - a Content Injection Input. Generated content is inserted inside the inner-most wrapper of the day cell. It does not replace the <td> cell.

dayCellDidMount - called right after the <td> has been added to the DOM

dayCellWillUnmount - called right before the <td> will be removed from the DOM

Timeline View

For customizing the day cells in Timeline view, use the Slot Render Hooks instead. From an API-perspective they are considered “slots,” not “days,” because they can be any duration.

Argument

When the above hooks are specified as a function in the form function(arg), the arg is an object with the following properties:

  • date - Date object
  • dayNumberText
  • isPast
  • isFuture
  • isToday
  • isOther
  • resource - if the date cell lives under a specific resource in vertical resource view, this value will be the Resource Object
  • el - the <td> element. only available in dayCellDidMount and dayCellWillUnmount