3 files changed, 36 insertions, 17 deletions
diff --git a/src/docs/examples.html b/src/docs/examples.html
index 370be36..9364fba 100644
--- a/src/docs/examples.html
+++ b/src/docs/examples.html
@@ -9,6 +9,7 @@
 		<li><a href="#timezone_examples" title="Using Timezones">Using Timezones</a></li>
 		<li><a href="#slider_examples" title="Slider Modifications">Slider Modifications</a></li>
 		<li><a href="#alt_examples" title="Alternate Field">Alternate Fields</a></li>
+		<li><a href="#input_examples" title="Time Input">Time Input</a></li>
 		<li><a href="#rest_examples" title="Time Restraints">Time Restraints</a></li>
 		<li><a href="#range_examples" title="Time Ranges">Time Ranges</a></li>
 		<li><a href="#utility_examples" title="Utilities">Utilities</a></li>
@@ -287,20 +288,6 @@ $('#alt_example_3').datetimepicker({
 });
 </pre>
 	</div>
-	</div>
-	<h3 id="input_examples">Time Input</h3>
-	<!-- ============= example -->
-	<div class="example-container">
-		<p>Allows for direct input of time string</p>
-		<div>
-			<input type="text" name="input_example_1" id="input_example_1" value="08/20/2014 09:22 -0400" />
-		</div>
-<pre>
-$('#input_example_1').datetimepicker(
-  timeInput: true
-);
-</pre>
-  </div>
 	
 	<!-- ============= example -->
 	<div class="example-container">
@@ -316,6 +303,38 @@ $('#alt_example_4').datetimepicker({
 });
 </pre>
 	</div>
+	
+<h3 id="input_examples">Time Input</h3>
+
+	<!-- ============= example -->
+	<div class="example-container">
+		<p>Allows time displayed inside the picker to allow being typed in.</p>
+		<div>
+			<input type="text" name="input_example_1" id="input_example_1" value="08/20/2014 01:22 pm" />
+		</div>
+<pre>
+$('#input_example_1').datetimepicker({
+	timeInput: true,
+	timeFormat: "hh:mm tt"
+});
+</pre>
+	</div>
+
+	<!-- ============= example -->
+	<div class="example-container">
+		<p>Don't show any sliders, only the time input.</p>
+		<div>
+			<input type="text" name="input_example_1" id="input_example_2" value="08/20/2014 01:22 pm" />
+		</div>
+<pre>
+$('#input_example_2').datetimepicker({
+	timeInput: true,
+	timeFormat: "hh:mm tt",
+	showHour: false,
+	showMinute: false
+});
+</pre>
+	</div>
 
 	<h3 id="rest_examples">Time Restraints</h3>
 
diff --git a/src/jquery-ui-timepicker-addon.css b/src/jquery-ui-timepicker-addon.css
index 89294e6..586a7f0 100644
--- a/src/jquery-ui-timepicker-addon.css
+++ b/src/jquery-ui-timepicker-addon.css
@@ -6,8 +6,8 @@
 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
 .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
 
-.ui-timepicker-div.ui_tpicker_time.ui_tpicker_time_input { background: none; color: inherit; border: none; outline-style: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: grey; width: 100%; }
-.ui-timepicker-div.ui_tpicker_time.ui_tpicker_time_input:focus { border-bottom-color: white; }
+.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
+.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
 
 .ui-timepicker-rtl{ direction: rtl; }
 .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
diff --git a/src/jquery-ui-timepicker-addon.js b/src/jquery-ui-timepicker-addon.js
index 408a9e1..d8acddd 100644
--- a/src/jquery-ui-timepicker-addon.js
+++ b/src/jquery-ui-timepicker-addon.js
@@ -544,7 +544,7 @@
 						this.value = tp_inst.formattedTime;
 						this.blur();
 					}
-				})
+				});
 
 				if (this.inst !== null) {
 					var timeDefined = this.timeDefined;