Issue 205: Calendar closes when input is leaved with a tab key

Author: tipiirai

src/dateinput/dateinput.js

@@ -317,8 +317,8 @@
 					return self.hide(e);	
 				}
 
-				// esc key
-				if (key == 27) { return self.hide(e); }						
+				// esc or tab key
+				if (key == 27 || key == 9) { return self.hide(e); }						
 
 				if ($(KEYS).index(key) >= 0) {
 

test/dateinput/tabs.htm

@@ -1,5 +1,5 @@
 
-<script src="../js/jquery-1.4.2.js"></script>
+<script src="../js/jquery-1.5.min.js"></script>
 <script src="../../src/tabs/tabs.js"></script>
 <script src="../../src/dateinput/dateinput.js"></script>
 
@@ -28,7 +28,9 @@
 
 	<div class="pane">
 		<h3>Tab 1</h3>
-		<input type="date" name="mydate" />		
+		<input type="date" name="mydate" />
+		<input type="text" name="foo" />		
+		<input type="date" name="mydate" />				
 	</div>
 
 	<div class="pane">

test/tabs/index.html

@@ -46,7 +46,11 @@
 
 
 <script>
-$(".tabs").tabs(".pane");
+$(".tabs").tabs(".pane", {
+	onClick: function () {
+	  console.log(this.getConf(), this.getCurrentPane(), this.getCurrentTab(), this.getIndex(), this.getPanes(), this.getTabs());
+	}
+});
 </script>