From d7ac1b6c261b2a0cebb4a86174f7692559e6e5f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Kilchenmann?= <github@milchkannen.ch>
Date: Mon, 17 Jan 2022 09:54:02 +0100
Subject: [PATCH] fix(date-value): do not submit in case of period button
 (DEV-373) (#635)

---
 .../date-value-handler/date-value-handler.component.html       | 2 +-
 .../date-value-handler/date-value-handler.component.ts         | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.html b/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.html
index 91a1ecacb2..96dc961936 100644
--- a/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.html
+++ b/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.html
@@ -7,7 +7,7 @@
 
         <button mat-button class="toggle-period-control" [disabled]="!startDate.value"
             [matTooltip]="(isPeriodControl.value ? 'Delete end date' : 'Add end date')" matTooltipPosition="above"
-            (click)="togglePeriodControl()">
+            (click)="togglePeriodControl($event)">
             <mat-icon *ngIf="!isPeriodControl.value">keyboard_tab</mat-icon>
             <mat-icon *ngIf="isPeriodControl.value">remove</mat-icon>
         </button>
diff --git a/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.ts b/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.ts
index 418cc5049a..e7cc1e4fbc 100644
--- a/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.ts
+++ b/src/app/workspace/resource/values/yet-another-date-value/date-value-handler/date-value-handler.component.ts
@@ -300,7 +300,8 @@ export class DateValueHandlerComponent extends _MatInputMixinBase implements Con
         this.onChange(this.value);
     }
 
-    togglePeriodControl() {
+    togglePeriodControl(ev: Event) {
+        ev.preventDefault();
         this.isPeriodControl.setValue(!this.isPeriodControl.value);
     }