How to use the @fullcalendar/interaction.ThirdPartyDraggable function in @fullcalendar/interaction
To help you get started, we’ve selected a few @fullcalendar/interaction examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
fullcalendar / fullcalendar / packages / __tests__ / src / legacy / external-dnd.js View on Github 
plugins: [ InteractionPlugin, TimeGridPlugin, DayGridPlugin ],
defaultDate: '2014-08-23',
defaultView: 'dayGridMonth',
droppable: true
}
$('body').append(
'<div style="width:200px" id="sidebar">' +
'<a class="fc-event event1">event 1</a>' +
'<a class="fc-event event2">event 2</a>' +
'</div>' +
'<div style="width:600px;position:absolute;top:10px;left:220px" id="cal">' +
'</div>'
)
thirdPartyDraggable = new ThirdPartyDraggable({
itemSelector: '#sidebar .fc-event'
})
})beforeEach(function() {
dragEl = $('<div class="drag">yo</div>')
.css({
width: 200,
background: 'blue',
color: 'white'
})
.appendTo('body')
.draggable()
thirdPartyDraggable = new ThirdPartyDraggable({
itemSelector: '.drag'
})
})@fullcalendar/interaction
Calendar functionality for event drag-n-drop, event resizing, date clicking, and date selecting
