From 131b2bcb52234ee726bc793b33bbc4e844933033 Mon Sep 17 00:00:00 2001
From: "swapnil.verma" <swapnil.verma@globallogic.com>
Date: Mon, 26 Jun 2023 17:49:42 +0530
Subject: [PATCH] [ACS-4985] Added clear and apply button to
 SearchDateRangeAdvancedTabbedComponent. Moved logic from template to
 typescript file

---
 ...rch-date-range-advanced-tabbed.component.html | 10 ++++++++++
 ...earch-date-range-advanced-tabbed.component.ts | 16 ++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.html b/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.html
index 45047255aa..95a1f9f4d5 100644
--- a/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.html
+++ b/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.html
@@ -11,3 +11,13 @@
         </adf-search-date-range-advanced>
     </ng-container>
 </adf-search-filter-tabbed>
+
+<div class="adf-facet-buttons" *ngIf="!settings?.hideDefaultAction">
+    <button mat-button color="primary" data-automation-id="date-range-advanced-btn-clear" (click)="reset()">
+        {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}
+    </button>
+    <button mat-button color="primary" data-automation-id="date-range-advanced-btn-apply" [disabled]="hasValidValue()" (click)="submitValues()">
+        {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}
+    </button>
+</div>
+
diff --git a/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.ts b/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.ts
index 2e20e2b610..24dbadb076 100644
--- a/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.ts
+++ b/lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.ts
@@ -168,4 +168,20 @@ export class SearchDateRangeAdvancedTabbedComponent implements SearchWidget, OnI
             }
         });
     }
+
+    onQueriesCombined(query: string) {
+        this.combinedQuery = query;
+    }
+
+    onValuesToDisplayCombined(valuesToDisplay: string) {
+        this.combinedValuesToDisplay = valuesToDisplay;
+    }
+
+    onTabValid(tabValid: boolean, field: string) {
+        this.tabsValidity[field] = tabValid;
+    }
+
+    onDateRangedValueChanged(value: Partial<SearchDateRangeAdvanced>, field: string) {
+        this.value[field] = value;
+    }
 }