1. All-in-one example

  • Click on an event to move it.
  • Click on empty space of the timeline to add a new event on predefined position.
  • Use +- keys to change zooming level.
  • Use vertical mouse wheel to scroll timeline horizontally.
* To make the example lightweight the timezones in here are set disregarding the DST, so they may be different from the actual ones, that's ok.

2. Deferred rendering demo

See the sources of this example to know how to initialize the component with its actual rendering postponed. Note that tzOffset = 0 in this example.

3. Showing in tabs and modals

It's an initial tab, there is nothing here.
Switch to the other tab.