Chore: Moved from Untyped to Stongly Typed forms.

overlord/src/app/cash-flow/cash-flow.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import * as moment from 'moment';
 
@@ -14,18 +14,18 @@ import { CashFlowDataSource } from './cash-flow-datasource';
 export class CashFlowComponent implements OnInit {
   info: CashFlow = new CashFlow();
   dataSource: CashFlowDataSource = new CashFlowDataSource(CashFlow.Data(this.info));
-  form: UntypedFormGroup;
+  form: FormGroup<{
+    startDate: FormControl<Date>;
+    finishDate: FormControl<Date>;
+  }>;
+
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['name', 'amount'];
 
-  constructor(
-    private route: ActivatedRoute,
-    private router: Router,
-    private fb: UntypedFormBuilder,
-  ) {
-    this.form = this.fb.group({
-      startDate: '',
-      finishDate: '',
+  constructor(private route: ActivatedRoute, private router: Router) {
+    this.form = new FormGroup({
+      startDate: new FormControl(new Date(), { nonNullable: true }),
+      finishDate: new FormControl(new Date(), { nonNullable: true }),
     });
   }