search

fullcalendar / fullcalendar

Full-sized drag & drop event calendar in JavaScript
https://fullcalendar.io
MIT License
18.52k stars 3.61k forks source link

Option to include default event content with dot indicator with custom eventContent template #7754

Open GeoDbs opened 3 weeks ago

GeoDbs commented 3 weeks ago

Reduced Test Case

https://stackblitz.com/github/fullcalendar/fullcalendar-examples/tree/main/vue3?file=README.md

Do you understand that if a reduced test case is not provided, we will intentionally delay triaging of your ticket?

Which connector are you using (React/Angular/etc)?

Vue

Bug Description

In the FullCalendar app within a Vue project, the dot indicator next to events is not visible. However, in other projects like TypeScript (without connectors), the dot displays correctly. To make it appear, I can manually add the following line of code:

This results in the following structure:

However, this approach feels static and not dynamic. I’m wondering if this is a known issue that is actively being addressed, or if there’s a more suitable solution to dynamically handle the event dot rendering in Vue?

FullCalendar in JavaScript: image

FullCalendar in VueJS: image

acerix commented 2 weeks ago

The default content is replaced when using eventContent, the dots show if that template is disabled, but it seems it could be a useful to have a way to customize the content while keeping the the default content. Similar to https://github.com/fullcalendar/fullcalendar/issues/5927