+22
-0
lines changedFilter options
+22
-0
lines changed Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
1 1
<example src="./examples/BasicDatepicker.vue" />
2 +
<example src="./examples/LabeledDatepicker.vue" />
2 3
<example src="./examples/CancelOpenDatepicker.vue" />
3 4
<example src="./examples/DisabledDatesDatepicker.vue" />
4 5
@@ -13,6 +14,8 @@
13 14
<h2>Datepicker</h2>
14 15 15 16
<code-example title="Basic Example" :component="examples['basic-datepicker']" />
17 + 18 +
<code-example title="Labeled Example" :component="examples['labeled-datepicker']" />
16 19
</div>
17 20 18 21
<div class="page-container-section">
@@ -0,0 +1,16 @@
1 +
<template>
2 +
<div>
3 +
<md-datepicker v-model="selectedDate">
4 +
<label>Select date</label>
5 +
</md-datepicker>
6 +
</div>
7 +
</template>
8 + 9 +
<script>
10 +
export default {
11 +
name: 'LabeledDatepicker',
12 +
data: () => ({
13 +
selectedDate: null
14 +
})
15 +
}
16 +
</script>
Original file line number Diff line number Diff line change
@@ -116,6 +116,9 @@
116 116
}
117 117 118 118
.md-datepicker {
119 +
label {
120 +
top: 0 !important;
121 +
}
119 122
.md-date-icon {
120 123
cursor: pointer;
121 124
}
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4