IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

TimePicker: fix console error on time picker open (#40067)

Browse Source 
* TimePicker: fix console error on time picker open
This commit is contained in:
Oscar Kilhed 2021-10-06 14:17:24 +02:00 committed by GitHub
parent 075256923b
commit ba31e4ee4d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimeRangeForm.tsx
View File

@ -115,8 +115,8 @@ export const TimeRangeForm: React.FC<Props> = (props) => {
return (
<div aria-label="Absolute time ranges">
<Field label="From" invalid={from.invalid} error={from.errorMessage}>
<div className={style.fieldContainer}>
<div className={style.fieldContainer}>
<Field label="From" invalid={from.invalid} error={from.errorMessage}>
<Input
onClick={(event) => event.stopPropagation()}
onFocus={onFocus}
@ -125,11 +125,11 @@ export const TimeRangeForm: React.FC<Props> = (props) => {
aria-label={selectors.components.TimePicker.fromField}
value={from.value}
/>
{fyTooltip}
</div>
</Field>
<Field label="To" invalid={to.invalid} error={to.errorMessage}>
<div className={style.fieldContainer}>
</Field>
{fyTooltip}
</div>
<div className={style.fieldContainer}>
<Field label="To" invalid={to.invalid} error={to.errorMessage}>
<Input
onClick={(event) => event.stopPropagation()}
onFocus={onFocus}
@ -138,9 +138,9 @@ export const TimeRangeForm: React.FC<Props> = (props) => {
aria-label={selectors.components.TimePicker.toField}
value={to.value}
/>
{fyTooltip}
</div>
</Field>
</Field>
{fyTooltip}
</div>
<Button data-testid={selectors.components.TimePicker.applyTimeRange} onClick={onApply}>
Apply time range
</Button>
@ -217,7 +217,7 @@ function getStyles(theme: GrafanaTheme2) {
`,
tooltip: css`
padding-left: ${theme.spacing(1)};
padding-top: ${theme.spacing(0.5)};
padding-top: ${theme.spacing(3)};
`,
};
}