Calendar: Keep the viewed month of two calendars in sync

In my app I have two calendars. I would like to keep the displayed date in sync.
So when I go to dec'24 in calendar 1 also calendar 2 should display dec'24.
It should also work the other way around.

For now I have built it with external buttons that set the variable 'viewedMonth'. Both calendars use this variable as their default date.

However there are still the interactive elements in each calendar to change the months. I haven't found a way to hook into these change events.

So what I would need is either:

  • the possibility to hide the interactive elements of the calendar
  • the possibility to hook into the change events of the viewed Date

Thanks for the feedback! I've added an internal request for this in our backlog.

In the meantime, you may be able to hide the calendar controls with custom css, or create your own custom React component