For each of the date range pickers on your page, do the following: (A functional example is given in example.html)
1) select a name, e.g. 'datepicker1'
2) create a form with 6 input tags with id set to name+part, e.g.
datepicker1_from_year
datepicker1_from_month
datepicker1_from_day
datepicker1_to_year
datepicker1_to_month
datepicker1_to_day
- these can be hidden or visible or whatever you like
3) include a link to the stylesheet (rangepicker.css) in the html header
4) include a link to the javascript file (rangepicker.js) in the html header
5) create a div to contain the calendar
<div id="datepicker1_div"></div>
6) create a custom script section where you create and initialize the date picker object, and display the calendar
<script>
//sunday first day of week
var first_day_of_week = 0;
//display 3 months - set both to 0 to display only 1 month
var months_before = 1;
var months_after = 1;
var datepicker1 = new rangepicker('datepicker1', first_day_of_week, months_before, months_after);
</script>