I want to have my header to always look like this:
But instead, they look like this:
How do I specify my headers? Zooming changes the headers, does the viewPreset also change then?... Seems like I dont have any control over this. Do I need to specify my headers for a specific ZoomLevel? No matter what zoomLevel I'm at, I can't figure out how to render all hours between 8-15
This is my config for viewPreset.
viewPreset={{
base: 'weekAndDay',
displayDateFormat: 'HH:mm', // Controls how dates will be displayed in tooltips etc
weekStartDay: 1,
shiftIncrement: 1, // Controls how much time to skip when calling shiftNext and shiftPrevious.
shiftUnit: 'day', // Valid values are 'millisecond', 'second', 'minute', 'hour', 'day', 'week', 'month', 'quarter', 'year'.
defaultSpan: 6, // By default, if no end date is supplied to a view it will show 12 hours
timeResolution: { // Dates will be snapped to this resolution
unit: 'minute', // Valid values are 'millisecond', 'second', 'minute', 'hour', 'day', 'week', 'month', 'quarter', 'year'.
increment: 15
},
headers: [ // This defines your header rows from top to bottom
{ // For each row you can define 'unit', 'increment', 'dateFormat', 'renderer', 'align', and 'thisObj'
unit: 'd',
dateFormat: 'dddd D. MMM'
},
{
unit: 'h',
dateFormat: 'HH:mm'
}
],
columnLinesFor: 1 // Defines header level column lines will be drawn for. Defaults to the last level.
}}