validate field on touch

frontend/src/app/pages/event-root/create-event/create-event.component.ts

@@ -9,7 +9,7 @@ import {
 } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 
-import { StepperIndicatorComponent } from '../../../shared/components/stepper-indicator/stepper-indicator.component';
+import { StepperIndicatorComponent } from '../../../shared/components';
 
 import { BasicStepComponent } from './steps/basic-step.component';
 import { TicketsStepComponent } from './steps/tickets-step.component';

frontend/src/app/shared/components/dropdown/dropdown.component.ts

@@ -208,12 +208,13 @@ export class DropdownComponent implements ControlValueAccessor, Validator {
 
   public onFocus(): void {
     this.filteredItems.set(this.items());
+    this.markAsTouched();
   }
 
   public onBlur(): void {
-    if (!this.isMouseInDropdown) {
+    if (!this.isMouseInDropdown()) {
       this.closeDropdown();
-      this.onTouched();
+      this.markAsTouched();
     }
   }
 

frontend/src/app/shared/components/index.ts

@@ -1 +1,2 @@
 export * from './dropdown/dropdown.component';
+export * from './stepper-indicator/stepper-indicator.component';