The demo with Composition API. Events are not showing in the calendar and the Navigator has no effect on the calendar when different date selected.
It is possible to add a new date but calendar will not respond to date changes.
Thanks for reporting the issue!
The current date is changed using the onTimeRangeSelected event of the date picker (Navigator):
DayPilotconst 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.
This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.