JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://stefangabos.ro/wp-content/themes/zebra/cache/javascript/c3c7293f00563706bd22bc16055aad92_7057834012.js"></script>
<link rel="stylesheet" href="http://stefangabos.ro/wp-content/themes/zebra/cache/css/104fc4056ad53fbc1d0eb8dfa97c7010_6699833554.css">
<input class="sampleInput"/>
<input class="sampleInput"/>
<input class="sampleInput"/>
<div>
<input id="datepicker"/>
</div>

CSS

#datepicker{
    margin:5px 0;
    background:#ffe;
    height:30px;
    width:100x;
    text-align:center;
    font-size:25px;
}

JavaScript

var calendarShown = false;
$('#datepicker').Zebra_DatePicker({    
    onSelect:function(){        
        calendarShown=false;        
        $(this).data('Zebra_DatePicker').hide();
    }
});
$(document).on('focus','#datepicker',function(){    
    if(!calendarShown){       
      $(this).data('Zebra_DatePicker').show();        
        calendarShown=true;
    }    
});