diff --git a/packages/grafana-e2e-selectors/src/selectors/components.ts b/packages/grafana-e2e-selectors/src/selectors/components.ts index b64e006d3f5..10a65d79e3e 100644 --- a/packages/grafana-e2e-selectors/src/selectors/components.ts +++ b/packages/grafana-e2e-selectors/src/selectors/components.ts @@ -200,7 +200,7 @@ export const Components = { }, Select: { option: 'Select option', - input: () => 'input[id*="react-select-"]', + input: () => 'input[id*="time-options-input"]', singleValue: () => 'div[class*="-singleValue"]', }, FieldConfigEditor: { diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeZonePicker.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeZonePicker.tsx index 8af52c661f2..badc806f9d7 100644 --- a/packages/grafana-ui/src/components/DateTimePickers/TimeZonePicker.tsx +++ b/packages/grafana-ui/src/components/DateTimePickers/TimeZonePicker.tsx @@ -22,10 +22,20 @@ export interface Props { onBlur?: () => void; includeInternal?: boolean | InternalTimeZones[]; disabled?: boolean; + inputId?: string; } export const TimeZonePicker: React.FC = (props) => { - const { onChange, width, autoFocus = false, onBlur, value, includeInternal = false, disabled = false } = props; + const { + onChange, + width, + autoFocus = false, + onBlur, + value, + includeInternal = false, + disabled = false, + inputId, + } = props; const groupedTimeZones = useTimeZones(includeInternal); const selected = useSelectedTimeZone(groupedTimeZones, value); const filterBySearchIndex = useFilterBySearchIndex(); @@ -43,6 +53,7 @@ export const TimeZonePicker: React.FC = (props) => { return ( - + { { /> - +