0
@@ -3,6 +3,8 @@ Version 1.1.7
0
 
0
  * Solve weird issue with duplicate and missing days in certain time zones (#2984,
0
    thanks to Arsenicus)
0
+ * Insert the date picker directly after the input, so that the links in it can be
0
+   tabbed through. Listen for the Esc key and hide the date picker if it's pressed (#2276)
0
 
0
 Version 1.1.6
0
 -------------

0
@@ -5,7 +5,7 @@ function DateInput(el, opts) {
0
   $.extend(this, DateInput.DEFAULT_OPTS, opts);
0
   
0
   this.input = $(el);
0
-  this.bindMethodsToObj("show", "hide", "hideIfClickOutside", "selectDate", "prevMonth", "nextMonth");
0
+  this.bindMethodsToObj("show", "hide", "hideIfClickOutside", "hideOnEsc", "selectDate", "prevMonth", "nextMonth");
0
   
0
   this.build();
0
   this.selectDate();
0
@@ -32,7 +32,7 @@ DateInput.prototype = {
0
     });
0
     tableShell += "</tr></thead><tbody></tbody></table>";
0
     
0
-    this.dateSelector = this.rootLayers = $('<div class="date_selector"></div>').append(monthNav, tableShell).appendTo(document.body);
0
+    this.dateSelector = this.rootLayers = $('<div class="date_selector"></div>').append(monthNav, tableShell).insertAfter(this.input);
0
     
0
     if ($.browser.msie && $.browser.version < 7) {
0
       this.ieframe = $('<iframe class="date_selector_ieframe" frameborder="0" src="#"></iframe>').insertBefore(this.dateSelector);
0
@@ -101,12 +101,14 @@ DateInput.prototype = {
0
     this.rootLayers.css("display", "block");
0
     this.setPosition();
0
     this.input.unbind("focus", this.show);
0
-    $([window, document.body]).click(this.hideIfClickOutside);
0
+    $("a:last", this.dateSelector).blur(this.hide);
0
+    $([window, document.body]).click(this.hideIfClickOutside).keyup(this.hideOnEsc);
0
   },
0
   
0
   hide: function() {
0
     this.rootLayers.css("display", "none");
0
-    $([window, document.body]).unbind("click", this.hideIfClickOutside);
0
+    $([window, document.body]).unbind("click", this.hideIfClickOutside).unbind("keyup", this.hideOnEsc);
0
+    $("a:last", this.dateSelector).unbind("blur", this.hide);
0
     this.input.focus(this.show);
0
   },
0
   
0
@@ -116,6 +118,12 @@ DateInput.prototype = {
0
     };
0
   },
0
   
0
+  hideOnEsc: function(event) {
0
+    if (event.keyCode == 27) {
0
+      this.hide();
0
+    };
0
+  },
0
+  
0
   stringToDate: function(string) {
0
     var matches;
0
     if (matches = string.match(/^(\d{1,2}) ([^\s]+) (\d{4,4})$/)) {