mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
docs(datepicker): add datepicker overview example (#4517)
This commit is contained in:
@@ -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 {}
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user