JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo" style="border: solid 1px green" >ddd</div>
<div id="bar" style="border: solid 1px red" ></div>

CSS

#bar {
    height: 100px;
        }    
        
        #foo {
        width:100px;
        }

JavaScript

$('#foo').draggable({
 revert: "invalid"})
$('#bar').droppable({
   accept: '#foo'})
$( "#datepicker" ).datepicker({ });