From a720edd2cfda0eb6ecda34e6b41035756131f1af Mon Sep 17 00:00:00 2001
From: Jatin Chugh <105338943+jatin2008@users.noreply.github.com>
Date: Wed, 1 Feb 2023 14:28:10 +0530
Subject: [PATCH] [ACS-4307] Label is not persistent as placeholder is being
 used as the only visual label for a text field (#8213)

* Label is not persistent as placeholder is being used as the only visual label for a text field so added title in from and to form fields

* review comments addressed
---
 lib/content-services/src/lib/i18n/en.json                     | 4 +++-
 .../search-date-range/search-date-range.component.html        | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json
index ba996c3ef0..3153839290 100644
--- a/lib/content-services/src/lib/i18n/en.json
+++ b/lib/content-services/src/lib/i18n/en.json
@@ -260,7 +260,9 @@
         "FROM": "From",
         "TO": "To",
         "FROM-DATE": "From",
-        "TO-DATE": "To"
+        "TO-DATE": "To",
+        "SELECT-FROM-DATE": "Select From Date",
+        "SELECT-TO-DATE": "Select To Date"
       },
       "VALIDATION": {
         "REQUIRED-VALUE": "Required value",
diff --git a/lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.html b/lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.html
index bf5127ac64..844af86d45 100644
--- a/lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.html
+++ b/lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.html
@@ -1,5 +1,6 @@
 <form [formGroup]="form" novalidate (ngSubmit)="apply(form.value, form.valid)">
     <mat-form-field>
+        <mat-label>{{ 'SEARCH.FILTER.RANGE.SELECT-FROM-DATE' | translate }}</mat-label>
         <input matInput
                 (input)="forcePlaceholder($event)"
                 [formControl]="from"
@@ -18,6 +19,7 @@
     </mat-form-field>
 
     <mat-form-field>
+        <mat-label>{{ 'SEARCH.FILTER.RANGE.SELECT-TO-DATE' | translate }}</mat-label>
         <input matInput
                 (input)="forcePlaceholder($event)"
                 [formControl]="to"