Customize the calendar day header

27 Aug 20261 minute to read

You can change the format of the day that has to be displayed in the Calendar header using the dayHeaderFormat property.

By default, the format is Short.

Name Description
Short Sets the short format of day name (like Su) in the day header.
Narrow Sets the single character of day name (like S) in the day header.
Abbreviated Sets the min format of day name (like Sun) in the day header.
Wide Sets the long format of day name (like Sunday) in the day header.
@Html.EJS().Calendar("element").DayHeaderFormat(DayHeaderFormat.Short).Render()

Narrow day header format

Abbreviated day header format

View Sample in GitHub.