docs(demos): display all async events when changing DST

Fixes #778

Author: mattlewis92

src/app/demo-modules/async-events/component.ts

@@ -22,14 +22,15 @@ interface Film {
   release_date: string;
 }
 
-const timezoneOffset = new Date().getTimezoneOffset();
-const hoursOffset = String(Math.floor(Math.abs(timezoneOffset / 60))).padStart(
-  2,
-  '0'
-);
-const minutesOffset = String(Math.abs(timezoneOffset % 60)).padEnd(2, '0');
-const direction = timezoneOffset > 0 ? '-' : '+';
-const timezoneOffsetString = `T00:00:00${direction}${hoursOffset}${minutesOffset}`;
+function getTimezoneOffsetString(date: Date): string {
+  const timezoneOffset = date.getTimezoneOffset();
+  const hoursOffset = String(
+    Math.floor(Math.abs(timezoneOffset / 60))
+  ).padStart(2, '0');
+  const minutesOffset = String(Math.abs(timezoneOffset % 60)).padEnd(2, '0');
+  const direction = timezoneOffset > 0 ? '-' : '+';
+  return `T00:00:00${direction}${hoursOffset}${minutesOffset}`;
+}
 
 @Component({
   selector: 'mwl-demo-component',
@@ -82,8 +83,11 @@ export class DemoComponent implements OnInit {
           return results.map((film: Film) => {
             return {
               title: film.title,
-              start: new Date(film.release_date + timezoneOffsetString),
+              start: new Date(
+                film.release_date + getTimezoneOffsetString(this.viewDate)
+              ),
               color: colors.yellow,
+              allDay: true,
               meta: {
                 film
               }