Chore: Eslint v9

Chore: Angular Zoneless
Chore: Removed Angular-Hotkeys dependency
Fix: Localization works properly now
Chore: Using Material 3 theme now
Chore: Removed toaster service to use snackbar directly
Fix: F2 Date working on all components now

overlord/src/app/profit-loss/profit-loss.component.html

@@ -9,8 +9,8 @@
           <mat-label>Start Date</mat-label>
           <input
             matInput
+            #startDateElement
             [matDatepicker]="startDate"
-            (focus)="startDate.open()"
             formControlName="startDate"
             autocomplete="off"
           />
@@ -19,13 +19,7 @@
         </mat-form-field>
         <mat-form-field class="flex-auto basis-2/5 mr-5">
           <mat-label>Finish Date</mat-label>
-          <input
-            matInput
-            [matDatepicker]="finishDate"
-            (focus)="finishDate.open()"
-            formControlName="finishDate"
-            autocomplete="off"
-          />
+          <input matInput [matDatepicker]="finishDate" formControlName="finishDate" autocomplete="off" />
           <mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
           <mat-datepicker #finishDate></mat-datepicker>
         </mat-form-field>

overlord/src/app/profit-loss/profit-loss.component.ts

@@ -1,5 +1,5 @@
 import { CurrencyPipe } from '@angular/common';
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 import { MatCard, MatCardHeader, MatCardTitle, MatCardContent } from '@angular/material/card';
@@ -70,10 +70,11 @@ import { ProfitLossDataSource } from './profit-loss-datasource';
   ],
 })
 export class ProfitLossComponent implements OnInit {
-  @ViewChild(MatPaginator, { static: true }) paginator?: MatPaginator;
-  @ViewChild(MatSort, { static: true }) sort?: MatSort;
+  @ViewChild(MatPaginator, { static: true }) paginator!: MatPaginator;
+  @ViewChild(MatSort, { static: true }) sort!: MatSort;
+  @ViewChild('startDateElement', { static: true }) startDate!: ElementRef<HTMLInputElement>;
   info: ProfitLoss = new ProfitLoss();
-  dataSource: ProfitLossDataSource = new ProfitLossDataSource(this.info.body);
+  dataSource: ProfitLossDataSource = new ProfitLossDataSource(this.info.body, this.paginator, this.sort);
   form: FormGroup<{
     startDate: FormControl<Date>;
     finishDate: FormControl<Date>;
@@ -83,6 +84,13 @@ export class ProfitLossComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['group', 'name', 'amount', 'total'];
 
+  @HostListener('window:keydown.f2', ['$event'])
+  focusDate(event: KeyboardEvent) {
+    event.preventDefault();
+    this.startDate.nativeElement.focus();
+    this.startDate.nativeElement.select();
+  }
+
   constructor(
     private route: ActivatedRoute,
     private router: Router,