Skip to content

Commit 4a4d772

Browse files
crisbetocrisbeto
committed
docs(material/datepicker): switch examples to use MDC
Switches the datepicker docs to use MDC since we won't be including the theming for the legacy components anymore.
1 parent 265aa07 commit 4a4d772

File tree

27 files changed

+46
-58
lines changed

27 files changed

+46
-58
lines changed

‎src/components-examples/material/datepicker/BUILD.bazel

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,13 +16,13 @@ ng_module(
1616
"//src/cdk/testing",
1717
"//src/cdk/testing/testbed",
1818
"//src/material-moment-adapter",
19+
"//src/material/button",
20+
"//src/material/card",
1921
"//src/material/core",
2022
"//src/material/datepicker",
2123
"//src/material/datepicker/testing",
2224
"//src/material/icon",
23-
"//src/material/legacy-button",
24-
"//src/material/legacy-card",
25-
"//src/material/legacy-input",
25+
"//src/material/input",
2626
"@npm//@angular/forms",
2727
"@npm//@angular/platform-browser",
2828
"@npm//@angular/platform-browser-dynamic",

‎src/components-examples/material/datepicker/date-range-picker-comparison/date-range-picker-comparison-example.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<input matEndDate placeholder="End date" formControlName="end">
1010
</mat-date-range-input>
1111
<mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint>
12-
<mat-datepicker-toggle matSuffix [for]="campaignOnePicker"></mat-datepicker-toggle>
12+
<mat-datepicker-toggle matIconSuffix [for]="campaignOnePicker"></mat-datepicker-toggle>
1313
<mat-date-range-picker #campaignOnePicker></mat-date-range-picker>
1414
</mat-form-field>
1515

@@ -23,7 +23,7 @@
2323
<input matStartDate placeholder="Start date" formControlName="start">
2424
<input matEndDate placeholder="End date" formControlName="end">
2525
</mat-date-range-input>
26-
<mat-datepicker-toggle matSuffix [for]="campaignTwoPicker"></mat-datepicker-toggle>
26+
<mat-datepicker-toggle matIconSuffix [for]="campaignTwoPicker"></mat-datepicker-toggle>
2727
<mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint>
2828
<mat-date-range-picker #campaignTwoPicker></mat-date-range-picker>
2929
</mat-form-field>

‎src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<input matEndDate formControlName="end" placeholder="End date">
66
</mat-date-range-input>
77
<mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint>
8-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
8+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
99
<mat-date-range-picker #picker></mat-date-range-picker>
1010

1111
<mat-error *ngIf="range.controls.start.hasError('matStartDateInvalid')">Invalid start date</mat-error>

‎src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@
55
<input matEndDate placeholder="End date">
66
</mat-date-range-input>
77
<mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint>
8-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
8+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
99
<mat-date-range-picker #picker></mat-date-range-picker>
1010
</mat-form-field>

‎src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,6 @@
55
<input matEndDate placeholder="End date">
66
</mat-date-range-input>
77
<mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint>
8-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
8+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
99
<mat-date-range-picker #picker></mat-date-range-picker>
1010
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-actions/datepicker-actions-example.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<mat-label>Choose a date</mat-label>
33
<input matInput [matDatepicker]="datepicker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="datepicker"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="datepicker"></mat-datepicker-toggle>
66
<!-- #docregion datepicker-actions -->
77
<mat-datepicker #datepicker>
88
<mat-datepicker-actions>
@@ -20,7 +20,7 @@
2020
<input matEndDate placeholder="End date">
2121
</mat-date-range-input>
2222
<mat-hint>MM/DD/YYYY – MM/DD/YYYY</mat-hint>
23-
<mat-datepicker-toggle matSuffix [for]="rangePicker"></mat-datepicker-toggle>
23+
<mat-datepicker-toggle matIconSuffix [for]="rangePicker"></mat-datepicker-toggle>
2424
<!-- #docregion date-range-picker-actions -->
2525
<mat-date-range-picker #rangePicker>
2626
<mat-date-range-picker-actions>

‎src/components-examples/material/datepicker/datepicker-color/datepicker-color-example.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22
<mat-label>Inherited calendar color</mat-label>
33
<input matInput [matDatepicker]="picker1">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker1"></mat-datepicker-toggle>
66
<mat-datepicker #picker1></mat-datepicker>
77
</mat-form-field>
88

99
<mat-form-field color="accent" appearance="fill">
1010
<mat-label>Custom calendar color</mat-label>
1111
<input matInput [matDatepicker]="picker2">
1212
<mat-hint>MM/DD/YYYY</mat-hint>
13-
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
13+
<mat-datepicker-toggle matIconSuffix [for]="picker2"></mat-datepicker-toggle>
1414
<mat-datepicker #picker2 color="primary"></mat-datepicker>
1515
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Custom calendar header</mat-label>
33
<input matInput [matDatepicker]="picker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
66
<mat-datepicker #picker [calendarHeaderComponent]="exampleHeader"></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -37,17 +37,12 @@ export class DatepickerCustomHeaderExample {
3737
font-weight: 500;
3838
text-align: center;
3939
}
40-
41-
.example-double-arrow .mat-icon {
42-
margin: -22%;
43-
}
4440
`,
4541
],
4642
template: `
4743
<div class="example-header">
48-
<button mat-icon-button class="example-double-arrow" (click)="previousClicked('year')">
49-
<mat-icon>keyboard_arrow_left</mat-icon>
50-
<mat-icon>keyboard_arrow_left</mat-icon>
44+
<button mat-icon-button (click)="previousClicked('year')">
45+
<mat-icon>keyboard_double_arrow_left</mat-icon>
5146
</button>
5247
<button mat-icon-button (click)="previousClicked('month')">
5348
<mat-icon>keyboard_arrow_left</mat-icon>
@@ -56,9 +51,8 @@ export class DatepickerCustomHeaderExample {
5651
<button mat-icon-button (click)="nextClicked('month')">
5752
<mat-icon>keyboard_arrow_right</mat-icon>
5853
</button>
59-
<button mat-icon-button class="example-double-arrow" (click)="nextClicked('year')">
60-
<mat-icon>keyboard_arrow_right</mat-icon>
61-
<mat-icon>keyboard_arrow_right</mat-icon>
54+
<button mat-icon-button (click)="nextClicked('year')">
55+
<mat-icon>keyboard_double_arrow_right</mat-icon>
6256
</button>
6357
</div>
6458
`,

‎src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<mat-label>Choose a date</mat-label>
33
<input matInput [matDatepicker]="picker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker">
5+
<mat-datepicker-toggle matIconSuffix [for]="picker">
66
<mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon>
77
</mat-datepicker-toggle>
88
<mat-datepicker #picker></mat-datepicker>

‎src/components-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Choose a date</mat-label>
33
<input matInput [matDatepicker]="picker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
66
<mat-datepicker [dateClass]="dateClass" #picker></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<mat-label>Completely disabled</mat-label>
44
<input matInput [matDatepicker]="dp1" disabled>
55
<mat-hint>MM/DD/YYYY</mat-hint>
6-
<mat-datepicker-toggle matSuffix [for]="dp1"></mat-datepicker-toggle>
6+
<mat-datepicker-toggle matIconSuffix [for]="dp1"></mat-datepicker-toggle>
77
<mat-datepicker #dp1></mat-datepicker>
88
</mat-form-field>
99
</p>
@@ -13,7 +13,7 @@
1313
<mat-label>Popup disabled</mat-label>
1414
<input matInput [matDatepicker]="dp2">
1515
<mat-hint>MM/DD/YYYY</mat-hint>
16-
<mat-datepicker-toggle matSuffix [for]="dp2" disabled></mat-datepicker-toggle>
16+
<mat-datepicker-toggle matIconSuffix [for]="dp2" disabled></mat-datepicker-toggle>
1717
<mat-datepicker #dp2></mat-datepicker>
1818
</mat-form-field>
1919
</p>
@@ -23,7 +23,7 @@
2323
<mat-label>Input disabled</mat-label>
2424
<input matInput [matDatepicker]="dp3" disabled>
2525
<mat-hint>MM/DD/YYYY</mat-hint>
26-
<mat-datepicker-toggle matSuffix [for]="dp3"></mat-datepicker-toggle>
26+
<mat-datepicker-toggle matIconSuffix [for]="dp3"></mat-datepicker-toggle>
2727
<mat-datepicker #dp3 disabled="false"></mat-datepicker>
2828
</mat-form-field>
2929
</p>

‎src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<input matInput [matDatepicker]="picker"
44
(dateInput)="addEvent('input', $event)" (dateChange)="addEvent('change', $event)">
55
<mat-hint>MM/DD/YYYY</mat-hint>
6-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
6+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
77
<mat-datepicker #picker></mat-datepicker>
88
</mat-form-field>
99

‎src/components-examples/material/datepicker/datepicker-filter/datepicker-filter-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Choose a date</mat-label>
33
<input matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
66
<mat-datepicker #picker></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-formats/datepicker-formats-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Verbose datepicker</mat-label>
33
<input matInput [matDatepicker]="dp" [formControl]="date">
44
<mat-hint>MMMM DD, YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="dp"></mat-datepicker-toggle>
66
<mat-datepicker #dp></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-locale/datepicker-locale-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<mat-label>Different locale</mat-label>
33
<input matInput [matDatepicker]="dp">
44
<mat-hint>{{getDateFormatString()}}</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="dp"></mat-datepicker-toggle>
66
<mat-datepicker #dp></mat-datepicker>
77
</mat-form-field>
88
<button mat-button (click)="french()">Dynamically switch to French</button>

‎src/components-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Choose a date</mat-label>
33
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="picker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
66
<mat-datepicker #picker></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-moment/datepicker-moment-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Moment.js datepicker</mat-label>
33
<input matInput [matDatepicker]="dp" [formControl]="date">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="dp"></mat-datepicker-toggle>
66
<mat-datepicker #dp></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-overview/datepicker-overview-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<!-- #docregion toggle -->
44
<input matInput [matDatepicker]="picker">
55
<mat-hint>MM/DD/YYYY</mat-hint>
6-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
6+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
77
<mat-datepicker #picker></mat-datepicker>
88
<!-- #enddocregion toggle -->
99
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Choose a date</mat-label>
33
<input matInput [matDatepicker]="picker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
66
<mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-touch/datepicker-touch-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22
<mat-label>Choose a date</mat-label>
33
<input matInput [matDatepicker]="picker">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
66
<mat-datepicker touchUi #picker></mat-datepicker>
77
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-value/datepicker-value-example.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<mat-label>Angular forms</mat-label>
33
<input matInput [matDatepicker]="picker1" [formControl]="date">
44
<mat-hint>MM/DD/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="picker1"></mat-datepicker-toggle>
66
<mat-datepicker #picker1></mat-datepicker>
77
</mat-form-field>
88

@@ -11,14 +11,14 @@
1111
<input matInput [matDatepicker]="picker2"
1212
[formControl]="serializedDate">
1313
<mat-hint>MM/DD/YYYY</mat-hint>
14-
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
14+
<mat-datepicker-toggle matIconSuffix [for]="picker2"></mat-datepicker-toggle>
1515
<mat-datepicker #picker2></mat-datepicker>
1616
</mat-form-field>
1717

1818
<mat-form-field appearance="fill">
1919
<mat-label>Value binding</mat-label>
2020
<input matInput [matDatepicker]="picker3" [value]="date.value">
2121
<mat-hint>MM/DD/YYYY</mat-hint>
22-
<mat-datepicker-toggle matSuffix [for]="picker3"></mat-datepicker-toggle>
22+
<mat-datepicker-toggle matIconSuffix [for]="picker3"></mat-datepicker-toggle>
2323
<mat-datepicker #picker3></mat-datepicker>
2424
</mat-form-field>

‎src/components-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<mat-label>Month and Year</mat-label>
33
<input matInput [matDatepicker]="dp" [formControl]="date">
44
<mat-hint>MM/YYYY</mat-hint>
5-
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
5+
<mat-datepicker-toggle matIconSuffix [for]="dp"></mat-datepicker-toggle>
66
<mat-datepicker #dp
77
startView="multi-year"
88
(monthSelected)="setMonthAndYear($event, dp)"

‎src/components-examples/material/datepicker/index.ts

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import {CommonModule} from '@angular/common';
22
import {NgModule} from '@angular/core';
33
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
4-
import {MatLegacyButtonModule} from '@angular/material/legacy-button';
5-
import {MatLegacyCardModule} from '@angular/material/legacy-card';
4+
import {MatButtonModule} from '@angular/material/button';
5+
import {MatCardModule} from '@angular/material/card';
66
import {MatNativeDateModule, MAT_DATE_LOCALE} from '@angular/material/core';
77
import {MatDatepickerModule} from '@angular/material/datepicker';
88
import {MatIconModule} from '@angular/material/icon';
9-
import {MatLegacyInputModule} from '@angular/material/legacy-input';
9+
import {MatInputModule} from '@angular/material/input';
1010
import {DateRangePickerComparisonExample} from './date-range-picker-comparison/date-range-picker-comparison-example';
1111
import {DateRangePickerFormsExample} from './date-range-picker-forms/date-range-picker-forms-example';
1212
import {DateRangePickerOverviewExample} from './date-range-picker-overview/date-range-picker-overview-example';
@@ -95,10 +95,10 @@ const EXAMPLES = [
9595
@NgModule({
9696
imports: [
9797
CommonModule,
98-
MatLegacyButtonModule,
99-
MatLegacyCardModule,
98+
MatButtonModule,
99+
MatCardModule,
100100
MatDatepickerModule,
101-
MatLegacyInputModule,
101+
MatInputModule,
102102
MatIconModule,
103103
MatNativeDateModule,
104104
ReactiveFormsModule,

‎src/dev-app/datepicker/custom-header.html

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
<div class="demo-calendar-header">
2-
<button mat-icon-button class="demo-double-arrow" (click)="previousClicked('year')">
3-
<mat-icon>keyboard_arrow_left</mat-icon>
4-
<mat-icon>keyboard_arrow_left</mat-icon>
2+
<button mat-icon-button (click)="previousClicked('year')">
3+
<mat-icon>keyboard_double_arrow_left</mat-icon>
54
</button>
65
<button mat-icon-button (click)="previousClicked('month')">
76
<mat-icon>keyboard_arrow_left</mat-icon>
@@ -10,8 +9,7 @@
109
<button mat-icon-button (click)="nextClicked('month')">
1110
<mat-icon>keyboard_arrow_right</mat-icon>
1211
</button>
13-
<button mat-icon-button class="demo-double-arrow" (click)="nextClicked('year')">
14-
<mat-icon>keyboard_arrow_right</mat-icon>
15-
<mat-icon>keyboard_arrow_right</mat-icon>
12+
<button mat-icon-button (click)="nextClicked('year')">
13+
<mat-icon>keyboard_double_arrow_right</mat-icon>
1614
</button>
1715
</div>

‎src/dev-app/datepicker/custom-header.scss

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,3 @@
1010
font-weight: bold;
1111
text-align: center;
1212
}
13-
14-
.demo-double-arrow .mat-icon {
15-
margin: -22%;
16-
}

‎src/dev-app/datepicker/datepicker-demo.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@ export class CustomRangeStrategy {}
111111
styleUrls: ['custom-header.css'],
112112
changeDetection: ChangeDetectionStrategy.OnPush,
113113
standalone: true,
114-
imports: [MatIconModule],
114+
imports: [MatIconModule, MatButtonModule],
115115
})
116116
export class CustomHeader<D> implements OnDestroy {
117117
private readonly _destroyed = new Subject<void>();

0 commit comments

Comments
 (0)