chore: fix lint errors for example app

e2e/app.e2e-spec.ts

@@ -1,14 +1,14 @@
-import { AppPage } from './app.po';
+import { AppPage } from "./app.po";
 
-describe('datetimepicker App', () => {
+describe("datetimepicker App", () => {
   let page: AppPage;
 
   beforeEach(() => {
     page = new AppPage();
   });
 
-  it('should display welcome message', () => {
+  it("should display welcome message", () => {
     page.navigateTo();
-    expect(page.getParagraphText()).toEqual('Welcome to app!');
+    expect(page.getParagraphText()).toEqual("Welcome to app!");
   });
 });

e2e/app.po.ts

@@ -1,11 +1,11 @@
-import { browser, by, element } from 'protractor';
+import { browser, by, element } from "protractor";
 
 export class AppPage {
   navigateTo() {
-    return browser.get('/');
+    return browser.get("/");
   }
 
   getParagraphText() {
-    return element(by.css('app-root h1')).getText();
+    return element(by.css("app-root h1")).getText();
   }
 }

src/app/app.component.html

@@ -1,7 +1,7 @@
 <!--The content below is only a placeholder and can be replaced.-->
 <div style="text-align:center">
   <h1>
-    Welcome to {{title}}!
+    Welcome to {{ title }}!
   </h1>
   <img width="300" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
 </div>

src/app/app.component.spec.ts

@@ -1,6 +1,6 @@
 import {
-  TestBed,
-  async
+  async,
+  TestBed
 } from "@angular/core/testing";
 import { AppComponent } from "./app.component";
 

src/app/app.module.ts

@@ -1,17 +1,17 @@
 import { registerLocaleData } from "@angular/common";
 import localeDe from "@angular/common/locales/de";
 import {
-  NgModule,
-  LOCALE_ID
+  LOCALE_ID,
+  NgModule
 } from "@angular/core";
 
 import { BrowserModule } from "@angular/platform-browser";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 
+import { MAT_DATE_LOCALE } from "@angular/material";
 import { AppComponent } from "./app.component";
-import {AppMomentModule} from "./moment/moment.module";
-import {AppNativeModule} from "./native/native.module";
-import {MAT_DATE_LOCALE} from "@angular/material";
+import { AppMomentModule } from "./moment/moment.module";
+import { AppNativeModule } from "./native/native.module";
 
 registerLocaleData(localeDe);
 

src/app/moment/moment.component.ts

@@ -1,10 +1,24 @@
-import {Component} from "@angular/core";
-import {FormBuilder, FormGroup, Validators} from "@angular/forms";
-import {Moment, utc} from "moment/moment";
-import {MAT_MOMENT_DATETIME_FORMATS, MomentDatetimeAdapter} from "@mat-datetimepicker/moment";
-import {DatetimeAdapter, MatDatetimepickerFilterType, MAT_DATETIME_FORMATS} from "@mat-datetimepicker/core";
-import {DateAdapter} from "@angular/material";
-import {MomentDateAdapter} from "@angular/material-moment-adapter";
+import { Component } from "@angular/core";
+import {
+  FormBuilder,
+  FormGroup,
+  Validators
+} from "@angular/forms";
+import { DateAdapter } from "@angular/material";
+import { MomentDateAdapter } from "@angular/material-moment-adapter";
+import {
+  DatetimeAdapter,
+  MAT_DATETIME_FORMATS,
+  MatDatetimepickerFilterType
+} from "@mat-datetimepicker/core";
+import {
+  MAT_MOMENT_DATETIME_FORMATS,
+  MomentDatetimeAdapter
+} from "@mat-datetimepicker/moment";
+import {
+  Moment,
+  utc
+} from "moment/moment";
 
 @Component({
   selector: "app-moment-datetime",

src/app/moment/moment.module.ts

@@ -1,14 +1,14 @@
+import { NgModule } from "@angular/core";
+import { ReactiveFormsModule } from "@angular/forms";
 import {
-  NgModule
-} from "@angular/core";
-import {
-  MatDatetimepickerModule
-} from "@mat-datetimepicker/core";
+  MatDatepickerModule,
+  MatFormFieldModule,
+  MatInputModule
+} from "@angular/material";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { MatDatetimepickerModule } from "@mat-datetimepicker/core";
 import { MomentDatetimeComponent } from "./moment.component";
-import {ReactiveFormsModule} from "@angular/forms";
-import {MatDatepickerModule, MatFormFieldModule, MatInputModule} from "@angular/material";
-import {BrowserModule} from "@angular/platform-browser";
-import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
 
 @NgModule({
   declarations: [

src/app/native/native.component.ts

@@ -1,11 +1,20 @@
-import {Component} from "@angular/core";
+import { Component } from "@angular/core";
 import {
   FormBuilder,
   FormGroup,
   Validators
 } from "@angular/forms";
-import {DatetimeAdapter, NativeDatetimeAdapter, MatDatetimepickerFilterType, MAT_DATETIME_FORMATS, MAT_NATIVE_DATETIME_FORMATS} from "@mat-datetimepicker/core";
-import {DateAdapter, NativeDateAdapter} from "@angular/material";
+import {
+  DateAdapter,
+  NativeDateAdapter
+} from "@angular/material";
+import {
+  DatetimeAdapter,
+  MAT_DATETIME_FORMATS,
+  MAT_NATIVE_DATETIME_FORMATS,
+  MatDatetimepickerFilterType,
+  NativeDatetimeAdapter
+} from "@mat-datetimepicker/core";
 
 @Component({
   selector: "app-native-datetime",

src/app/native/native.module.ts

@@ -1,14 +1,14 @@
+import { NgModule } from "@angular/core";
+import { ReactiveFormsModule } from "@angular/forms";
 import {
-  NgModule
-} from "@angular/core";
-import {
-  MatDatetimepickerModule
-} from "@mat-datetimepicker/core";
+  MatDatepickerModule,
+  MatFormFieldModule,
+  MatInputModule
+} from "@angular/material";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { MatDatetimepickerModule } from "@mat-datetimepicker/core";
 import { NativeDatetimeComponent } from "./native.component";
-import {ReactiveFormsModule} from "@angular/forms";
-import {MatDatepickerModule, MatFormFieldModule, MatInputModule} from "@angular/material";
-import {BrowserModule} from "@angular/platform-browser";
-import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
 
 @NgModule({
   declarations: [

src/main.ts

@@ -8,5 +8,7 @@ if (environment.production) {
   enableProdMode();
 }
 
+
 platformBrowserDynamic().bootstrapModule(AppModule)
+  // tslint:disable-next-line no-console
   .catch(err => console.log(err));

src/test.ts

@@ -1,16 +1,16 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import "zone.js/dist/long-stack-trace-zone";
-import "zone.js/dist/proxy.js";
-import "zone.js/dist/sync-test";
-import "zone.js/dist/jasmine-patch";
-import "zone.js/dist/async-test";
-import "zone.js/dist/fake-async-test";
 import { getTestBed } from "@angular/core/testing";
 import {
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting
 } from "@angular/platform-browser-dynamic/testing";
+import "zone.js/dist/async-test";
+import "zone.js/dist/fake-async-test";
+import "zone.js/dist/jasmine-patch";
+import "zone.js/dist/long-stack-trace-zone";
+import "zone.js/dist/proxy.js";
+import "zone.js/dist/sync-test";
 
 // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
 declare const __karma__: any;