vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.8.3] `#day-event` slot in `v-calendar` does not work in Vuetify 3.8.3

Open obaland opened this issue 8 months ago • 10 comments

Environment

Vuetify Version: 3.8.3 Last working version: 3.8.2 Vue Version: 3.5.12 Browsers: Chrome 135.0.0.0 OS: Linux

Steps to reproduce

  1. Use Vuetify 3.8.3
  2. Import and render <v-calendar> with view-mode="month" and valid :events props
  3. Provide a <template #day-event="{ day, event }"> slot
  4. Observe that the slot content is not rendered

This slot worked correctly in Vuetify 3.8.2 using #event. After the slot name change to #day-event, it no longer works in 3.8.3.

Expected Behavior

  • The slot #day-event should render the event data within the calendar month view.
  • The slot should display the event.title correctly when events are provided to the <v-calendar> component.

Actual Behavior

  • The #day-event slot does not render anything when the component is rendered.
  • The event data is not displayed as expected.
  • This issue only occurs in Vuetify 3.8.3 and later versions, after the change from #event to #day-event.

Reproduction Link

https://play.vuetifyjs.com/#...

obaland avatar Apr 30 '25 07:04 obaland

This is linked to this: https://github.com/vuetifyjs/vuetify/issues/19020#event-17340862999

Now, the event slot is not in month view mode, day, or week. We'll stick to the previous patch, but it seems that there's a drastic shift in VCalendar. Again, understandable since it is in Labs, but please be consistent with your choices.

simultsop avatar May 02 '25 09:05 simultsop

How to add tooltip for each events? with latest vuetify version v-calendar?

jubin-solu-m avatar May 19 '25 08:05 jubin-solu-m

Image

slot - event is not working for vuetify versions from 3.8.3 to latest. But it works for 3.8.2. Guys can you help to sort it?

https://play.vuetifyjs.com/#eNqt

jubin-solu-m avatar May 22 '25 03:05 jubin-solu-m

https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/labs/VCalendar/VCalendarMonthDay.tsx

Image

Someone with access needs to update the .dayEvent to ['day-event']

Nickuro avatar May 29 '25 12:05 Nickuro

any update?

mrc-bsllt avatar May 30 '25 12:05 mrc-bsllt

Just did a package update this morning and ran into this regression during testing. I would like an update on this because we very much like using the calendar component.

If it doesn't work, we will need to revert to 3.8.2 until then.

SOONwasTaken avatar Jun 03 '25 16:06 SOONwasTaken

Just did a package update this morning and ran into this regression during testing. I would like an update on this because we very much like using the calendar component.

If it doesn't work, we will need to revert to 3.8.2 until then.

To my understanding there is no priority on this one. I've been waiting for months.

simultsop avatar Jun 03 '25 16:06 simultsop

Just did a package update this morning and ran into this regression during testing. I would like an update on this because we very much like using the calendar component.

If it doesn't work, we will need to revert to 3.8.2 until then.

====> Yes, till 3.8.2 event slot was working. Calendar is a major component and widely used. I wonder why these guys aren't concerned.

jubin-solu-m avatar Jun 11 '25 04:06 jubin-solu-m

Just did a package update this morning and ran into this regression during testing. I would like an update on this because we very much like using the calendar component. If it doesn't work, we will need to revert to 3.8.2 until then.

====> Yes, till 3.8.2 event slot was working. Calendar is a major component and widely used. I wonder why these guys aren't concerned.

Previously someone laid another concept for calendar, and left. Now they will redo what was in vuetify2, @johnleider am I right? Since we have projects waiting for this and would be nice to know where it is headed.

simultsop avatar Jun 11 '25 05:06 simultsop

Just did a package update this morning and ran into this regression during testing. I would like an update on this because we very much like using the calendar component. If it doesn't work, we will need to revert to 3.8.2 until then.

====> Yes, till 3.8.2 event slot was working. Calendar is a major component and widely used. I wonder why these guys aren't concerned.

Previously someone laid another concept for calendar, and left. Now they will redo what was in vuetify2, @johnleider am I right? Since we have projects waiting for this and would be nice to know where it is headed.

  • The guy who wrote calendar for Vuetify 1/2 didn't want to rewrite it for 3
  • There have been a few people to take Calendar under their wings but unfortunately it's been rocky
  • I cannot confidently tell you where this component is heading at the moment

johnleider avatar Jun 11 '25 17:06 johnleider

Still seeing this in 3.10.5. Any workarounds?

mattgilbertnet avatar Oct 09 '25 16:10 mattgilbertnet

Works fine here. What else do you need?

J-Sek avatar Oct 09 '25 18:10 J-Sek

Thanks for the demo @J-Sek ! It helped me realize the problem was on my end. I was importing events from Google Calendar, and for all day events, for example a 1-day event, the end date is the next day (presumably midnight). So I needed to subtract a day from the data coming in.

mattgilbertnet avatar Oct 16 '25 20:10 mattgilbertnet