JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css">
<script src="http://keith-wood.name/js/jquery.datepick.js"></script>
<link rel="stylesheet" href="http://keith-wood.name/css/jquery.datepick.css">
<div id="po" style="width:200px;padding:5px">
    <div id="poc" style="text-align:right;"><br/>
        <div id="pofc" style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dui elit,  varius at suscipit vitae, tincidunt eget erat. Praesent vitae ante at  quam adipiscing pulvinar. Duis sit amet dapibus elit. Duis purus quam,  mollis interdum rutrum sit amet, sagittis in eros. Nulla facilisi.  
            <form>
                    <input type="text" name="foo" id="foo" value=""/>
            </form>
        </div>
    </div>
</div>

JavaScript

$("#po").draggable({
    handle: '#poc',
    cursor: 'move'
}).resizable({
    handles: 'e, w'
});

$('#foo').datepick();