-
Notifications
You must be signed in to change notification settings - Fork 6.7k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
docs(material/datepicker): Update datepicker docs & examples (#29236)
(cherry picked from commit de4b13a)
- Loading branch information
Showing
35 changed files
with
210 additions
and
233 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
18 changes: 9 additions & 9 deletions
18
...omponents-examples/material/datepicker/datepicker-actions/datepicker-actions-example.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,32 +1,32 @@ | ||
<mat-form-field class="example-form-field"> | ||
<mat-label>Choose a date</mat-label> | ||
<input matInput [matDatepicker]="datepicker"> | ||
<input matInput [matDatepicker]="datepicker" /> | ||
<mat-hint>MM/DD/YYYY</mat-hint> | ||
<mat-datepicker-toggle matIconSuffix [for]="datepicker"></mat-datepicker-toggle> | ||
<!-- #docregion datepicker-actions --> | ||
<!-- #docregion datepicker-actions --> | ||
<mat-datepicker #datepicker> | ||
<mat-datepicker-actions> | ||
<button mat-button matDatepickerCancel>Cancel</button> | ||
<button mat-raised-button color="primary" matDatepickerApply>Apply</button> | ||
<button mat-raised-button matDatepickerApply>Apply</button> | ||
</mat-datepicker-actions> | ||
</mat-datepicker> | ||
<!-- #enddocregion datepicker-actions --> | ||
<!-- #enddocregion datepicker-actions --> | ||
</mat-form-field> | ||
|
||
<mat-form-field class="example-form-field"> | ||
<mat-label>Enter a date range</mat-label> | ||
<mat-date-range-input [rangePicker]="rangePicker"> | ||
<input matStartDate placeholder="Start date"> | ||
<input matEndDate placeholder="End date"> | ||
<input matStartDate placeholder="Start date" /> | ||
<input matEndDate placeholder="End date" /> | ||
</mat-date-range-input> | ||
<mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint> | ||
<mat-datepicker-toggle matIconSuffix [for]="rangePicker"></mat-datepicker-toggle> | ||
<!-- #docregion date-range-picker-actions --> | ||
<!-- #docregion date-range-picker-actions --> | ||
<mat-date-range-picker #rangePicker> | ||
<mat-date-range-picker-actions> | ||
<button mat-button matDateRangePickerCancel>Cancel</button> | ||
<button mat-raised-button color="primary" matDateRangePickerApply>Apply</button> | ||
<button mat-raised-button matDateRangePickerApply>Apply</button> | ||
</mat-date-range-picker-actions> | ||
</mat-date-range-picker> | ||
<!-- #enddocregion date-range-picker-actions --> | ||
<!-- #enddocregion date-range-picker-actions --> | ||
</mat-form-field> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
3 changes: 0 additions & 3 deletions
3
src/components-examples/material/datepicker/datepicker-color/datepicker-color-example.css
This file was deleted.
Oops, something went wrong.
15 changes: 0 additions & 15 deletions
15
src/components-examples/material/datepicker/datepicker-color/datepicker-color-example.html
This file was deleted.
Oops, something went wrong.
16 changes: 0 additions & 16 deletions
16
src/components-examples/material/datepicker/datepicker-color/datepicker-color-example.ts
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
10 changes: 7 additions & 3 deletions
10
src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,14 +1,18 @@ | ||
<mat-form-field> | ||
<mat-label>Input & change events</mat-label> | ||
<input matInput [matDatepicker]="picker" | ||
(dateInput)="addEvent('input', $event)" (dateChange)="addEvent('change', $event)"> | ||
<input | ||
matInput | ||
[matDatepicker]="picker" | ||
(dateInput)="addEvent('input', $event)" | ||
(dateChange)="addEvent('change', $event)" | ||
/> | ||
<mat-hint>MM/DD/YYYY</mat-hint> | ||
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle> | ||
<mat-datepicker #picker></mat-datepicker> | ||
</mat-form-field> | ||
|
||
<div class="example-events"> | ||
@for (e of events; track e) { | ||
@for (e of events(); track e) { | ||
<div>{{e}}</div> | ||
} | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.