Drop external events

[hrafaelveloso]

I am not being able to drop external events on the calendar. The calendar renders correctly, and the functions select and eventClick works as expected. I wanted to know now how to be able to drop external events in the calendar... I've been reading the fullcalendar.io documentation and I'm not really able to do what I want.

The setting I am using is as follows:

<FullCalendar 
    id="calendario"
    header={{
      left: 'prev,next today myCustomButton',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    }}
    navLinks={true}
    nowIndicator={true}
    viewRender={(view, element) => {
      this.handleChangeView(view);
    }}
    selectable={true}
    editable={true}
    droppable={true}
    eventDrop={function(eventBj, date) {
      console.log('eventDrop function');
    }}
    drop={(date, jsEvent, ui, resourceId) => {
      console.log('drop function');
    }}
    select={(start, end, allDay) => {
      this.handleSelect(start, end, allDay);
    }}
    eventClick={(calEvent, jsEvent, view) => {
      this.handleClick(calEvent, jsEvent, view);
    }}
    events={events}
 />

I'm including jQuery-UI and the event triggers the draggable, I can hover with the external-event over the calendar.

[itsmeWaqar]

hey, did you manage to solve this ? I'm trying to implement something similar and stuck in the same problem.

[hrafaelveloso]

Yes, but without using this package. Check the version 4 of fullcalendar (beta but very stable) https://fullcalendar.io/docs/v4

Now it's possible to import fullcalendar like a module. The documentation is pretty good.

I hope that @sanjeev07 update this package to the v4 of fullcalendar.

[itsmeWaqar]

Thank you so much. Do you have an example anywhere in github ? It would help me alot :')

[hrafaelveloso]

No I don't have any example available in github at the moment...

[RannyKaddoura]

Hi @hrafaelveloso , i have same your problem on one of your questions on stackoverflow

https://stackoverflow.com/questions/53372640/drag-and-drop-external-events-fullcalendar-react-wrapper

and i used v4 as you recommend in your previous comments but i cannot load events, i post it here :

https://stackoverflow.com/questions/53865339/react-fullcalendar-v4-are-not-update-the-calendar-view-with-new-events

have you faced the same issue with v4 when you use it ????

[bshiroya]

Could you please resolve this bug ?