docs(datepicker): add datepicker overview example (#4517)

This commit is contained in:
mmalerba
2017-05-12 14:38:19 -07:00
committed by Kara
parent 25edfd1f64
commit e1e2506bb0
4 changed files with 18 additions and 0 deletions
@@ -0,0 +1 @@
/** No CSS for this example */
@@ -0,0 +1,5 @@
<md-input-container>
<input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
<button mdSuffix [mdDatepickerToggle]="picker"></button>
</md-input-container>
<md-datepicker #picker></md-datepicker>
@@ -0,0 +1,9 @@
import {Component} from '@angular/core';
@Component({
selector: 'datepicker-overview-example',
templateUrl: './datepicker-overview-example.html',
styleUrls: ['./datepicker-overview-example.css'],
})
export class DatepickerOverviewExample {}
+3
View File
@@ -70,6 +70,7 @@ import {SelectOverviewExample} from './select-overview/select-overview-example';
import {ChipsOverviewExample} from './chips-overview/chips-overview-example';
import {ChipsStackedExample} from './chips-stacked/chips-stacked-example';
import {SelectFormExample} from './select-form/select-form-example';
import {DatepickerOverviewExample} from './datepicker-overview/datepicker-overview-example';
export interface LiveExample {
@@ -99,6 +100,7 @@ export const EXAMPLE_COMPONENTS = {
'card-overview': {title: 'Basic cards', component: CardOverviewExample},
'checkbox-configurable': {title: 'Configurable checkbox', component: CheckboxConfigurableExample},
'checkbox-overview': {title: 'Basic checkboxes', component: CheckboxOverviewExample},
'datepicker-overview': {title: 'Basic datepicker', component: DatepickerOverviewExample},
'dialog-overview': {
title: 'Basic dialog',
component: DialogOverviewExample,
@@ -182,6 +184,7 @@ export const EXAMPLE_LIST = [
ChipsStackedExample,
CheckboxConfigurableExample,
CheckboxOverviewExample,
DatepickerOverviewExample,
DialogOverviewExample,
DialogOverviewExampleDialog,
DialogResultExample,