You can see an example over here.
It was very easy to do and since it's a Friday I thought I'd write it up in case anyone else needed to do it.
So...first, you'll need to add a class of 'datepicker' to any text inputs you want bring up a calendar.
Then add the following to the 'Page specific metadata' box on the page that has the form (or add it to a template if you'd rather).
Code: Select all
{literal}
<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></__script>
<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></__script>
<link type="text/css" rel="stylesheet"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" />
<__script__ type="text/javascript">
$(document).ready(function() {
$(function() {$('div.datepicker input').datepicker({dateFormat: 'd M yy'});});
});
</__script>
{/literal}
This pulls the jQuery files from the Google CDN so there's no need to upload any javascript to your site. Easy for you and hey, probably a good thing to do for several reasons.
You can choose a different theme by pulling in a different css file or you can use your own.
Enjoy.
s.