diff --git a/lib/content-services/i18n/en.json b/lib/content-services/i18n/en.json index 108fdd2d89..effecc279a 100644 --- a/lib/content-services/i18n/en.json +++ b/lib/content-services/i18n/en.json @@ -182,8 +182,8 @@ "RANGE": { "FROM": "From", "TO": "To", - "FROM-DATE": "Choose a date", - "TO-DATE": "Choose a date" + "FROM-DATE": "From", + "TO-DATE": "To" }, "VALIDATION": { "REQUIRED-VALUE": "Required value", diff --git a/lib/content-services/search/components/search-date-range/search-date-range.component.html b/lib/content-services/search/components/search-date-range/search-date-range.component.html index b1cb62f0e0..f50400aeb0 100644 --- a/lib/content-services/search/components/search-date-range/search-date-range.component.html +++ b/lib/content-services/search/components/search-date-range/search-date-range.component.html @@ -3,7 +3,7 @@ @@ -20,6 +20,7 @@ placeholder="{{ 'SEARCH.FILTER.RANGE.TO-DATE' | translate }}" [matDatepicker]="toDatepicker" [min]="from.value" + [max]="maxDate" (focusout)="onChangedHandler($event, to)"> @@ -29,6 +30,9 @@ {{ 'SEARCH.FILTER.VALIDATION.NO-DAYS' | translate }} + + {{ 'SEARCH.FILTER.VALIDATION.BEYOND-MAX-DATE' | translate }} +
diff --git a/lib/content-services/search/components/search-date-range/search-date-range.component.ts b/lib/content-services/search/components/search-date-range/search-date-range.component.ts index 13d9ed16b8..7480b28c70 100644 --- a/lib/content-services/search/components/search-date-range/search-date-range.component.ts +++ b/lib/content-services/search/components/search-date-range/search-date-range.component.ts @@ -69,7 +69,7 @@ export class SearchDateRangeComponent implements SearchWidget, OnInit { id: string; settings?: SearchWidgetSettings; context?: SearchQueryBuilderService; - maxFrom: any; + maxDate: any; datePickerDateFormat = DEFAULT_FORMAT_DATE; constructor(private dateAdapter: DateAdapter, @@ -99,7 +99,7 @@ export class SearchDateRangeComponent implements SearchWidget, OnInit { to: this.to }); - this.maxFrom = moment().startOf('day'); + this.maxDate = moment().startOf('day'); } apply(model: { from: string, to: string }, isValid: boolean) {