JSFiddle - React, Tailwind, and code Playground

by Laurel Bruggeman

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.21.0/js/uikit.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.21.0/js/components/datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.21.0/css/components/datepicker.min.css">
<form class="uk-form">
    <input type="" data-uk-datepicker="{format:'DD.MM.YYYY'}" class="datepicker" />
    <br/><br/><input type="text" placeholder="another field" />
</form>

JavaScript

$('.datepicker').each(function () {
    var datepicker = $.UIkit.datepicker(this);
    $(this).focusout(function () {
      setTimeout(function() {datepicker.hide();}, 100);
    });
});

jQuery(document).on('change', '.datepicker', function(e){
    
});