New look, new major release.
FullCalendar

Day-Cell Render Hooks

Customize the day cells in DayGrid view and in TimeGrid view’s all-day section. dayCellClass and dayCellInnerClass also apply to the body of the event popover, where info.inPopover is true. For TimeGrid day lanes (the time-slot columns), see Day-Lane Render Hooks.

dayCellClass - a ClassName Input for the outer element of the day cell, a <div role="gridcell">. When printing, some views render it as a table cell (<td>) instead.

dayCellTopClass - a ClassName Input for the top area of the day cell (where the day number appears)

dayCellTopInnerClass - a ClassName Input for the inner wrapper of the top area, which may be a nav link

dayCellTopContent - a Content Injection Input. Generated content is inserted inside the inner-most wrapper of the day cell. It does not replace the cell element itself.

dayCellInnerClass - a ClassName Input for the middle area of the day cell (where events appear)

dayCellBottomClass - a ClassName Input for the bottom area of the day cell (where the more-link appears)

dayCellDidMount - called right after the cell element has been added to the DOM

dayCellWillUnmount - called right before the cell element will be removed from the DOM

Argument#

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

  • date - Date object
  • text - the formatted date text, using dayCellFormat or monthStartFormat
  • textParts
  • dayNumberText
  • weekdayText
  • monthText
  • isPast
  • isFuture
  • isToday
  • isOther
  • isMajor
  • isNarrow
  • inPopover - true when the cell is the body of the event popover
  • hasNavLink
  • options - the calendar options object, useful for reading settings like businessHours
  • resource - if the date cell lives under a specific resource in vertical resource view, this value will be the Resource Object. In the event popover, it’s the resource of the column or lane whose more-link opened it
  • el - the cell element (the <div role="gridcell">). only available in dayCellDidMount and dayCellWillUnmount