diff --git a/packages/main/src/DynamicDateRange.ts b/packages/main/src/DynamicDateRange.ts index 0c37d2bcbae8..2368c172c1db 100644 --- a/packages/main/src/DynamicDateRange.ts +++ b/packages/main/src/DynamicDateRange.ts @@ -19,6 +19,7 @@ import { DYNAMIC_DATE_RANGE_SELECTED_TEXT, DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT, DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP, + DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME, } from "./generated/i18n/i18n-defaults.js"; // default calendar for bundling @@ -288,6 +289,10 @@ class DynamicDateRange extends UI5Element { return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP); } + get popoverAccessibleName() { + return DynamicDateRange.i18nBundle.getText(DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME); + } + _togglePicker(): void { if (this.open) { this._close(); diff --git a/packages/main/src/DynamicDateRangePopoverTemplate.tsx b/packages/main/src/DynamicDateRangePopoverTemplate.tsx index 29fe8837f8c4..e1b5f1ae6862 100644 --- a/packages/main/src/DynamicDateRangePopoverTemplate.tsx +++ b/packages/main/src/DynamicDateRangePopoverTemplate.tsx @@ -21,6 +21,7 @@ export default function DynamicDateRangePopoverTemplate(this: DynamicDateRange) onClose={this.onPopoverClose} onBeforeOpen={this.onPopoverBeforeOpen} onKeyDown={this.onKeyDownPopover} + accessibleName={this.popoverAccessibleName} > {this._hasCurrentOptionTemplate &&