JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div class="dialog">
    <div class="content">
        <select class="selectmenu">
            <option value="1">Item A</option>
            <option value="2">Item B</option>
            <option value="3">Item C</option>
        </select>
        
        <label>Date: </label><input type="text" class="datepicker" />
        
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ante id dui faucibus convallis. Aenean eget facilisis ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetur consequat luctus. Sed libero justo, lacinia non tortor id, malesuada pretium augue. Integer est quam, aliquam eu ullamcorper id, malesuada vel nisi. Vivamus semper augue ut lacus lobortis pretium. Proin congue porttitor nunc, quis fermentum sem commodo ut. Nulla dignissim nisi eu libero ultricies congue. Vivamus pellentesque elit nisl, id euismod lorem gravida a. Duis blandit dui non nulla molestie, at vehicula lorem interdum. Duis non feugiat felis, at pharetra nibh. Morbi tempus vehicula lectus at mattis. Aenean convallis sapien vitae sapien aliquam placerat. Nullam tellus nisi, condimentum in suscipit ut, tincidunt vel ligula. </p>
    </div>
</div>

CSS

.dialog {height: 500px;}
.selectmenu {width: 200px;}
.content {height: 300px; overflow: auto}

JavaScript

$(".dialog").dialog();
$(".selectmenu").selectmenu();
$(".datepicker").datepicker();