JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<div id="accordion-west">
<h3>
<a href="#">hmmm</a>
</h3>
<div class="panel-hmmm">
<div class="date-picker">
</div>
<div class="scrollable-content">
<b>Accordion inside a layout-pane</b>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum
neque a velit laoreet dapibus. Etiam eleifend tempus pharetra.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
</div>
...
CSS
.scrollable-content { overflow: auto; height: 200px; }
JavaScript
$(document).ready(function () {
$('.panel-hmmm .date-picker').datepicker();
$("#accordion-west").accordion({
fillSpace: true
});
});