JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.kineticjs.com/download/kinetic-v4.0.1.js"></script>
<div id="container"></div>

CSS

#container {
    margin:0px;

}

JavaScript

// LIVE demo: http://dwm.infographie-sup.be/tools/dwm-planning.php
var total_days = '286';
var year_start_date = '2012-09-17';
var year_end_Date = '2013-06-30';


jQuery(document).ready(function($) {

    var data = {
        "congés": [
            {
            "classe": "congés",
            "title": "weekend",
            "start": "22/06/2013",
            "end": "23/06/2013",
            "description": "",
            "color": "",
            "url": "",
            "weekstart": "",
            "weekend": ""},
        {
            "classe": "congés",
            "title": "weekend",
            "start": "15/06/2013",
            "end": "16/06/2013",
            "description": "",
            "color": "",
            "url": "",
            "weekstart": "",
            "weekend": ""}
        ],
        "TID": [
            {
            "classe": "TID",
            "title": "Voyage",
            "start": "20/11/2012",
            "end": "21/11/2012",
            "description": "Voyage à Dusseldorf: conférence Beyond Tellerrand",
            "color": "#971b1e",
            "url": "http://2012.beyondtellerrand.com/",
            "weekstart": "",
            "weekend": ""},
        {
            "classe": "TID",
            "title": "Visualizing Marathon",
            "start": "09/11/2012",
            "end": "11/11/2012",
            "description": "Visualizing Marathon @ school",
            "color": "#9056c7",
            "url": "http://dwm.infographie-sup.be/visualizing-marathon-9-au-11-novembre-2012/",
            "weekstart": "",
            "weekend": ""},
        {
            "classe": "TID",
            "title": "KIKK",
            "start": "08/11/2012",
            "end": "09/11/2012",
            "description": "Kikk Festival",
            "color": "#7DF9FF",
            "url": "http://www.kikk.be/",
            "weekstart": "",
            "weekend": ""},
        {
            "classe": "TID",
            "title": "Euroskills",
            "start":...