refactor (MatCalendar): some code reformatting

Author: Tobias Schweizer

package-lock.json

@@ -1,22 +1,21 @@
 <div class="mat-calendar-header">
+  <div class="mat-calendar-controls">
+    <button mat-button class="mat-calendar-period-button"
+            (click)="calendar.currentPeriodClicked()" [attr.aria-label]="calendar.periodButtonLabel">
+      {{calendar.periodButtonText}}
+      <div class="mat-calendar-arrow" [class.mat-calendar-invert]="calendar.currentView != 'month'"></div>
+    </button>
 
-    <div class="mat-calendar-controls">
-        <button mat-button class="mat-calendar-period-button"
-                (click)="calendar.currentPeriodClicked()" [attr.aria-label]="calendar.periodButtonLabel">
-            {{calendar.periodButtonText}}
-            <div class="mat-calendar-arrow" [class.mat-calendar-invert]="calendar.currentView != 'month'"></div>
-        </button>
+    <div class="mat-calendar-spacer"></div>
 
-        <div class="mat-calendar-spacer"></div>
+    <button mat-icon-button class="mat-calendar-previous-button"
+            [disabled]="!calendar.previousEnabled()" (click)="calendar.previousClicked()"
+            [attr.aria-label]="calendar.prevButtonLabel">
+    </button>
 
-        <button mat-icon-button class="mat-calendar-previous-button"
-                [disabled]="!calendar.previousEnabled()" (click)="calendar.previousClicked()"
-                [attr.aria-label]="calendar.prevButtonLabel">
-        </button>
-
-        <button mat-icon-button class="mat-calendar-next-button"
-                [disabled]="!calendar.nextEnabled()" (click)="calendar.nextClicked()"
-                [attr.aria-label]="calendar.nextButtonLabel">
-        </button>
-    </div>
-</div>
+    <button mat-icon-button class="mat-calendar-next-button"
+            [disabled]="!calendar.nextEnabled()" (click)="calendar.nextClicked()"
+            [attr.aria-label]="calendar.nextButtonLabel">
+    </button>
+  </div>
+</div>

src/lib/datepicker/calendar-header.html

@@ -19,8 +19,8 @@ describe('MatCalendar', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       imports: [
-          MatNativeDateModule,
-          MatDatepickerModule,
+        MatNativeDateModule,
+        MatDatepickerModule,
       ],
       declarations: [
         // Test components.

src/lib/datepicker/calendar.spec.ts

@@ -42,9 +42,7 @@ import {ComponentPortal, ComponentType, Portal} from '@angular/cdk/portal';
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MatCalendarHeader {
-    constructor(@Host() public calendar: MatCalendar<any>) {
-
-    }
+    constructor(@Host() public calendar: MatCalendar<any>) {}
 }
 
 /**

src/lib/datepicker/calendar.ts

@@ -6,10 +6,10 @@
     [minDate]="datepicker._minDate"
     [maxDate]="datepicker._maxDate"
     [dateFilter]="datepicker._dateFilter"
+    [headerComponent]="datepicker.calendarHeaderComponent"
     [selected]="datepicker._selected"
     (selectedChange)="datepicker._select($event)"
     (yearSelected)="datepicker._selectYear($event)"
     (monthSelected)="datepicker._selectMonth($event)"
-    (_userSelection)="datepicker.close()"
-    [headerComponent]="datepicker.calendarHeaderComponent">
+    (_userSelection)="datepicker.close()">
 </mat-calendar>