JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
<script>
    $(document).ready(function(){
        var d = new Date();  
        d.setMinutes(d.getMinutes() + 30); 
        
        /*$('.datetimepicker').datetimepicker({minDate: d}).click(function() {
            //$(this).datetimepicker('setDate',d);   // nem fut le
        });*/
    
        $('.datetimepicker').datetimepicker().click(function() {
            $(this).datetimepicker('setDate',d);   //  le fut
        });
    });
</script>

<input class="datetimepicker">