Advance to year field when / is pressed

PolymerElements · Apr 12, 2016 · e2f95e0 · e2f95e0
1 parent cc568c5
commit e2f95e0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/bower.json b/bower.json
@@ -27,7 +27,8 @@
     "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
     "paper-input": "PolymerElements/paper-input#^1.0.0",
     "paper-styles": "PolymerElements/paper-styles#^1.0.0",
-    "polymer": "Polymer/polymer#^1.1.0"
+    "polymer": "Polymer/polymer#^1.1.0",
+    "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.1.2"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",

diff --git a/date-input.html b/date-input.html
@@ -8,6 +8,7 @@
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 <link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="../iron-input/iron-input.html">
 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
 <link rel="import" href="../iron-validatable-behavior/iron-validatable-behavior.html">
@@ -100,7 +101,8 @@
     is: 'date-input',
 
     behaviors: [
-      Polymer.IronValidatableBehavior
+      Polymer.IronValidatableBehavior,
+      Polymer.IronA11yKeysBehavior
     ],
 
     properties: {
@@ -149,6 +151,14 @@
       '_computeDate(month,year)'
     ],
 
+    keyBindings: {
+      '\\': '_selectYear'
+    },
+
+    _selectYear: function() {
+      this.$.expirationYear.focus();
+    },
+
     _computeDate: function(month, year) {
       // Months are 0-11.
       this.date = {month: month, year: year};