I’m trying to use Vuetify v3.7.6 (latest as of writing) in my Vue3 app. My understanding is that when an event in a v-calendar has start and end dates that span multiple days, then the event will appear to span across the entire interval when in month view. In my testing, I have an event with a start and end date that spans multiple days e.g. 2024-12-18 -> 2024-12-20, but in the calendar they appear as separate events in the day boxes for the 18th and 20th (with the same event title). The 19th shows no event. I understand that this component is still in the lab, but can anyone tell me if this is the reason or if I am not doing something that I should be doing?

I’m trying to use Vuetify v3.7.6 (latest as of writing) in my Vue3 app. My understanding is that when an event in a v-calendar has start and end dates that span multiple days, then the event will appear to span across the entire interval when in month view. In my testing, I have an event with a start and end date that spans multiple days e.g. 2024-12-18 -> 2024-12-20, but in the calendar they appear as separate events in the day boxes for the 18th and 20th (with the same event title). The 19th shows no event. I understand that this component is still in the lab, but can anyone tell me if this is the reason or if I am not doing something that I should be doing?

I am trying out Vuetify and seem to be having some issues around the layout system. I am following the Application layout docs:
https://vuetifyjs.com/en/features/application-layout/

I am having trouble getting the class cursor-pointer to work in Vue3 with Vuetify, I tried using it according to the Vuetify documentation.

In Vuetify 2, the v-edit-dialog was working well with v-data-table where the dialog can open up easily by clicking the cell and saving the value as shown below. After migrating to Vuetify 3 and Vue 3, this component no longer works and we are introduced with a new component called v-confirm-edit. This component looks fine but I can’t get it to open on click, it just remains open when the table first loads. Please help, I will definitely give an upvote to the answer.

I am trying to create a fixed navigation navbar unless scrolled down in which case it should hide until scrolled up event. My ultimate goal is for the v-app-bar to start off transparent then as user scrolls a little bit for it to disappear and if they scroll up at all the menu wil reappear but white. The color stuff I have not even tried to work out yet because the scroll behavior does not even seem to work nor the is the v-app-bar staying fixed to reappear. So I am not sure if I am using v-layout incorrectly or whats going on.

I am having trouble removing the background hover effect, well, manually changing the hover effects of the Vuetify v-btn component.

I’ve just upgraded to Vuetify 3.x and just realized that they removed with no mention of it in the documentation. Does anybody have a working replacement for this? For reference in the picture (pulled directly from the 2.x docs), the is the timestamp on the top right corner of each item.

I’m trying to make an adaptive v-container size so that it changes depending on the screen resolution.

I want to toggle the colors of the selection button onclick between ‘black’ and ‘primary’