From 2030aa1af7301c61e8e785782ee7157b9f0f27c1 Mon Sep 17 00:00:00 2001
From: Keegan <keegan@lillo.me>
Date: Sat, 28 May 2016 13:52:27 -0700
Subject: [PATCH] fix styling of time and date fields on iOS

---
 dev/config.js                         | 14 ++++++++++++++
 src/styles/clay/components/input.scss |  2 ++
 2 files changed, 16 insertions(+)

diff --git a/dev/config.js b/dev/config.js
index b0019c9..da97fc1 100644
--- a/dev/config.js
+++ b/dev/config.js
@@ -31,6 +31,20 @@ module.exports = [
           "placeholder": "Placeholder set with attributes"
         }
       },
+      {
+        "type": "input",
+        "label": "Time Field",
+        "attributes": {
+          "type": "time"
+        }
+      },
+      {
+        "type": "input",
+        "label": "Date Field",
+        "attributes": {
+          "type": "date"
+        }
+      },
       {
         "type": "slider",
         "appKey": "slider",
diff --git a/src/styles/clay/components/input.scss b/src/styles/clay/components/input.scss
index 593683e..5a252bf 100644
--- a/src/styles/clay/components/input.scss
+++ b/src/styles/clay/components/input.scss
@@ -31,6 +31,8 @@
     vertical-align: baseline;
     color: $color-white;
     font-size: inherit;
+    appearance: none;
+    min-height: $item-spacing-v + ($base-height + 0rem) ;
 
     @include placeholder {
       color: $color-gray-8;