vue-cal icon indicating copy to clipboard operation
vue-cal copied to clipboard

[Feature] Set max events to show in month overview and add "n more events" if there are more

Open basvdijk opened this issue 5 months ago • 0 comments

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"

Image

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.

Image

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

basvdijk avatar Aug 06 '25 08:08 basvdijk