Day-Header Render Hooks

Customize the header elements above the day cells in daygrid and timegrid views with the following options. Also, the title elements for each day in list view. For the timeline view, see the slot header render hooks.

dayHeaderAlign - the horizontal text alignment of day header cells. 'start' | 'center' | 'end', default: 'center'. In a left-to-right locale, 'start' means left and 'end' means right.

dayHeaderClass - a ClassName Input for the header <th> cell

dayHeaderInnerClass - a ClassName Input for the inner wrapper of the header cell, which may be a nav link

dayHeaderContent - a Content Injection Input. Generated content is inserted inside the inner-most wrapper of the header cell. It does not replace the <th> cell.

dayHeaderDidMount - called right after the <th> has been added to the DOM

dayHeaderWillUnmount - called right before the <th> will be removed from the DOM

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
• text
• isPast
• isFuture
• isToday
• isOther
• hasNavLink
• resource - if the date column lives under a specific resource in vertical resource view, this value will be the Resource Object
• el - the <th> element. only available in dayHeaderDidMount and dayHeaderWillUnmount