fix(igx-date-range-picker): fix range type

Author: Lipata

src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts

@@ -1,11 +1,11 @@
 import { Component } from "@angular/core";
+import { DateRange } from "igniteui-angular";
 
 @Component({
     selector: "basic-rangedatepicker",
     styleUrls: ["./daterangepicker-basic.scss"],
     templateUrl: "./daterangepicker-basic.html"
 })
 export class BasicDateRangePickerComponent {
-    public range: { start: Date, end: Date } =
-        { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
+    public range: DateRange = { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
 }

src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts

@@ -1,11 +1,11 @@
 import { Component } from "@angular/core";
+import { DateRange } from "igniteui-angular";
 
 @Component({
     selector: "mode-rangedatepicker",
     styleUrls: ["./daterangepicker-mode.scss"],
     templateUrl: "./daterangepicker-mode.html"
 })
 export class DateRangePickerModeComponent {
-    public range: { start: Date, end: Date } =
-        { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
+    public range: DateRange = { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
 }

src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts

@@ -1,11 +1,11 @@
 import { Component } from "@angular/core";
+import { DateRange } from "igniteui-angular";
 
 @Component({
     selector: "rangedatepicker-start-end",
     styleUrls: ["./daterangepicker-start-end.scss"],
     templateUrl: "./daterangepicker-start-end.html"
 })
 export class DateRangePickerStartEndComponent {
-    public range: { start: Date, end: Date } =
-        { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
+    public range: DateRange = { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
 }

src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts

@@ -1,13 +1,13 @@
 import { Component, ElementRef } from "@angular/core";
+import { DateRange } from "igniteui-angular";
 
 @Component({
     selector: "styled-rangedatepicker",
     styleUrls: ["./daterangepicker-styling.scss"],
     templateUrl: "./daterangepicker-styling.html"
 })
 export class StyledDateRangePickerComponent {
-    public range: { start: Date, end: Date } =
-        { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
+    public range: DateRange = { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
 
     constructor(public element: ElementRef) { }
 }

src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts

@@ -1,11 +1,11 @@
 import { Component } from "@angular/core";
+import { DateRange } from "igniteui-angular";
 
 @Component({
     selector: "daterangepicker-validation",
     styleUrls: ["./daterangepicker-validation.scss"],
     templateUrl: "./daterangepicker-validation.html"
 })
 export class DateRangePickerValidationComponent {
-    public range: { start: Date, end: Date } =
-        { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
-    }
+    public range: DateRange = { start: new Date(), end: new Date(new Date().setDate(new Date().getDate() + 5)) };
+}