JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://vitalets.github.com/x-editable/assets/mockjax/jquery.mockjax.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/js/jqueryui-editable.min.js"></script>
<a href="#" id="dob" data-type="date" data-pk="1" data-title="Select date"></a>
JavaScript
$.fn.editable.defaults.mode = 'popup';
$('#dob').editable({
format: 'yyyy-mm-dd',
viewformat: 'dd/mm/yyyy',
url: '/post',
defaultValue: "11/11/2012"
});