Better predictive typeahead when no delimeters are used

Close #700

Author: jonthornton

jquery.timepicker.css

@@ -1,7 +1,7 @@
 .ui-timepicker-wrapper {
 	overflow-y: auto;
 	max-height: 150px;
-	width: 6.5em;
+	width: auto;
 	background: #fff;
 	border: 1px solid #ddd;
 	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
@@ -12,13 +12,8 @@
 	margin: 0;
 }
 
-.ui-timepicker-wrapper.ui-timepicker-with-duration {
-	width: 13em;
-}
-
-.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
-.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
-	width: 11em;
+.ui-timepicker-wrapper .ui-timepicker-list li {
+    padding-right: 20px;
 }
 
 .ui-timepicker-list {

jquery.timepicker.js

@@ -450,15 +450,22 @@
 
         var hour = parseInt(time[3] * 1, 10);
         var ampm = time[2] || time[9];
-        var hours = hour;
-        var minutes = time[5] * 1 || 0;
+        var minutes = this.parseMinuteString(time[5]);
         var seconds = time[7] * 1 || 0;
 
         if (!ampm && time[3].length == 2 && time[3][0] == "0") {
           // preceding '0' implies AM
           ampm = "am";
         }
 
+        if (hour > 24 && !minutes) {
+          // if someone types in something like "83", turn it into "8h 30m"
+          hour = time[3][0] * 1;
+          minutes = this.parseMinuteString(time[3][1]);
+        }
+
+        var hours = hour;
+
         if (hour <= 12 && ampm) {
           ampm = ampm.trim();
           var isPm = ampm == this.settings.lang.pm || ampm == this.settings.lang.PM;
@@ -492,6 +499,21 @@
 
         return timeInt;
       }
+    }, {
+      key: "parseMinuteString",
+      value: function parseMinuteString(minutesString) {
+        if (!minutesString) {
+          minutesString = 0;
+        }
+
+        var multiplier = 1;
+
+        if (minutesString.length == 1) {
+          multiplier = 10;
+        }
+
+        return parseInt(minutesString) * multiplier || 0;
+      }
     }, {
       key: "intStringDateOrFunc2func",
       value: function intStringDateOrFunc2func(input) {
@@ -1641,8 +1663,8 @@
       }
 
       Timepicker.hideAll();
-      $(document).unbind(".ui-timepicker");
-      $(window).unbind(".ui-timepicker");
+      $(document).off(".ui-timepicker");
+      $(window).off(".ui-timepicker");
     }
     /*
      *  Keyboard navigation via arrow keys

jquery.timepicker.min.css

@@ -1,7 +1,7 @@
 .ui-timepicker-wrapper {
 	overflow-y: auto;
 	max-height: 150px;
-	width: 6.5em;
+	width: auto;
 	background: #fff;
 	border: 1px solid #ddd;
 	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
@@ -12,13 +12,8 @@
 	margin: 0;
 }
 
-.ui-timepicker-wrapper.ui-timepicker-with-duration {
-	width: 13em;
-}
-
-.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
-.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
-	width: 11em;
+.ui-timepicker-wrapper .ui-timepicker-list li {
+    padding-right: 20px;
 }
 
 .ui-timepicker-list {