Thanks for reporting the issue!
The current date is changed using the onTimeRangeSelected
event of the date picker (Navigator):
const navigatorConfig = {
// ...
onTimeRangeSelected: args => {
calendarConfig.startDate = args.day;
}
};
The calendarConfig
object needs to be made reactive so Vue can detect and apply the changes automatically:
const calendarConfig = reactive({
startDate: "2023-08-01",
// ...
});
The events should load fine, they just were outside of the visible range.
The tutorial is now updated and you can download the fixed project.
Please let me know if there is any problem.