vanilla-timeline

Vanilla es6 table timeline component

Code sample

    let targetDiv = document.getElementById('target-element')
    createBookingMap({
        el: targetDiv,
        data: timelineData // See in ./dist/sample/sample-data.json
    })

Adding dom events

    let subjectItem = 
        targetDiv.querySelector('[data-subject-item="ROOM-01"]');

    subjectItem.addEventListener('click', () => alert('Clicked!!'))

Installing

ES6 Modules

import timeline from 'vanilla-timeline'

Html import

<script src="./path/to/libs/vanilla-time.min.js"></script>