Merge pull request #3049 from influxdata/table-time-format-guide

Table Time Formatting tooltip opens link

ui/src/dashboards/components/GraphOptionsTimeFormat.tsx

@@ -51,8 +51,8 @@ class GraphOptionsTimeFormat extends PureComponent<Props, State> {
 
   public render() {
     const {format, customFormat} = this.state
-    const tipContent =
-      'For information on formatting, see http://momentjs.com/docs/#/parsing/string-format/'
+    const tipUrl = 'http://momentjs.com/docs/#/parsing/string-format/'
+    const tipContent = `For information on formatting, see <br/><a href="#">${tipUrl}</a>`
 
     const formatOption = FORMAT_OPTIONS.find(op => op.text === format)
     const showCustom = !formatOption || customFormat
@@ -62,10 +62,12 @@ class GraphOptionsTimeFormat extends PureComponent<Props, State> {
         <label>
           Time Format
           {showCustom && (
-            <QuestionMarkTooltip
-              tipID="Time Axis Format"
-              tipContent={tipContent}
-            />
+            <a href={tipUrl} target="_blank">
+              <QuestionMarkTooltip
+                tipID="Time Axis Format"
+                tipContent={tipContent}
+              />
+            </a>
           )}
         </label>
         <Dropdown

ui/src/style/components/react-tooltips.scss

@@ -128,3 +128,7 @@ $qmark-tooltip-size: 15px;
     background-color: $c-pool;
   }
 }
+
+a > .question-mark-tooltip:hover {
+  cursor: pointer;
+}