<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE >
&lt;html  xml:lang="en"&gt;
  &lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="datepicker.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    <h1>First DatePicker</h1>
    <div id="datepicker1"></div>
    <h1>Second DatePicker</h1>
    <div id="datepicker2"></div>
    [removed][removed]
    [removed]
        //&lt;![CDATA[
        datePicker1 = new DatePicker("datepicker1", function (id, fixedDate) {
          console.log("DatePicker with id", id,
                  "selected date:", fixedDate.month + "/" + fixedDate.day + "/" + fixedDate.year);
        });
        datePicker1.render(new Date());
        datePicker2 = new DatePicker("datepicker2", function (id, fixedDate) {
          console.log("DatePicker with id", id,
                  "selected date:", fixedDate.month + "/" + fixedDate.day + "/" + fixedDate.year);
        });
        datePicker2.render(new Date("1/1/2009"));
        //]]>
    [removed]
  &lt;/body&gt;
&lt;/html&gt;