The first one can simply be reproduced in your "Working time demo" example.
Steps to reproduce:
- Select "Day" in the Dropdown
- Lower "TO DAY" to e.g. 5 or 4
Result: the vertical lines are now out of sync (see these screenshots). The second one can be reproduced using the following view preset:
{
name: ViewName.TimelineHour,
daysVisible: 5,
preset: {
defaultSpan: 12,
displayDateFormat: this.dateTimeFormat.shortTimeFormat,
shiftIncrement: 1,
shiftUnit: 'day',
tickWidth: 24,
timeResolution: {
increment: 1,
unit: 'hour',
},
headerConfig: {
bottom: {
increment: 15,
renderer: (date: Date) => format(date, 'mm'),
unit: 'minute',
},
middle: {
renderer: action((date: Date) => this.dateTimeFormat.formatShortTime(date)),
unit: 'hour',
},
top: {
align: 'left',
renderer: action(
(date: Date) =>
`${this.dateTimeFormat.formatDateWithShortWeekday(
date
)} KW ${this.dateTimeFormat.formatWeeknumber(date)}`
),
unit: 'day',
},
},
linesFor: 'middle',
},
}
- While viewing the scheduler, change the working hours to 6-17
Results:
- Just as above, the vertical lines are out of sync
- The current timeline still starts at 8 o'clock (ok, maybe I need to do something here myself, I don't know)
- The width of the header cells gets wrong (maybe that's also my fault )