Callendars scrollbars working as one

You can synchronize the calendar scrollbars like this:

@Html.DayPilotCalendar("dpc1", ...)

@Html.DayPilotCalendar("dpc2", ...)

<script>
dpc1.nav.scroll.onscroll = function() {
  dpc2.nav.scroll.scrollTop =   dpc1.nav.scroll.scrollTop;
}
dpc2.nav.scroll.onscroll = function() {
  dpc1.nav.scroll.scrollTop =   dpc2.nav.scroll.scrollTop;
}
</script>

I wrote it like this and it doesn't work

https://pastebin.com/QPXTUp7A

You're right, sorry. The latest version requires a different syntax.

@Html.DayPilotCalendar("dpc1", ...)

@Html.DayPilotCalendar("dpc2", ...)

<script>
dpc1.nav.bottomRight.addEventListener("scroll", function() {
  dpc2.nav.bottomRight.scrollTop =   dpc1.nav.bottomRight.scrollTop;
});
dpc2.nav.bottomRight.addEventListener("scroll", function() {
  dpc1.nav.bottomRight.scrollTop =   dpc2.nav.bottomRight.scrollTop;
});
</script>

Please note that it uses an internal API that can change in the future.