Commit e478208

authored

docs(material/datepicker): fix up dialog example (#31674)

The example that shows a datepicker inside a dialog looked weird. These changes fix it up.

1 parent 5ffea29 commit e478208Copy full SHA for e478208

File tree

-7

lines changed

-7

lines changed

Lines changed: 5 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,13 @@`
`1`	`1`	`<h2 mat-dialog-title>Datepicker in a Dialog</h2>`
`2`		`-<mat-dialog-contentalign="center">`
`3`		`- <mat-form-field>`
	`2`	`+<mat-dialog-content>`
	`3`	`+ <mat-form-fieldsubscriptSizing="dynamic">`
`4`	`4`	`<mat-label>Select a date</mat-label>`
`5`	`5`	`<input matInput [matDatepicker]="picker" [formControl]="date">`
`6`	`6`	`<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>`
`7`	`7`	`<mat-datepicker #picker></mat-datepicker>`
`8`	`8`	`</mat-form-field>`
`9`	`9`	`</mat-dialog-content>`
`10`		`-<mat-dialog-actions>`
`11`		`- <button matButton mat-dialog-close>Clear</button>`
`12`		`- <button matButton [mat-dialog-close]="date.value" cdkFocusInitial>Ok</button>`
	`10`	`+<mat-dialog-actionsalign="end">`
	`11`	`+ <button matButton mat-dialog-close>CANCEL</button>`
	`12`	`+ <button matButton [mat-dialog-close]="date.value" cdkFocusInitial>OK</button>`
`13`	`13`	`</mat-dialog-actions>`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`<p>Selected date: {{selectedDate()}}</p>`
`2`		`-<button matButton="filled" color="primary" (click)="openDialog()">Open Dialog</button>`
	`2`	`+<button matButton="filled" color="primary" (click)="openDialog()">Open Dialog</button>`

Lines changed: 0 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,6 @@ export class DatepickerDialogExample {`
`29`	`29`
`30`	`30`	`openDialog() {`
`31`	`31`	`const dialogRef = this.dialog.open(DatepickerDialogExampleDialog, {`
`32`		`- minWidth: '500px',`
`33`	`32`	`data: {selectedDate: this.selectedDate()},`
`34`	`33`	`});`
`35`	`34`

Comments

(0)