Skip to content

Commit e1e2506

Browse files
mmalerbakara
authored andcommitted
docs(datepicker): add datepicker overview example (#4517)
1 parent 25edfd1 commit e1e2506

File tree

4 files changed

+18
-0
lines changed

4 files changed

+18
-0
lines changed
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/** No CSS for this example */
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<md-input-container>
2+
<input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
3+
<button mdSuffix [mdDatepickerToggle]="picker"></button>
4+
</md-input-container>
5+
<md-datepicker #picker></md-datepicker>
Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import {Component} from '@angular/core';
2+
3+
4+
@Component({
5+
selector: 'datepicker-overview-example',
6+
templateUrl: './datepicker-overview-example.html',
7+
styleUrls: ['./datepicker-overview-example.css'],
8+
})
9+
export class DatepickerOverviewExample {}

src/material-examples/example-module.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,7 @@ import {SelectOverviewExample} from './select-overview/select-overview-example';
7070
import {ChipsOverviewExample} from './chips-overview/chips-overview-example';
7171
import {ChipsStackedExample} from './chips-stacked/chips-stacked-example';
7272
import {SelectFormExample} from './select-form/select-form-example';
73+
import {DatepickerOverviewExample} from './datepicker-overview/datepicker-overview-example';
7374

7475

7576
export interface LiveExample {
@@ -99,6 +100,7 @@ export const EXAMPLE_COMPONENTS = {
99100
'card-overview': {title: 'Basic cards', component: CardOverviewExample},
100101
'checkbox-configurable': {title: 'Configurable checkbox', component: CheckboxConfigurableExample},
101102
'checkbox-overview': {title: 'Basic checkboxes', component: CheckboxOverviewExample},
103+
'datepicker-overview': {title: 'Basic datepicker', component: DatepickerOverviewExample},
102104
'dialog-overview': {
103105
title: 'Basic dialog',
104106
component: DialogOverviewExample,
@@ -182,6 +184,7 @@ export const EXAMPLE_LIST = [
182184
ChipsStackedExample,
183185
CheckboxConfigurableExample,
184186
CheckboxOverviewExample,
187+
DatepickerOverviewExample,
185188
DialogOverviewExample,
186189
DialogOverviewExampleDialog,
187190
DialogResultExample,

0 commit comments

Comments
 (0)