Skip to content

Commit b5d54d1

Browse files
committed
frontend: TimezoneSelect: Add aira label for timezone select component
1 parent b34aee8 commit b5d54d1

File tree

4 files changed

+13
-1
lines changed

4 files changed

+13
-1
lines changed

frontend/src/components/App/Settings/__snapshots__/Settings.General.stories.storyshot

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -261,6 +261,7 @@
261261
aria-describedby="cluster-selector-autocomplete-helper-text"
262262
aria-expanded="false"
263263
aria-invalid="false"
264+
aria-label="Timezone"
264265
autocapitalize="none"
265266
autocomplete="off"
266267
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input"

frontend/src/components/common/TimezoneSelect/TimezoneSelect.tsx

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,16 @@ export default function TimezoneSelect(props: TimezoneSelectorProps) {
5151
includeInputInList
5252
openOnFocus
5353
renderInput={params => (
54-
<TextField {...params} helperText={t('Timezone')} size="small" variant="outlined" />
54+
<TextField
55+
{...params}
56+
helperText={t('Timezone')}
57+
size="small"
58+
variant="outlined"
59+
inputProps={{
60+
...params.inputProps,
61+
'aria-label': t('Timezone'),
62+
}}
63+
/>
5564
)}
5665
onChange={(_ev, value) => onChange(value.name)}
5766
value={timezoneOptions.find(option => option.name === initialTimezone)}

frontend/src/components/common/TimezoneSelect/__snapshots__/TimezoneSelect.Default.stories.storyshot

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
aria-describedby="cluster-selector-autocomplete-helper-text"
1515
aria-expanded="false"
1616
aria-invalid="false"
17+
aria-label="Timezone"
1718
autocapitalize="none"
1819
autocomplete="off"
1920
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input"

frontend/src/components/common/TimezoneSelect/__snapshots__/TimezoneSelect.NoInitialValue.stories.storyshot

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
aria-describedby="cluster-selector-autocomplete-helper-text"
1515
aria-expanded="false"
1616
aria-invalid="false"
17+
aria-label="Timezone"
1718
autocapitalize="none"
1819
autocomplete="off"
1920
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input"

0 commit comments

Comments
 (0)