{$xajax}
<script type="text/javascript" language="JavaScript" src="img/js/datepicker-pl.js"></script>
{box class="noshadow noborder" style="border:0"}

{heading class="panel-default noshadow"}
<form name="archive" id="archive" method="POST">
    <div class="row">
	<div class="btn-group col-sm-4">
	    <div class="input-group">
		<span class="input-group-addon">{fontimg src="user.gif"}</span>
		<select class="form-control" name="archive[sender]" onchange="xajax_ichat_archive_getdate(xajax.getFormValues('archive'));">
		    <option value="">--- rozmówca ---</option>
		    {section name='userlist' loop=$userlist}
		    <option value="{$userlist[userlist].sender}">{$userlist[userlist].sendername}</option>
		    {/section}
		</select>
	    </div>
	</div>
	
	<div class="btn-group col-sm-4">
	    <div class="input-group">
		<span class="input-group-addon">{fontimg src="calendar.gif" show="1"}</span>
		<input class="form-control ical2" type="text" name="archive[fromdate]" id="fromdate" onchange="xajax_ichat_archive_getdate(xajax.getFormValues('archive'));">
		<span class="input-group-addon" style="cursor:pointer;" id="clearfromdate" >{fontimg src="cancel" show="1"}</span>
	    </div>
	</div>
	
	<div class="btn-group col-sm-4">
	    <div class="input-group">
		<span class="input-group-addon">{fontimg src="calendar.gif" show="1"}</span>
		<input class="form-control ical2" type="text" name="archive[todate]" id="todate" onchange="xajax_ichat_archive_getdate(xajax.getFormValues('archive'));">
		<span class="input-group-addon" style="cursor:pointer;" id="cleartodate" >{fontimg src="cancel" show="1"}</span>
	    </div>
	</div>
	
    </div>
</form>
{/heading}

{body}
    <div class="row">
	<div id="id_archive_data" class="col-sm-4" style="height:300px;padding:0;padding-right:4px;margin:0;margin-top:10px;margin-right:5px;overflow:scroll;overflow-x:hidden;"></div>
	<div id="id_archive_content" class="col-sm-7" style="height:300px;padding:0;padding-right:4px;margin:0;margin-top:10px;margin-left:10px;overflow:scroll;overflow-x:hidden;"></div>
    </div>
{/body}

{/box}
<script type="text/javascript">
<!--
$(document).ready(function(){
	
	"use strict";
	
	$.datepicker.setDefaults($.datepicker.regional['pl']);
	
	$('.ical2').datepicker({
		yearRange: "2016:2020"
	}).css({
	    "z-index":"200003"
	});
	
	$("#clearfromdate").click(function(){
	    document.getElementById('fromdate').value='';
	    xajax_ichat_archive_getdate(xajax.getFormValues('archive'));
	});
	
	$("#cleartodate").click(function(){
	    document.getElementById('todate').value='';
	    xajax_ichat_archive_getdate(xajax.getFormValues('archive'));
	});
	
});
//-->
</script>