JSFiddle - React, Tailwind, and code Playground

by Rajan Paneru

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<input id="date"></input>

JavaScript

var onlyThisDates = ["2017-08-06","2017-08-06","2018-08-06","2018-08-05","2018-08-07"];


$('#date').datepicker({
    format: "yyyy-mm-dd",
    endDate: "today",
    autoclose: true,
    beforeShowDay: function (date) {
            var temp = date.toISOString().split('T')[0];
            console.log(temp);
        if (onlyThisDates.indexOf(temp) === -1) {
            return false;
        }
    }
});
onlyThisDates = [];
onlyThisDates.push('2018-08-01');
onlyThisDates.push('2018-08-02');
onlyThisDates.push('2018-08-03');
$('#date').datepicker('update');