---
title: 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](slot-header-render-hooks).

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

`dayHeaderClass` - a [ClassName Input](classname-input) for the header `<th>` cell

`dayHeaderInnerClass` - a [ClassName Input](classname-input) for the inner wrapper of the header cell, which may be a nav link

`dayHeaderContent` - a [Content Injection Input](content-injection). 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](vertical-resource-view), this value will be the [Resource Object](resource-object)
- `el` - the `<th>` element. only available in `dayHeaderDidMount` and `dayHeaderWillUnmount`
- `level`