From e2ffaef88a0a67a9b155c0ce115bb3654d6af9b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=A4ggmark?= <hugo.haggmark@grafana.com>
Date: Tue, 5 Feb 2019 15:25:19 +0100
Subject: [PATCH] Fixed so that we close angular TimePicker when user clicks
 outside the dropdown

---
 public/app/routes/GrafanaCtrl.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/public/app/routes/GrafanaCtrl.ts b/public/app/routes/GrafanaCtrl.ts
index 70bdf49e5e4..a860ba87e6b 100644
--- a/public/app/routes/GrafanaCtrl.ts
+++ b/public/app/routes/GrafanaCtrl.ts
@@ -280,6 +280,24 @@ export function grafanaAppDirective(playlistSrv, contextSrv, $timeout, $rootScop
         if (popover.length > 0 && target.parents('.graph-legend').length === 0) {
           popover.hide();
         }
+
+        // hide time picker
+        const timePickerDropDownIsOpen = elem.find('.gf-timepicker-dropdown').length > 0;
+        const targetIsInTimePickerDropDown = target.parents('.gf-timepicker-dropdown').length > 0;
+        const targetIsInTimePickerNav = target.parents('.gf-timepicker-nav').length > 0;
+        const targetIsDatePickerRowBtn = target.parents('td[id^="datepicker-"]').length > 0;
+        const targetIsDatePickerHeaderBtn = target.parents('button[id^="datepicker-"]').length > 0;
+        if (
+          timePickerDropDownIsOpen &&
+          !targetIsInTimePickerNav &&
+          !targetIsInTimePickerDropDown &&
+          !targetIsDatePickerRowBtn &&
+          !targetIsDatePickerHeaderBtn
+        ) {
+          scope.$apply(() => {
+            scope.appEvent('closeTimepicker');
+          });
+        }
       });
     },
   };