<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/Style.css"> 
 
<link type="text/css" rel="stylesheet" href="src/css/jscal2.css" />
    <link type="text/css" rel="stylesheet" href="src/css/border-radius.css" />

    <link id="skin-gold" title="Gold" type="text/css" href="src/css/gold/gold.css" />
       <script src="src/js/jscal2.js"></script>
	<script src="src/js/lang/es.js"></script>
</head>
<body>
<input id="fecha" /><button id="calendar-trigger"><img src="../img/b_calendar.png" ></button>
<button id="f_clearRangeStart" onClick="clearRangeStart()">clear</button>
<script> 
    Calendar.setup({
        trigger    : "calendar-trigger",
        inputField : "fecha",
		dateFormat: "%d/%m/%Y",
		onSelect   : function() { this.hide() }
    });
	 function clearRangeStart() {
                          document.getElementById("fecha").value = "";                        
                  };
</script>


</body>
</html>