Calendar Component - Week & Day view with All-Day events only?

💬 App Building
1

  • Goal: Only want to see all-day events in both the week and day views

  • Details: In my app, all of the events are all-day events. This is a requirement. There can be 50+ events per day. These events are pulled through a resource query (Postgres).

Increasing the 'Day max events' works for the week view, but causes issues in displaying the Month view (each day becomes very difficult to see).

All views are important. The calendar isn't highly interactive and is used for presentation. Clicking on an event opens a modal that displays the details.

I thought it might be possible to programatically changes the day max events depending on the selected view, but unfortunately, I can't seem to find any way to trigger a function based on the view change.

Ideally, it would be possible to remove the all time slots in both the week & day view.

Looking for support/suggestions on this one.

2 Likes
2

Hello @Jeremy_DBPA,

If changing some of the properties for some of the view works, you can use fx to vary these values according to the current view, like so:

image
image647×511 51.9 KB

Let me know if this helps!

3

@GuilhermeSilva Thanks for this solution! :smile:

Honestly, kicking myself I didn't think of it.

It's a great good stop-gap before committing to going down a custom component.

1 Like