Hi,

I noticied this and I cannot wrap my head around it, you might have some useful insight on this:

Here is a gif showing the problem I have: https://i.imgur.com/c9SlrZO.gif As you can see, its not possible to reach the event 2. The only way to reach it is to set :time="false"

here is the events I used in the example

[
        {
          start: '2019-01-10 10:00:00',
          end: '2018-01-10 10:30:00',
          title: '1',
          content: '1',
          class: 'primary'
        },
        {
          start: '2019-01-10 10:00:00',
          end: '2018-01-10 10:45:00',
          title: '2',
          content: '2',
          class: 'info'
        },
        {
          start: '2019-01-10 10:00:00',
          end: '2018-01-10 11:00:00',
          title: '3',
          content: '3',
          class: 'warning'
        },
        {
          start: '2019-01-10 09:59:59',
          end: '2018-01-10 11:00:01',
          title: '4',
          content: '4',
          class: 'danger'
        }
      ]

And the last thing is that when I use :time="false" the events are showing on different days, as you also can see in the gif.

Hey,

I am having a little issue here.

When I use the vue-cal option @event-delete and hold to delete an event, in a web browser, it fires the @event-click event also. In mobile, it fires the @cell-click event.

I am using the @cell-click event to create a reservation and event-click to update a reservation in the vue-cal. So I can't remove a reservation without firing these other events.

How to prevent, when deleting an event, other events get fired?

Thanks.

Hello @antoniandre!

I have an issue with the columns when all-day is on. Even in the docs at # All day events it is visible that the all-day cell is not aligned with the column.

Is there any solution for that?

Thanks!

As per the original request https://github.com/antoniandre/vue-cal/issues/21, the idea is to have all the "all day events" separated in a top bar like on this image:

select event and show the time of the event not the minutes select event @cell-click="teste" -> console.log('date') Not - Tue Jun 16 2020 08:28:00 GMT-0400 (Horário Padrão do Amazonas) Not - Tue Jun 16 2020 08:14:00 GMT-0400 (Horário Padrão do Amazonas) true - Tue Jun 16 2020 08:00:00 GMT-0400 (Horário Padrão do Amazonas) true - Tue Jun 16 2020 08:40:00 GMT-0400 (Horário Padrão do Amazonas) true - Tue Jun 16 2020 09:20:00 GMT-0400 (Horário Padrão do Amazonas) hors time event

Hi @antoniandre ! Happy holidays!

Vue Cal it's great! just what I need!

I'm having problems when I try to stylize it a bit..

I'm trying to give it a red header.. Anyways, when I apply the styles in the inspection panel to the div with class vuecal__header it works like a charm.

Styles: background-color: red , color: white

But, when I attempt to apply the same styles in my vue component like this:

It doesn't do the trick.. the same happens when trying to stylize the events color just as detailed in the docs. Any ideas on this?

Thank you in advance!

Not sure exactly what the cause is, but it has something to do with the date range.

Reproduction:

• https://jsfiddle.net/wp39kL7u/3/

Example: This works

start: '2019-11-03 10:00',
end: '2019-11-04 14:00'

This crashes the browser

start: '2019-11-02 10:00',
end: '2019-11-04 14:00'

Hello @antoniandre,

I am looking for functionality that does the following: When double clicking on a day (In week view) I want an event to trigger that tells me the date and time where you clicked. Currently the @day-focus event gives you a date but not a time, its also only double click. The time doesn't have to be minute perfect, can be rounded to the nearest 15 minutes or so.

Could you make something like that or do you have any idea how I could do that with the current events?

As mentioned in the docs, you can import the locale and css by doing the following:

import "vue-cal/dist/i18n/nl.js";
import "vue-cal/dist/vuecal.css";

This is tested on 4.2.0 and works accordingly, but when upgrading to 4.3.0 it can't find the desired file anymore.

V4.2.0

V4.3.0

Hey @antoniandre!

Thanks for this great calendar. The calendar is just what I needed. Great job :)

Just one question about the day view in vue-cal. Is there a way to the header follow the vertical scroll when there is more splits than the screen can support (in this case, the horizontal scroll is enable)?

I am attaching images to exemplify my need.

This first image is showing the calendar with 3 splits (lanes). In this case, the minSplitWidth is set to 0 (zero), so the header with the labels Quadra 1, Quadra 2 e Quadra 3 scrolls with the page normally. So if I have an event at my calendar, I can easily identify which court (quadra) the event is tied to.

But when I set the minSplitWidth to 80, for example, the horizontal scroll is enabled (and it's awesome. It's just what I want) and the header (Quadra 1, Quadra 2, ...) doesn't follow the vertical scrolling.

I am making a Nativescript app and this is the best calendar with resources!

Thanks in advance.

Hi,

Thanks for making this very nice library. I am considering using it in a project, but notice that it hasn't seen commits/PR merges in a year or so. So I wondered if you could share some thoughts about whether or not you consider it feature-complete, maintenance status, roadmap etc.

Right now i have a list of 3 events, where 1 has allDay: true. If I use the #event slot, then the allDay event never renders. If i remove allDay: true from the event then it shows up like its supposed to.

this.view already takes into account start week on Sunday (https://github.com/antoniandre/vue-cal/blob/main/src/vue-cal/index.vue#L517).

These two lines were subtracting an extra day.

Fixes #505

Hi! I was playing around with the component and was wondering if it was possible to create a view similar to this? I managed to get it working by using events-on-month-view="short" and some aggressive css but this had some unfortunate side-effects on the day-view as they utilize the same css-classes.

Adding an option to "events-on-month-view" to display events as small bubbles with different colors would be very appreciated :)

Hi!

Is there a way to create multi split events ? In the events array's event object there is "split" property, which is an integer or string. So by this i presume that multiple split event is not possible. Am I right or there is a way to create multi split events ?

Thank you!