dateTimePicker flipping up (over the field) when it's over bottom edge of the window

.gitmodules

@@ -1,3 +1,4 @@
 [submodule "bootstrap"]
 	path = bootstrap
-	url = git://github.com/twitter/bootstrap.git
+	url = git://github.com/twbs/bootstrap.git
+

src/js/bootstrap-datetimepicker.js

@@ -114,7 +114,7 @@
       this.fillDow();
       this.fillMonths();
       this.fillHours();
-      this.fillMinutes();
+      this.fillMinutes(options.timeRows, options.timeCols, options.timeInterval);
       this.fillSeconds();
       this.update();
       this.showMode();
@@ -291,6 +291,20 @@
         this.widget.removeClass('pull-right');
       }
 
+      if ($window.height() < this.$element.offset().top + this.$element.height() + this.widget.outerHeight()) {
+        offset.top = this.$element.offset().top - this.widget.outerHeight() - 2;
+        if (260 == this.widget.outerHeight()) {
+          this.widget.removeClass('pull-bottom-time');
+          this.widget.addClass('pull-bottom-calendar');
+        } else {
+          this.widget.removeClass('pull-bottom-calendar');
+          this.widget.addClass('pull-bottom-time');
+        }
+      } else {
+          this.widget.removeClass('pull-bottom-calendar');
+          this.widget.removeClass('pull-bottom-time');
+      }
+
       this.widget.css({
         position: position,
         top: offset.top,
@@ -490,18 +504,18 @@
       table.html(html);
     },
 
-    fillMinutes: function() {
+    fillMinutes: function(rows, cols, interval) {
       var table = this.widget.find(
         '.timepicker .timepicker-minutes table');
       table.parent().hide();
       var html = '';
       var current = 0;
-      for (var i = 0; i < 5; i++) {
+      for (var i = 0; i < rows; i++) {
         html += '<tr>';
-        for (var j = 0; j < 4; j += 1) {
+        for (var j = 0; j < cols; j += 1) {
           var c = current.toString();
           html += '<td class="minute">' + padLeft(c, 2, '0') + '</td>';
-          current += 3;
+          current += interval;
         }
         html += '</tr>';
       }
@@ -1095,7 +1109,10 @@
     pickSeconds: true,
     startDate: -Infinity,
     endDate: Infinity,
-    collapse: true
+    collapse: true,
+    timeRows: 5,
+    timeCols: 4,
+    timeInterval: 3
   };
   $.fn.datetimepicker.Constructor = DateTimePicker;
   var dpgId = 0;

src/less/bootstrap-datetimepicker.less

@@ -47,6 +47,50 @@
       right: 7px;
     }
   }
+  &.pull-bottom-calendar {
+    &:before {
+      border-bottom: 0;
+      border-top: 7px solid rgba(0, 0, 0, 0.2);
+      top: 259px;
+    }
+    &:after {
+      border-bottom: 0;
+      border-top: 6px solid white;
+      top: 258px;
+    }
+    &.pull-right{
+      &:before {
+        right: 6px;
+        left:auto;
+      }
+      &:after {
+        right: 7px;
+        left:auto;
+      }
+    }
+  }
+  &.pull-bottom-time {
+    &:before {
+      border-bottom: 0;
+      border-top: 7px solid rgba(0, 0, 0, 0.2);
+      top: 177px;
+    }
+    &:after {
+      border-bottom: 0;
+      border-top: 6px solid white;
+      top: 176px;
+    }
+    &.pull-right{
+      &:before {
+        right: 6px;
+        left:auto;
+      }
+      &:after {
+        right: 7px;
+        left:auto;
+      }
+    }
+  }
   >ul {
     list-style-type: none;
     margin: 0;