Skip to content
Permalink
Browse files

feat(MdDatepicker): add support for labels (#1265)

* feat(MdDatepicker): add label style

* docs(MdDatepicker): add example with label

* fix(MdDatepicker): remove px unit
  • Loading branch information...
Samuell1 authored and marcosmoura committed Dec 6, 2017
1 parent ef720c4 commit 9f61c0b1e0bf6940de1a1e87fedc52c6c0882c6b
@@ -1,4 +1,5 @@
<example src="./examples/BasicDatepicker.vue" />
<example src="./examples/LabeledDatepicker.vue" />
<example src="./examples/CancelOpenDatepicker.vue" />
<example src="./examples/DisabledDatesDatepicker.vue" />

@@ -13,6 +14,8 @@
<h2>Datepicker</h2>

<code-example title="Basic Example" :component="examples['basic-datepicker']" />

<code-example title="Labeled Example" :component="examples['labeled-datepicker']" />
</div>

<div class="page-container-section">
@@ -0,0 +1,16 @@
<template>
<div>
<md-datepicker v-model="selectedDate">
<label>Select date</label>
</md-datepicker>
</div>
</template>

<script>
export default {
name: 'LabeledDatepicker',
data: () => ({
selectedDate: null
})
}
</script>
@@ -116,6 +116,9 @@
}
.md-datepicker {
label {
top: 0 !important;
}
.md-date-icon {
cursor: pointer;
}

0 comments on commit 9f61c0b

Please sign in to comment.
You can’t perform that action at this time.