vue-cal
vue-cal copied to clipboard
[Feature] Set max events to show in month overview and add "n more events" if there are more
Feature Title
Property to set the amount of events shown in month overview before showing "n more events"
Feature Description
When a day has for example 20 events and events-on-month-view is enabled all 20 events are shown. This could make the month overview very large since all day-cells have the size of the largest day-cell.
Other calendar components cap the number of events and add e.g. "15 more"
Use Case
We have a dashboard which shows lots of events. Some days there are only 4 but other days there are many more.
Vue-cal shows lots of large empty cells for the days where no events are. Therefore the calendar becomes too big to fit the screen. When there is a max number of events we can control how large the height of the calendar will become.
Additional Context
- [ ] I can help implement this feature
- [ ] This feature is critical to my project
Alternative Solutions
- Reducing the cell height. Didn't work because you then just get a capped cell without "n more events" text
- Truncate the length of the event title to make more events fit in a day-cell. Didn't work because we have too many events