title: Fullcalendar External Draggable Change Event Data Dynamically
body: <p>I am using fullcalendar.</p>
  <p>I create an external draggable to drop onto the calendar</p>
  <pre><code>let singleslot = document.getElementById('singleslot');
  
   new Draggable(singleslot, {
    eventData: {
      title: item.name,
      duration: '00:45'
    }
  });
  </code></pre>
  <p>This works as expected. I then want to CHANGE the event data from Javascript so that the same draggable will now create a different event title.</p>
  <p>If I create another draggable with the same name, the original event data and the new data appear side by side on the calendar. How to I either delete or modify the original event data?</p>