feat(MdDatepicker): remove fixed label position (#1417)

* feat(MdDatepicker): remove fixed label position * feat(MdDatepicker): add md-native class
vuematerial · Jan 23, 2018 · a2cbc98 · a2cbc98
1 parent 4d0f18a
commit a2cbc98
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/MdDatepicker/MdDatepicker.vue b/src/components/MdDatepicker/MdDatepicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <md-field class="md-datepicker">
+  <md-field :class="['md-datepicker', { 'md-native': !this.mdOverrideNative }]">
     <md-date-icon class="md-date-icon" @click.native="toggleDialog" />
     <md-input :type="type" ref="input" v-model="modelDate" @focus.native="onFocus" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" />
 
@@ -127,9 +127,12 @@
   }
 
   .md-datepicker {
-    label {
-      top: 0 !important;
+    &.md-native {
+      label {
+        top: 0 !important;
+      }
     }
+
     .md-date-icon {
       cursor: pointer;
     }