JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://glad.github.com/glDatePicker/dist/js/glDatePicker.min.js"></script>
<link rel="stylesheet" href="http://glad.github.com/glDatePicker/dist/css/glDatePicker.default.css">
<div id="bottomContent">
    <input type="text" style="width:200px" id="StartDate" name="StartDate" />
    <br />
    <input type="text" id="EndDate" name="EndDate" />
    <br />
    <label for="AllDate">
        <input type="checkbox" checked="true" name="AllDate" id="AllDate" />All Dates</label>
</div>

JavaScript

$(function() {
    $('#StartDate').glDatePicker({
        onClick: (function(el, cell, date, data) {
            el.val(date.toLocaleDateString());
            $('#AllDate').prop('checked', false);
        })
    });
});