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.

github fullcalendar / fullcalendar / packages / __tests__ / src / legacy / external-dnd.js View on Github external
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'
    })
  })
github fullcalendar / fullcalendar / packages / __tests__ / src / legacy / external-dnd-advanced.js View on Github external
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

MIT
Latest version published 3 months ago

Package Health Score

84 / 100
Full package analysis