TLDR;
How do I provide a custom renderer to the Vaadin FullCalendar for Flow?
Detailed version
In my app, I have customised Entries with additional fields.
The default calendar views render the time and title which works fine.
I have a requirement where I need to display a non editable week with the entry details which I got working with the TIME_GRID_WEEK.
However, on this view, I need to display more details (I got additional fields like venue, speaker name, ticket price etc).
I was thinking the Vaadin Card component will suit perfectly here.
I was hoping for something like calendar.setRenderer(...) but couldn’t find anything.
The FC for Flow is not a “native” component as other Vaadin components are, but is a wrapper for the FullCalendar javascript library and therefore relies on its provided client side functions for rendering content.
Please check the wiki on how to provide a custom renderer for entries:
Thank you Stefan! I am JS challenged but I will definitely give it a try.
While reading through the Wiki link you provided, I also stumbled across the FullCalendarVariant.LUMO style variant which not only looks much better and visually similar to the standard Vaadin components, but in fact also helped solve a problem for me.
I had logged an issue on github earlier about the popover opacity, which was fixed after setting the theme!