<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <title>Prado Date Picker</title>
   <script type="text/javascript" src="../../base.js"></script>
   <script type="text/javascript" src="../../dom.js"></script>
   <script type="text/javascript" src="../../datepicker.js"></script>
<script type="text/javascript">
     
      function init() {
		var options = { "trigger" : "button1", "format" : "dd-MM-yyyy" };
		var datepicker1 = new Prado.Calendar("textfield1", options);
		//datepicker1.format = "yyyy-MM-d";
		//datepicker1.create();
		//datepicker1.show("button1");
		//var button = $("button1");
		//Event.observe(button, "click", function(){datepicker1.show(button);});
		//var d = new Date();
		//alert(Prado.Calendar.Util.ISODate(d));
		var datepicker2 = new Prado.Calendar("textfield2");
      }
      
      /*var cal;
      
      function init() {
			cal = new Calendar();
			cal.setIncludeWeek(true);
			cal.setFormat("yyyy-MM-dd");
			//cal.setMonthNames(.....);
			//cal.setShortMonthNames(....);
			cal.create();
			
			var button = $("button1");
			button.onclick = function() {
				cal.toggle(button);
			}
			cal.onchange = function() {
				$("textfield1").value  = cal.formatDate();
			}
		}*/
	
      window.onload = init;
   </script>
</script>
</head>

<body>
<form ID=Form1>
   <input type="text" name="textfield1" id="textfield1" />
   <input type="button" name="button1" id="button1" value="..." />
</form>


as<br/>
dv<br/>
as<br/>
d<br/>
as<br/>
d<br/>
asd<br/>
a<br/>
sd<br/>
dv<br/>
as<br/>
d<br/>
as<br/>
d<br/>
asd<br/>
a<br/>
sd<br/>
dv<br/>
as<br/>
d<br/>
as<br/>
d<br/>
asd<br/>
a<br/>
sd<br/>
<form>
   <input type="text" name="textfield2" id="text1" />
   <input type="button" name="button2" id="button2" value="..." />
</form>
d<br/>
as<br/>
d<br/>
asd<br/>
a<br/>
sd<br/>
dv<br/>
as<br/>
d<br/>
as<br/>
d<br/>
asd<br/>
a<br/>
sd<br/>
</body>
</html>