JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://dev.domainedugrenier.fr/css/ui-lightness/jquery-ui-1.10.2.custom.css">
<div id="datepicker"></div>

CSS

<style> 
body {
    font-size: 10px;
}
.my-class {
    background: red;
}
.my-class a {
    background: lime !important;
}
.my-classF {
    background: #FFF;
}
.my-classF a {
    background: #FF9933 !important;
}
 
.my-classG {
    background:#FFF;
}
.my-classG a {
    background: #FF0000 !important;
}
.my-classE {
    background:#FFF;
}
.my-classE a {
    background: #0099FF !important;
}
.my-classD {
    background:#FFF;
}
.my-classD a {
    background: #00CC66 !important;
}
.my-classC {
    background:#FFF;
	color:#FFFFFF;
}
.my-classC a {
    background: #0000CC !important;
	color:#FFFFFF;
}
.my-classB {
    background:#FFF;
}
.my-classB a {
    background: #990000 !important;
}
.my-classA {
    background:#FFF;
}
.my-classA a {
    background: #CC0033 !important;
}
 
</style>

JavaScript

var A1d = new Date(2013, 3, 01); 
 var A1f = new Date(2013, 3, 12);

var A2d = new Date(2013, 8, 28); 
 var A2f = new Date(2013, 11, 20);
  
 var C1d = new Date(2013, 4, 11); 
 var C1f = new Date(2013, 5, 28);
  
 var C2d = new Date(2013, 7, 31); 
 var C2f = new Date(2013, 8, 27);
  
 var D1d = new Date(2013, 3, 13); 
 var D1f = new Date(2013, 4, 10);
  
 var D2d = new Date(2013, 9, 26); 
 var D2f = new Date(2013, 10, 01);
  
 var D3d = new Date(2013, 11, 21); 
 var D3f = new Date(2014, 0, 03);
  
 var D4d = new Date(2013, 5, 29); 
 var D4f = new Date(2013, 6, 12);
  
 var D5d = new Date(2013, 7, 24); 
 var D5f = new Date(2013, 7, 30);
  
 var F1d = new Date(2013, 6, 13); 
 var F1f = new Date(2013, 6, 26);
  
 var G1d = new Date(2013, 6, 27); 
 var G1f = new Date(2013, 7, 23);
var disabledDays = ["5-25-2013","5-26-2013","5-27-2013","5-28-2013","5-29-2013","5-30-2013","5-31-2013","6-1-2013","6-2-2013","6-3-2013","6-4-2013","6-5-2013","6-6-2013","6-7-2013","6-8-2013","6-9-2013","6-10-2013","6-11-2013","6-12-2013","6-13-2013","6-14-2013","6-15-2013","6-16-2013","6-17-2013","6-18-2013","6-19-2013","6-20-2013","6-21-2013","6-22-2013","6-23-2013","6-24-2013","6-25-2013","6-26-2013","6-27-2013","6-28-2013","6-29-2013","6-30-2013","7-1-2013","7-2-2013","7-3-2013","7-4-2013","7-5-2013","7-6-2013","7-7-2013","7-8-2013","7-9-2013","7-10-2013","7-11-2013","7-12-2013","7-13-2013","7-14-2013","7-15-2013","7-16-2013","7-17-2013","7-18-2013","7-19-2013","7-20-2013","7-30-2013","7-31-2013","8-1-2013","8-2-2013","8-3-2013","8-4-2013","8-5-2013","8-6-2013","8-7-2013","8-8-2013","8-9-2013","01-01-2014"];

var date = new Date();
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
var dmy = (m+1) + '-' + d + '-' + y;

 function disabled (date) { 

 var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
    for (i = 0; i < disabledDays.length; i++) {
        if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1) {
            return [false];
       ...