diff --git a/ui/src/alerts/containers/AlertsApp.js b/ui/src/alerts/containers/AlertsApp.js
index bccc42005..a8a3f1875 100644
--- a/ui/src/alerts/containers/AlertsApp.js
+++ b/ui/src/alerts/containers/AlertsApp.js
@@ -103,7 +103,7 @@ const AlertsApp = React.createClass({
             </div>
             <div className="page-header__right">
               <SourceIndicator sourceName={source.name} />
-              <CustomTimeRange onApplyTimeRange={() => {}} timeRange={{upper: null, lower: null}}/>
+              <CustomTimeRange onApplyTimeRange={(timeRange) => console.log(timeRange)} timeRange={{upper: null, lower: null}}/>
             </div>
           </div>
         </div>
diff --git a/ui/src/shared/components/CustomTimeRange.js b/ui/src/shared/components/CustomTimeRange.js
index a65c09dc5..62967bc14 100644
--- a/ui/src/shared/components/CustomTimeRange.js
+++ b/ui/src/shared/components/CustomTimeRange.js
@@ -10,6 +10,8 @@ class CustomTimeRange extends Component {
     this.state = {
       isVisible: false,
     }
+
+    this.handleClick = ::this.handleClick
   }
 
   handleClickOutside() {
diff --git a/ui/src/style/components/custom-time-range.scss b/ui/src/style/components/custom-time-range.scss
index 46ce2946e..43de9974a 100644
--- a/ui/src/style/components/custom-time-range.scss
+++ b/ui/src/style/components/custom-time-range.scss
@@ -2,4 +2,9 @@
   background: red;
   z-index: 1000;
   display: flex;
+  transform: translateY(102px);
+}
+
+.rd-day-selected {
+  background: blue;
 }