На сайт привязал коллендарь в поле input
в meta тегал прописал

<script language="JavaScript"
	type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://rche.ru/examples/cal.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#calendar').simpleDatepicker();  // Привязать вызов календаря к полю с CSS идентификатором #calendar
$('#calendar2').simpleDatepicker();
});
$("body").click(function(e) {

	    if($(e.target).closest("#calenda").length==0) $("#calenda2").css("display","none");
                        
	});
</script>

в поля прописал

Начать с:<input  id="calendar"  class="txtfldorder" type = "text" name = "s_data" value ="{bases_data}">
 Закончить до:<input  id="calendar2"  class="txtfldorder" type = "text" name = "do_data" value ="{basedo_data}">

Не получается сделать чтобы формы календарей скрывались если нажимаю на другие места на странице.
Если кто умеет подскажите. Спасибо.