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;