From 69db44009be0a7d73e204fddb3cf8a1342d294d3 Mon Sep 17 00:00:00 2001
From: Austin Greco <austingreco@gmail.com>
Date: Sat, 13 Feb 2016 21:17:58 -0800
Subject: [PATCH] Slash key on month input selects year input

---
 bower.json      |  1 +
 date-input.html | 15 +++++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/bower.json b/bower.json
index e59263b..2384ee1 100644
--- a/bower.json
+++ b/bower.json
@@ -25,6 +25,7 @@
     "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.0.0",
     "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
     "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
+    "iron-a11y-keys": "PolymerElements/iron-a11y-keys#^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"
diff --git a/date-input.html b/date-input.html
index 3485c3a..bf704a8 100644
--- a/date-input.html
+++ b/date-input.html
@@ -14,6 +14,7 @@
 <link rel="import" href="../paper-input/paper-input-container.html">
 <link rel="import" href="../paper-styles/default-theme.html">
 <link rel="import" href="../paper-styles/typography.html">
+<link rel="import" href="../iron-a11y-keys/iron-a11y-keys.html">
 
 <link rel="import" href="date-validator.html">
 
@@ -54,8 +55,11 @@
     <span aria-hidden id="monthLabel" hidden>Month</span>
     <span aria-hidden id="yearLabel" hidden>Year</span>
 
+    <iron-a11y-keys id="a11y-month" target="[[expirationMonth]]" keys="/"
+        on-keys-pressed="_selectYear"></iron-a11y-keys>
     <div class="container">
       <input is="iron-input"
+          id="expirationMonth"
           aria-labelledby$="[[_computeAriaLabel(ariaLabelPrefix,'monthLabel')]]"
           required$="[[required]]"
           maxlength="2"
@@ -119,6 +123,13 @@
         type: String
       },
 
+      expirationMonth: {
+        type: Object,
+        value: function() {
+          return this.$.expirationMonth;
+        }
+      },
+
       /**
        * The year component of the date displayed.
        */
@@ -159,6 +170,10 @@
       }
     },
 
+    _selectYear: function() {
+      this.$.expirationYear.select();
+    },
+
     validate: function() {
       // Empty, non-required input is valid.
       if (!this.required && this.month == '' && this.year == '') {