build: update to angular-v9.1.12 (#1215)

Fixes: #1216

src/app/organization/sms-campaigns/create-campaign/create-campaign.component.ts

@@ -26,9 +26,9 @@ export class CreateCampaignComponent {
   templateParameters: any;
 
   /** SMS Campaign Step */
-  @ViewChild(SmsCampaignStepComponent) smsCampaignStep: SmsCampaignStepComponent;
+  @ViewChild(SmsCampaignStepComponent, { static: true }) smsCampaignStep: SmsCampaignStepComponent;
   /** Campaign Message Step */
-  @ViewChild(CampaignMessageStepComponent) campaignMessageStep: CampaignMessageStepComponent;
+  @ViewChild(CampaignMessageStepComponent, { static: true }) campaignMessageStep: CampaignMessageStepComponent;
 
   /**
    * Fetches campaign template from `resolve`

src/app/organization/sms-campaigns/edit-campaign/edit-campaign.component.ts

@@ -27,7 +27,7 @@ export class EditCampaignComponent {
   templateParameters: any;
 
   /** Campaign Message Step */
-  @ViewChild(CampaignMessageStepComponent) campaignMessageStep: CampaignMessageStepComponent;
+  @ViewChild(CampaignMessageStepComponent, { static: true }) campaignMessageStep: CampaignMessageStepComponent;
 
   /**
    * Fetches campaign template from `resolve`

src/app/organization/sms-campaigns/sms-campaign-stepper/edit-sms-campaign-step/edit-business-rule-parameters/edit-business-rule-parameters.component.ts

@@ -36,6 +36,10 @@ export class EditBusinessRuleParametersComponent implements OnChanges {
   parentParameters: any[] = [];
   /** Displayed user choices */
   paramValue: any;
+  /** Minimum Date allowed. */
+  minDate = new Date(2000, 0, 1);
+  /** Maximum Date allowed. */
+  maxDate = new Date();
 
   /**
    * @param {ReportsService} reportsService Reports Service

src/app/organization/sms-campaigns/sms-campaign-stepper/edit-sms-campaign-step/edit-sms-campaign-step.component.ts

@@ -35,6 +35,10 @@ export class EditSmsCampaignStepComponent implements OnInit {
   businessRules: any[];
   /** Repetition Intervals */
   repetitionIntervals: any[];
+  /** Minimum Date allowed. */
+  minDate = new Date(2000, 0, 1);
+  /** Maximum Date allowed. */
+  maxDate = new Date();
 
   /** Template Parameters Event Emitter */
   @Output() templateParameters = new EventEmitter();

src/app/organization/sms-campaigns/sms-campaign-stepper/sms-campaign-step/business-rule-parameters/business-rule-parameters.component.ts

@@ -29,6 +29,10 @@ export class BusinessRuleParametersComponent implements OnChanges {
   ReportForm = new FormGroup({});
   /** Array of all parent parameters */
   parentParameters: any[] = [];
+  /** Minimum Date allowed. */
+  minDate = new Date(2000, 0, 1);
+  /** Maximum Date allowed. */
+  maxDate = new Date();
 
   /** Template Parameters Event Emitter */
   @Output() templateParameters = new EventEmitter();

src/app/organization/sms-campaigns/sms-campaigns.component.ts

@@ -1,6 +1,8 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
 
 /** rxjs Imports */
@@ -24,9 +26,9 @@ export class SmsCampaignsComponent implements OnInit {
   dataSource: MatTableDataSource<any>;
 
   /** Paginator for SMS campaigns table. */
-  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   /** Sorter for SMS campaigns table. */
-  @ViewChild(MatSort) sort: MatSort;
+  @ViewChild(MatSort, { static: true }) sort: MatSort;
 
   /**
    * Retrieves the SMS campaigns data from `resolve`.

src/app/organization/sms-campaigns/view-campaign/view-campaign.component.ts

@@ -1,7 +1,8 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { FormGroup, FormBuilder } from '@angular/forms';
-import { MatTableDataSource, MatTable, MatDialog } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatTableDataSource, MatTable } from '@angular/material/table';
 import { ActivatedRoute, Router } from '@angular/router';
 import { DatePipe } from '@angular/common';