JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="https://getbootstrap.com/dist/css/bootstrap.css">
<table class="table table-hover">
    <colgroup>
        <col width="50" />
        <col width="100" />
        <col width="100" />
    </colgroup>
    <tr>
        <td>&nbsp;</td>
        <td><strong>Set start and end date</strong></td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>
            <div class="input-group">
                 
                <input type="text" id="datepicker-start" class="form-control" placeholder="Start Date" />	<label for="datepicker-start" class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></label>
            </div>
        </td>
        <td>&nbsp;</td>
    </tr>
</table>

JavaScript

$("#datepicker-start").datepicker({
        /*
        showOn: "button",
        buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
        buttonImageOnly: true
*/
    });