TimePicker: Close timepicker with esc (#39962)

regex-value-mapping-missing-image
Oscar Kilhed 4 years ago committed by GitHub
parent 2a4c1b1aa6
commit 3cd7b11eb4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 14
      packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx

@ -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 });
};

Loading…
Cancel
Save