JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.bootstrap-year-calendar.com/download/v1.0.1/bootstrap-year-calendar.min.js"></script>
<script src="http://www.bootstrap-year-calendar.com/download/v1.0.1/bootstrap-year-calendar.js"></script>
<div id="calendar"></div>

JavaScript

var data = [{
  "startDate": "2016-1-4",
  "endDate": "2016-1-4"
}, {
  "startDate": "2016-1-8",
  "endDate": "2016-1-8"
}, {
  "startDate": "2016-1-16",
  "endDate": "2016-1-16"
}];
$.each(data, function(i, v) {
  $.each(v, function(x, t) {
    data[i][x] = new Date(t);
  });
});
$(function() {
  $('#calendar').calendar({
    dataSource: data
  });
});