Fixed issue with bootstrap dropdown closing the calendar

app/assets/javascripts/due_date_select.js.coffee

@@ -53,3 +53,8 @@ class @DueDateSelect
         defaultDate: $("input[name='#{fieldName}']").val()
         altField: "input[name='#{fieldName}']"
       )
+
+    $(document)
+      .off 'click', '.ui-datepicker-header a'
+      .on 'click', '.ui-datepicker-header a', (e) ->
+        e.stopImmediatePropagation()

app/assets/stylesheets/framework/dropdowns.scss

@@ -404,6 +404,10 @@
 }
 
 .dropdown-menu-due-date {
+  .dropdown-content {
+    max-height: 230px;
+  }
+
   .ui-widget {
     table {
       margin: 0;