feat(investigation): TRACEFOSS-2857-fix date input logic

CHANGELOG.md

@@ -5,6 +5,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres
 to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 ## [UNRELEASED - DD.MM.YYYY]
+### Added
+### Changed
+- Restricted datefield on investigation creation to be only clickable and not editable
 
 ## [10.0.0 - 12.12.2024]
 ### Added

frontend/src/app/modules/shared/components/dateTime/dateTime.component.html

@@ -20,7 +20,7 @@
 -->
 
 <div class="flex flex-col">
-  <mat-form-field>
+  <mat-form-field tabindex=0>
     <mat-label>{{ label }}</mat-label>
     <input
       #inputElement
@@ -29,6 +29,8 @@
       [attr.max]="maxDate || null"
       [formControl]="control"
       [errorStateMatcher]="matcher"
+      onkeydown="return false"
+      (click)="openDatePicker(inputElement)"
       matInput
       type="datetime-local"
       placeholder="start date"

frontend/src/app/modules/shared/components/dateTime/dateTime.component.ts

@@ -46,4 +46,8 @@ export class DateTimeComponent extends BaseInputComponent<Date> {
   constructor(@Inject(Injector) injector: Injector, staticIdService: StaticIdService) {
     super(injector, staticIdService);
   }
+
+  openDatePicker(element: any): void{
+      element.showPicker();
+  }
 }