JSFiddle - React, Tailwind, and code Playground

by salman

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css">
<input type="text" id="datepicker1">
<input type="text" id="datepicker2">

CSS

.datepickerBorder {
border: 10px dotted red;
}

JavaScript

$(function() {
    $("#datepicker1").datepicker();
    $("#datepicker2").datepicker({
        beforeShow: function() {
            $(this).datepicker("widget").addClass("datepickerBorder");
        },
        onClose: function() {
            $(this).datepicker("widget").removeClass("datepickerBorder");
        }
    });
});