Two calendar sharing same agenda

[Fernando de Miguel]

Good afternoon.

I don't know if the following could be implemented.

I need to display two calendars in month view that share the same agenda. Attached is a screenshot done in Paint :). The idea is that if the user selects a day of any of the two months, the agenda is updated with the slots of the selected day.

Best regards

Attachment: calendar_sharing_agenda_425b6a48.zip

[Naveen Kesavaraj]

Hi Fernando de Miguel,

We have validated your query from our end and understand that you need to show common agenda for two calendars in month view using the Sfcalendar. You can achieve the mentioned requirement by implementing the two calendars in a Row widget and need to synchronize it to display the shared common agenda below the Sfcalendar as requested.

 

Here, to display two month-view calendars that share the same agenda using the Sfcalendar, you will need to create two separate instances of the Sfcalendar component and set both of their view modes to "month view." Once you have done this, you should implement a custom logic to update the shared agenda whenever a date is selected on either of the calendars.

 

By following this approach, both calendars will remain synchronized. This means that selecting a date in one calendar will automatically update the agenda, ensuring that it reflects the relevant appointments for the chosen day. Consequently, the agenda view will dynamically adjust to display the appointments associated with the selected date, allowing users to have a solid and integrated experience when managing their schedules across both calendars.

 

Shared the sample and demo below for your reference and you can modify the sample based on your needs.

Screenshot:

Also shared the knowledge base articles related to the customizing of agenda in Sfcalendar below for your reference.
How to customize the agenda view appointment using the style properties in Flutter Calendar?
How to update the custom agenda view events when selected date changes in the Flutter Calendar
How to group appointments in agenda view on Flutter Calendar?

 

If you have further queries, please feel free to reach us!.

Regards,
Naveen K.

Attachment: 195338_e8aa956f.zip

[Fernando de Miguel]

Hi Naveen.

I was thinking that maybe there could be some “trick” to be able to use the agenda of the SfCalendar control itself with two different months. But well, your strategy also works for me, so perfect.

Thank you very much

[Naveen Kesavaraj]

Hi Fernando de Miguel,

You are most welcome. Please get back to us if you need any other assistance. We are happy to assist as always.

Regards,
Naveen K.