🐛 Fix the UI for inputs of type date (#1173)

src/components/form/FieldBase.vue

@@ -186,12 +186,16 @@ export default {
       transform: translateY(-50%) scale(0.75);
     }
 
+    [type='date'] ~ & {
+      @include minimized;
+    }
+
     #{$root}--active &,
     #{$root}--filled &,
     #{$root}--minimized-label & {
       @include minimized;
     }
-    // We are seperating this declaration from the block above
+    // We are separating this declaration from the block above
     // because non-webkit engines will ignore the whole block, e.g. Gecko
     input:-webkit-autofill + & {
       @include minimized;

src/components/form/HdInput.vue

@@ -61,7 +61,7 @@ export default {
       default: 'text',
     },
     value: {
-      type: [String, Number],
+      type: [String, Number, Date],
       default: '',
     },
     placeholder: {

src/stories/HdInput.stories.js

@@ -166,4 +166,20 @@ storiesOf('Components/Form/HdInput', module)
         value: '',
       };
     },
+  }))
+  .add('with type date', () => ({
+    components: { HdInput },
+    template: `
+      <HdInput
+        v-model="value"
+        name="test"
+        label="Label"
+        type="date"
+      />
+    `,
+    data() {
+      return {
+        value: '',
+      };
+    },
   }));