calendar-screenshot.png (42.92 KiB) Viewed 481 times
That works fine.
However, when I want to change the timerange, it only seems to work partially.
As you can see in the gif, the grid itself seem to adjust tot the correct height, but the timelabels on the vertical axis does NOT update along:
import { Calendar } from '../../build/calendar.module.js?461864';
import shared from '../_shared/shared.module.js?461864';
const calendar = new Calendar({
// Start life looking at this date
date : new Date(2020, 9, 12),
// CrudManager arranges loading and syncing of data in JSON form from/to a web service
crudManager : {
transport : {
load : {
url : 'data/data.json'
}
},
autoLoad : true
},
appendTo : 'container',
// Features named by the properties are included.
// An object is used to configure the feature.
features : {
eventTooltip : {
// Configuration options are passed on to the tooltip instance
// We want the tooltip's left edge aligned to the right edge of the event if possible.
align : 'l-r'
}
},
modes: {
week: null,
day: null,
month: null,
year: null,
agenda: null,
weekResources: {
type: 'resource',
title: 'Week',
view: {
type: 'week',
weekStartDay: null,
dayStartShift: 0,
dayStartTime: 6,
dayEndTime: 6,
visibleStartTime: 0,
showAllDayHeader: false,
//eventRenderer: eventRenderer.bind(null, CalendarViewMode.WEEK),
//dayHeaderRenderer
}
},
dayResources: {
type: 'resource',
title: 'Day',
view: {
type: 'day',
dayStartShift: 6,
dayStartTime: 6,
dayEndTime: 6,
visibleStartTime: 6,
showAllDayHeader: false,
//eventRenderer: eventRenderer.bind(null, CalendarViewMode.DAY),
//dayHeaderRenderer
}
}
}
});