From 3770f43c5d66885f215aff98e3cec63ebfbfcecb Mon Sep 17 00:00:00 2001
From: Max <maxes2000@t-online.de>
Date: Sun, 6 Dec 2020 15:17:18 +0100
Subject: [PATCH] Make date range from cell value deletable

---
 .../date-range-cell.component.html            | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/app/components/tableComponents/date-range-cell/date-range-cell.component.html b/src/app/components/tableComponents/date-range-cell/date-range-cell.component.html
index 40e482a..15ad373 100644
--- a/src/app/components/tableComponents/date-range-cell/date-range-cell.component.html
+++ b/src/app/components/tableComponents/date-range-cell/date-range-cell.component.html
@@ -1,4 +1,8 @@
-<div class="dateRange-wrapper" *ngIf="editable || label; else stringValue" [formGroup]="dateRangeGroup">
+<div
+  class="dateRange-wrapper"
+  *ngIf="editable || label; else stringValue"
+  [formGroup]="dateRangeGroup"
+>
   <mat-label *ngIf="label">{{ label }}</mat-label>
   <mat-form-field class="date-range-input">
     <input
@@ -10,6 +14,16 @@
       formControlName="from"
       (dateChange)="startDateChange($event)"
     />
+    <button
+      mat-button
+      *ngIf="editable && from"
+      matSuffix
+      mat-icon-button
+      aria-label="Clear"
+      (click)="startDateChange({ value: null })"
+    >
+      <mat-icon>close</mat-icon>
+    </button>
     <mat-datepicker-toggle matSuffix [for]="fromPicker"></mat-datepicker-toggle>
     <mat-datepicker #fromPicker [disabled]="!editable"></mat-datepicker>
   </mat-form-field>
@@ -24,7 +38,14 @@
       formControlName="to"
       (dateChange)="endDateChange($event)"
     />
-    <button mat-button *ngIf="editable && to" matSuffix mat-icon-button aria-label="Clear" (click)="endDateChange({value: null})">
+    <button
+      mat-button
+      *ngIf="editable && to"
+      matSuffix
+      mat-icon-button
+      aria-label="Clear"
+      (click)="endDateChange({ value: null })"
+    >
       <mat-icon>close</mat-icon>
     </button>
     <mat-datepicker-toggle matSuffix [for]="toPicker"></mat-datepicker-toggle>