WEB-172 Merging all changes from main branch into dev branch (#2450)

src/app/directives/validate-on-focus.directive.ts

@@ -0,0 +1,18 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { NgControl } from '@angular/forms';
+
+@Directive({
+  selector: '[mifosxValidateOnFocus]'
+})
+export class ValidateOnFocusDirective {
+  constructor(
+    private control: NgControl,
+    private el: ElementRef
+  ) {}
+
+  @HostListener('focus')
+  onFocus() {
+    this.control.control?.markAsTouched();
+    this.control.control?.updateValueAndValidity();
+  }
+}