diff --git a/packages/main/src/DatePicker.ts b/packages/main/src/DatePicker.ts index 78d24a3044cc..9d31346f4f70 100644 --- a/packages/main/src/DatePicker.ts +++ b/packages/main/src/DatePicker.ts @@ -46,7 +46,7 @@ import { DATEPICKER_OPEN_ICON_TITLE_OPENED, DATEPICKER_DATE_DESCRIPTION, DATETIME_COMPONENTS_PLACEHOLDER_PREFIX, - INPUT_SUGGESTIONS_TITLE, + DATEPICKER_MOBILE_HEADER_TITLE, DATEPICKER_POPOVER_ACCESSIBLE_NAME, VALUE_STATE_ERROR, VALUE_STATE_INFORMATION, @@ -852,7 +852,7 @@ class DatePicker extends DateComponentBase implements IFormInputElement { } get _headerTitleText() { - return this.ariaLabelText || DatePicker.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE); + return this.ariaLabelText || DatePicker.i18nBundle.getText(DATEPICKER_MOBILE_HEADER_TITLE); } get showHeader() { diff --git a/packages/main/src/i18n/messagebundle.properties b/packages/main/src/i18n/messagebundle.properties index bb11ba379fd7..d4236d33ef55 100644 --- a/packages/main/src/i18n/messagebundle.properties +++ b/packages/main/src/i18n/messagebundle.properties @@ -226,6 +226,9 @@ DATEPICKER_OPEN_ICON_TITLE_OPENED=Close Picker #XACT: Aria information for the Date Picker DATEPICKER_DATE_DESCRIPTION=Date Input +#XFLD: DatePicker dialog header title on mobile +DATEPICKER_MOBILE_HEADER_TITLE=Enter date + DATEPICKER_VALUE_MISSING=Fill in the date value in the format: {0}. DATEPICKER_PATTERN_MISSMATCH=This format is not supported. Fill in the date and time range values in the format: {0}. @@ -257,7 +260,7 @@ DATERANGE_OVERFLOW=Fill in a value that is lower than the set max. value of {0}. DATERANGE_UNDERFLOW=Fill in a value that is higher than the set min. value of {0}. #XACT: Aria information for the Date Picker popover -DATEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Date for {0} +DATEPICKER_POPOVER_ACCESSIBLE_NAME=Enter date for {0} #XTXT: Date Picker placeholder prefix DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=e.g. diff --git a/packages/main/src/themes/DatePickerPopover.css b/packages/main/src/themes/DatePickerPopover.css index 039e9d6b050d..73eff6ac20b7 100644 --- a/packages/main/src/themes/DatePickerPopover.css +++ b/packages/main/src/themes/DatePickerPopover.css @@ -37,3 +37,8 @@ .ui5-dt-picker-action { margin: 0.25rem; } + +[ui5-responsive-popover]::part(header) { + font-family: var(--_ui5_button_fontFamily); + text-align: left; +}