fix(calendar): make isDate work with objects from different realms (#15083)

Author: simeonoff

projects/igniteui-angular/src/lib/calendar/common/calendar-view.directive.ts

@@ -21,6 +21,7 @@ import {
 import { CalendarDay, DayInterval } from "../common/model";
 import { getNextActiveDate, isDateInRanges } from "./helpers";
 import { DateRangeType } from "../../core/dates";
+import { isDate } from "../../core/utils";
 
 export enum Direction {
     NEXT = 1,
@@ -141,7 +142,7 @@ export abstract class IgxCalendarViewDirective implements ControlValueAccessor {
      */
     @Input()
     public set date(value: Date) {
-        if (!(value instanceof Date)) return;
+        if (!isDate(value)) return;
 
         this._date = value;
     }

projects/igniteui-angular/src/lib/calendar/common/model.ts

@@ -1,3 +1,5 @@
+import { isDate } from "../../core/utils";
+
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
 export type DayParameter = CalendarDay | Date;
 
@@ -19,7 +21,7 @@ export const daysInWeek = 7;
 const millisecondsInDay = 86400000;
 
 export function toCalendarDay(date: DayParameter) {
-    return date instanceof Date ? CalendarDay.from(date) : date;
+    return isDate(date) ? CalendarDay.from(date) : date;
 }
 
 function checkRollover(original: CalendarDay, modified: CalendarDay) {

projects/igniteui-angular/src/lib/core/utils.ts

@@ -208,7 +208,9 @@ export const isObject = (value: any): boolean => !!(value && value.toString() ==
  * @returns true if provided variable is Date
  * @hidden
  */
-export const isDate = (value: any): value is Date => value instanceof Date;
+export const isDate = (value: any): value is Date => {
+    return Object.prototype.toString.call(value) === "[object Date]";
+}
 
 /**
  * Checks if the two passed arguments are equal

src/app/avatar/avatar.sample.html

@@ -17,7 +17,7 @@ <h4 class="sample-title">Circular Avatars</h4>
 
             <igx-avatar src="https://images.unsplash.com/photo-1514041790697-53f1f86214d2?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b7ac79503fbe78855a346c8d814f95ba&auto=format&fit=crop&w=1650&q=80" size="small" shape="circle"></igx-avatar>
 
-            <igx-avatar src="assets/images/avatar/17 - Test.jpg" size="medium" shape="circle"></igx-avatar>
+            <igx-avatar src="assets/images/avatar/17.jpg" size="medium" shape="circle"></igx-avatar>
 
             <igx-avatar src="https://images.unsplash.com/photo-1506804880640-f3205deb1b8b?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2f8dd0c16478825034602dce63d9aaca&auto=format&fit=crop&w=1350&q=80" size="large" shape="circle"></igx-avatar>
         </article>
@@ -41,7 +41,7 @@ <h4 class="sample-title">Rounded Avatars</h4>
 
             <igx-avatar src="https://images.unsplash.com/photo-1514041790697-53f1f86214d2?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=b7ac79503fbe78855a346c8d814f95ba&auto=format&fit=crop&w=1650&q=80" size="small" shape="rounded"></igx-avatar>
 
-            <igx-avatar src="assets/images/avatar/17 - Test.jpg" size="medium"
+            <igx-avatar src="assets/images/avatar/17.jpg" size="medium"
                 shape="rounded"></igx-avatar>
 
             <igx-avatar src="https://images.unsplash.com/photo-1506804880640-f3205deb1b8b?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2f8dd0c16478825034602dce63d9aaca&auto=format&fit=crop&w=1350&q=80" size="large" shape="rounded"></igx-avatar>

src/app/input/input.sample.html

@@ -91,7 +91,7 @@ <h4 class="sample-title">Checkbox sample</h4>
                 <igx-list-item>
                     <igx-avatar igxListThumbnail src="assets/images/avatar/8.jpg"></igx-avatar>
                     <span igxListLineTitle>Petar Vasilev</span>
-                    <igx-checkbox igxListAction [(ngModel)]="user2.registered" [disableRipple]="true">Value</igx-checkbox>
+                    <igx-checkbox class="custom-checkbox" igxListAction [(ngModel)]="user2.registered" [disableRipple]="true">Value</igx-checkbox>
                 </igx-list-item>
 
                 <igx-list-item>