JSFiddle - React, Tailwind, and code Playground

by js_test

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());
});