Could this work for you?
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker({
onSelect: function(dateText, inst) { $("#thedate").val(dateText); } });
});
</script>
<table>
<tr>
<td style="vertical-align:top;">
<h3>End Date</h3>
</td>
<td>
<ul>
<li><p>(Pick a date from the calendar below)</p></li>
<li>
<div style="margin-bottom:5px;" type="text" id="datepicker"></div>
</li>
<li>
Date Selected: <input type="text" id="thedate" name="date"/>
</li>
</ul>
</td>
</td>
</tr>
</table>