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: Close timepicker with esc (#39962)

Browse Source
This commit is contained in:
Oscar Kilhed 2021-10-04 18:59:24 +02:00 committed by GitHub
parent 2a4c1b1aa6
commit 3cd7b11eb4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -66,6 +66,20 @@ export class UnthemedTimeRangePicker extends PureComponent<TimeRangePickerProps,
this.setState({ isOpen: !isOpen });
};
componentDidMount() {
window.addEventListener('keyup', this.onKeyUp);
}
componentWillUnmount() {
window.removeEventListener('keyup', this.onKeyUp);
}
onKeyUp = (event: KeyboardEvent) => {
if (event.code === 'Escape') {
this.onClose();
}
};
onClose = () => {
this.setState({ isOpen: false });
};