# Timeline | Drag & Drop

# 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)