Improve calendar widget style

skins/elastic/styles/widgets/jqueryui.less

@@ -136,6 +136,7 @@
 
 .ui-datepicker {
     border: 1px solid @color-datepicker-border;
+    box-shadow: 3px 3px 5px @color-popover-shadow;
     border-radius: .3rem;
     padding: 0;
     overflow: hidden;
@@ -153,6 +154,10 @@
         a {
             height: 4rem;
         }
+
+        select {
+            display: inline-block;
+        }
     }
     .ui-icon {
         background-image: none !important;

skins/elastic/ui.js

@@ -554,9 +554,14 @@ function rcube_elastic_ui()
             $('a', this).addClass('btn btn-primary');
         });
 
+        // Style calendar widget (we use setTimeout() because there's no widget event we could bind to)
+        $('input.datepicker').focus(function() {
+            setTimeout(function() { bootstrap_style($('.ui-datepicker')); }, 5);
+        });
+
         // Make logon form prettier
-        if (rcmail.env.task == 'login') {
+        if (rcmail.env.task == 'login' && context == document) {
-            $('#login-form table tr', context).each(function() {
+            $('#login-form table tr').each(function() {
                 var input = $('input,select', this),
                     label = $('label', this),
                     icon = $('<i>').attr('class', 'input-group-addon icon ' + input.attr('name').replace('_', ''));