JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<table>
    <tr>
        <td width="190"><input style="width: 85px; color:#27AAE1; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;" type="text" id="datepicker" /></td>
    </tr>
</table>
<br/><p><font size="3"><b>Source for this<a  target="_blank"href="http://jqfaq.com/how-to-set-current-date-as-default-date-in-jquery-datepicker/"</a> JQFaq Question</b></font></p>
<iframe id="iframe1" src="http://jqfaq.com/AdPage.html" style="width:100%;border:none;" />

JavaScript

$(function() {
    var currentDate = new Date();
    $('#datepicker').datepicker({
        inline: true,
        showOtherMonths: true,
        dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        dateFormat: 'dd/mm/yy'
    });
    $("#datepicker").datepicker("setDate", currentDate);
});