Navigator vs. Calendar week shown in week-view

Mike,

You can specify the initial selection using selectionDay property of DayPilot.Navigator. If not specified, it will use today's date.

var nav = new DayPilot.Navigator("nav");
nav.selectionDay = DayPilot.Date.today().addDays(7);  // next week
nav.onTimeRangeSelected = function(args) {
  dp.startDate = args.start;
  dp.update();
};
// ...
nav.init();

When initializing the Calendar, make sure that you are using this date as startDate:

var dp = new DayPilot.Calendar("dp");
dp.startDate = nav.selectionDay;
// ...
dp.init();

All subsequent changes of the Navigator selection will be mapped to the Calendar using nav.onTimeRangeSelected event handler. So the other option is to call select() after both components are initialized:

var nav = new DayPilot.Navigator("nav");
nav.onTimeRangeSelected = function(args) {
  dp.startDate = args.start;
  dp.update();
};
// ...
nav.init();

var dp = new DayPilot.Calendar("dp");
dp.startDate = nav.selectionDay;
// ...
dp.init();

nav.select(DayPilot.Date.today().addDays(7));

Please let me know if it didn't help.

Hi Dan

First I'll note that today on Monday June 10th my existing code operated as I would have expected it to (nav displays Jun 9-15, calendar displays Jun 10-14). So appears that my thoughts above on the current "work-week" not having started were correct.

As to your example, I don't need to play with the navigator date as it is showing the week that I expected already (but code noted for future).

I was not explicitly specifying a dp.startDate value on the calendar itself though so I've now assigned that to nav.selectionDay as suggested. It appears to be working fine at this point, will see if that holds true next Sunday.
Worst case if it doesn't work I can fudge the startDate if the calendar is viewed on a Sunday. :-)

Mike,

Thanks for the update! After checking the implementation it turned out that the Calendar used hardcoded Monday as the first day of week instead of reading the locale. It should be fixed now in the latest sandbox build (2019.2.3883):

https://javascript.daypilot.org/sandbox/