Timeline Drag & Drop Example

For this to work, you will have to define your own 'dragstart' eventListener on each item in your list of items (make sure that any new item added to the list is attached to this eventListener 'dragstart' handler). This 'dragstart' handler must set dataTransfer - notice you can set the item's information as you want this way.

Items:

item 1 - box
item 2 - point
item 3 - range
item 3 - range - fixed times -
(start: now, end: now + 10 min)

Object with "target:'item'":

object with target:'item'