diff --git a/src/material/datepicker/calendar-body.ts b/src/material/datepicker/calendar-body.ts index c014524a7f4f..1a35b9774871 100644 --- a/src/material/datepicker/calendar-body.ts +++ b/src/material/datepicker/calendar-body.ts @@ -474,7 +474,7 @@ export class MatCalendarBody implements OnChanges, OnDestroy, AfterView if (this.comparisonStart !== null && this.comparisonEnd !== null) { if (value === this.comparisonStart && value === this.comparisonEnd) { - return `${this._comparisonStartLabelId} ${this._comparisonEndLabelId}`; + return `${this._comparisonStartLabelId}-${this._comparisonEndLabelId}`; } else if (value === this.comparisonStart) { return this._comparisonStartLabelId; } else if (value === this.comparisonEnd) { diff --git a/src/material/datepicker/datepicker-intl.ts b/src/material/datepicker/datepicker-intl.ts index 476b20be20b5..f1a448e1cfb5 100644 --- a/src/material/datepicker/datepicker-intl.ts +++ b/src/material/datepicker/datepicker-intl.ts @@ -69,7 +69,7 @@ export class MatDatepickerIntl { * A label used to indicate that the date is part of a selected comparison * sub range of dates (used by screen readers). */ - comparisonDateLabel = 'Comparison range'; + comparisonDateLabel = 'Sub range'; /** Formats a range of years (used for visuals). */ formatYearRange(start: string, end: string): string {