From e45362c2c7ae24eb853e62015a51e7bc9fb954a9 Mon Sep 17 00:00:00 2001
From: arjunyel <arjunyel@gmail.com>
Date: Mon, 24 Apr 2017 02:29:09 -0500
Subject: [PATCH 1/2] Add iron-form and bug fixes

---
 bower.json            |  4 +++-
 paper-time-input.html | 20 +++++++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/bower.json b/bower.json
index 37c72b9..8538633 100644
--- a/bower.json
+++ b/bower.json
@@ -9,7 +9,9 @@
     "paper-listbox": "polymerelements/paper-listbox#^1.1.2",
     "paper-input": "PolymerElements/paper-input#^1.1.23",
     "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.3.2",
-    "paper-styles": "PolymerElements/paper-styles#^1.1.5"
+    "paper-styles": "PolymerElements/paper-styles#^1.1.5",
+    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.7",
+    "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.1.2"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
diff --git a/paper-time-input.html b/paper-time-input.html
index 6cac8d0..6bc81bc 100644
--- a/paper-time-input.html
+++ b/paper-time-input.html
@@ -5,6 +5,8 @@
 <link rel="import" href="../paper-dropdown-menu/paper-dropdown-menu.html">
 <link rel="import" href="../paper-styles/typography.html">
 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../iron-validatable-behavior/iron-validatable-behavior.html">
+<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
 
 <!--
 `<paper-time-input>` Polymer element to accept a time with paper-input & paper-dropdown-menu
@@ -30,7 +32,7 @@
     <style>
       :host {
         display: block;
-        @apply(--paper-font-common-base);
+        @apply --paper-font-common-base;
       }
 
       paper-input{
@@ -86,11 +88,11 @@
       }
 
       label{
-        @apply(--paper-font-caption);
+        @apply --paper-font-caption;
       }
       .time-input-wrap{
-        @apply(--layout-horizontal);
-        @apply(--layout-no-wrap);
+        @apply --layout-horizontal;
+        @apply --layout-no-wrap;
       }
 
       [hidden]{
@@ -149,6 +151,10 @@
   <script>
     Polymer({
       is: 'paper-time-input',
+      behaviors: [
+        Polymer.IronFormElementBehavior,
+        Polymer.IronValidatableBehavior
+      ],
       properties: {
         /**
          * Label for the input
@@ -221,7 +227,7 @@
        * Validate the inputs
        * @return {boolean}
        */
-      validate: function(){
+      _getValidity: function(){
         if(this.$.hour.validate() & this.$.min.validate()){
           return true;
         }
@@ -232,8 +238,8 @@
        */
       _computeTime: function(min, hour, amPm){
         // No ampm on 24 hr time
-        if (this.format == 24) {
-          amPm = "";
+        if (this.format == 24 && hour && min) {
+          return hour + ":" + min;
         }
         if (hour && min) {
           return hour + ":" + min + " " + amPm;

From bdd14dd6ef9457731c2e6f7d7d39c7bd35c43be2 Mon Sep 17 00:00:00 2001
From: arjunyel <arjunyel@gmail.com>
Date: Mon, 24 Apr 2017 02:36:03 -0500
Subject: [PATCH 2/2] Missed an @apply

---
 paper-time-input.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/paper-time-input.html b/paper-time-input.html
index 6bc81bc..4d070f0 100644
--- a/paper-time-input.html
+++ b/paper-time-input.html
@@ -68,7 +68,7 @@
         };
         --paper-input-container-input: {
           text-align: center;
-          @apply(--paper-font-button);
+          @apply --paper-font-button;
           padding-left: 5px;
         };
         --paper-input-container-underline: {