Collect selected time ranges

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>

ui/src/shared/components/CustomTimeRange.js

@@ -10,6 +10,8 @@ class CustomTimeRange extends Component {
     this.state = {
       isVisible: false,
     }
+
+    this.handleClick = ::this.handleClick
   }
 
   handleClickOutside() {

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