{header}
<hr>
<form name="frmData" action="/reservations/save/" method="POST">

first name<input type="text" name="firstname">
<br>
last name<input type="text" name="lastname">
<br>
start date <input type="text" id="datein" name="datein" value=""><input type="button" id="f_btn1" value="...">
<br>
end date <input type="text" id="dateout" name="dateout" value=""><input type="button" id="f_btn2" value="...">
<br>
<select name="room_id">
{roomslist}
<option value="{id}">{name}, {category_name}
{/roomslist}
</select>
<br>
<input type="submit" value="save">
</form>
<script type="text/javascript">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.manageFields("f_btn1", "datein", "%Y-%m-%d");
      cal.manageFields("f_btn2", "dateout", "%Y-%m-%d");
      

    //]]></script>