JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/cupertino/jquery-ui.css">
<input id="date" type=text>
<input id="reset" type=button value="Change programmatically">
<div id="preview"/>

CSS

body {
    font-size:12px;
}

#preview {
    border:1px solid grey;
}

JavaScript

myCallbackObject={nodeType:1,type:'valueCallback',nodeName:'',
                  setValue:function(value){jQuery('#preview').html(value);}};
jQuery.valHooks['valueCallback']={set:function(object,value,type){object.setValue(value)}};
jQuery('#date').datepicker({
    dateFormat:'d.mm.yy',
    defaultDate:'+14',
    altField: myCallbackObject,
    altFormat: "DD, d MM, yy"
});

jQuery('#reset').click(function(){
    jQuery('#date').datepicker('setDate', new Date());
});