Add timestamp to legend

ui/src/shared/components/DygraphLegend.js

@@ -19,6 +19,7 @@ const DygraphLegend = ({
   filterText,
   isAscending,
   onInputChange,
+  xHTML,
 }) => {
   const sorted = _.sortBy(
     series,
@@ -66,6 +67,7 @@ const DygraphLegend = ({
       onMouseLeave={onHide}
     >
       <div className="dygraph-legend--header">
+        <div className="dygraph-legend--timestamp">{xHTML}</div>
         <input
           className="dygraph-legend--filter form-control input-sm"
           type="text"

ui/src/style/components/dygraphs.scss

@@ -157,6 +157,12 @@
 
   > .btn { margin-left: 4px; }
 }
+.dygraph-legend--timestamp {
+  margin-right: 8px;
+  height: 30px;
+  font-weight: 600;
+  color: $g13-mist;
+}
 .dygraph-legend--filter {
   flex: 1 0 0;
 }