datepicker button

project/static/css/style.css

@@ -359,8 +359,7 @@ ul { clear: both; list-style: none; margin: 0; padding: 0; }
 .nav {display: block;margin: 20px 0 0 0;font-size: 13px;}
 .nav:hover {display: block;margin: 20px 0 0 0;font-size: 13px;text-decoration:none;}
 
-.has-datepicker { background: url(../img/icon-calendar.png) no-repeat scroll right 5px center #f8f8f8; }
+.ui-datepicker-trigger {display:inline-block;position:relative;left:-32px;top:7px;cursor:pointer;}
-
 #id_phone_code, #id_fax_code { width: 60px; }
 
 #accounts .account-delete a { text-decoration: none; }

project/static/js/commons.js

@@ -1,6 +1,6 @@
 $(document).ready(function() {
     var show_cabinet = false;
-    $('.has-datepicker').datepicker({dateFormat: 'dd.mm.yy'});
+    $('.has-datepicker').datepicker({dateFormat: 'dd.mm.yy', showOn:"button", buttonImageOnly:true, buttonImage:"/s/img/icon-calendar.png"});
     $('#reasons').mouseout(function(e){
         $('.extended-block').removeClass('active');
         $('.extended-block-more').hide();