[Observability] Change appLink passing the date range

x-pack/plugins/apm/server/routes/create_apm_api.ts

@@ -80,7 +80,7 @@ import {
 } from './rum_client';
 import {
   observabilityOverviewHasDataRoute,
-  observabilityOverviewDataRoute,
+  observabilityOverviewRoute,
 } from './observability_overview';
 import {
   anomalyDetectionJobsRoute,
@@ -177,7 +177,7 @@ const createApmApi = () => {
 
     // Observability dashboard
     .add(observabilityOverviewHasDataRoute)
-    .add(observabilityOverviewDataRoute)
+    .add(observabilityOverviewRoute)
 
     // Anomaly detection
     .add(anomalyDetectionJobsRoute)

x-pack/plugins/apm/server/routes/observability_overview.ts

@@ -19,7 +19,7 @@ export const observabilityOverviewHasDataRoute = createRoute(() => ({
   },
 }));
 
-export const observabilityOverviewDataRoute = createRoute(() => ({
+export const observabilityOverviewRoute = createRoute(() => ({
   path: '/api/apm/observability_overview',
   params: {
     query: t.intersection([rangeRt, t.type({ bucketSize: t.string })]),

x-pack/plugins/infra/public/metrics_overview_fetchers.ts

@@ -5,7 +5,6 @@
  */
 
 import { isFinite, isNumber, sum } from 'lodash';
-import moment from 'moment';
 import { FetchDataParams, MetricsFetchDataResponse } from '../../observability/public';
 import {
   SnapshotMetricInput,

x-pack/plugins/observability/public/components/app/section/apm/index.test.tsx

@@ -8,6 +8,7 @@ import * as fetcherHook from '../../../../hooks/use_fetcher';
 import { render } from '../../../../utils/test_helper';
 import { APMSection } from './';
 import { response } from './mock_data/apm.mock';
+import moment from 'moment';
 
 describe('APMSection', () => {
   it('renders with transaction series and stats', () => {
@@ -18,7 +19,10 @@ describe('APMSection', () => {
     });
     const { getByText, queryAllByTestId } = render(
       <APMSection
-        absoluteTime={{ start: '2020-06-29T11:38:23.747Z', end: '2020-06-29T12:08:23.748Z' }}
+        absoluteTime={{
+          start: moment('2020-06-29T11:38:23.747Z').valueOf(),
+          end: moment('2020-06-29T12:08:23.748Z').valueOf(),
+        }}
         relativeTime={{ start: 'now-15m', end: 'now' }}
         bucketSize="60s"
       />
@@ -38,7 +42,10 @@ describe('APMSection', () => {
     });
     const { getByText, queryAllByText, getByTestId } = render(
       <APMSection
-        absoluteTime={{ start: '2020-06-29T11:38:23.747Z', end: '2020-06-29T12:08:23.748Z' }}
+        absoluteTime={{
+          start: moment('2020-06-29T11:38:23.747Z').valueOf(),
+          end: moment('2020-06-29T12:08:23.748Z').valueOf(),
+        }}
         relativeTime={{ start: 'now-15m', end: 'now' }}
         bucketSize="60s"
       />

x-pack/plugins/observability/public/data_handler.test.ts

@@ -4,11 +4,12 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 import { registerDataHandler, getDataHandler } from './data_handler';
+import moment from 'moment';
 
 const params = {
   absoluteTime: {
-    start: '2020-07-02T13:25:11.629Z',
-    end: '2020-07-09T13:25:11.629Z',
+    start: moment('2020-07-02T13:25:11.629Z').valueOf(),
+    end: moment('2020-07-09T13:25:11.629Z').valueOf(),
   },
   relativeTime: {
     start: 'now-15m',

x-pack/plugins/observability/public/pages/overview/index.tsx

@@ -4,7 +4,6 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 import { EuiFlexGrid, EuiFlexGroup, EuiFlexItem, EuiHorizontalRule, EuiSpacer } from '@elastic/eui';
-import moment from 'moment';
 import React, { useContext } from 'react';
 import { ThemeContext } from 'styled-components';
 import { EmptySection } from '../../components/app/empty_section';
@@ -66,8 +65,8 @@ export const OverviewPage = ({ routeParams }: Props) => {
   };
 
   const absoluteTime = {
-    start: moment.utc(getAbsoluteTime(relativeTime.start)).valueOf(),
-    end: moment.utc(getAbsoluteTime(relativeTime.end, { roundUp: true })).valueOf(),
+    start: getAbsoluteTime(relativeTime.start),
+    end: getAbsoluteTime(relativeTime.end, { roundUp: true }),
   };
 
   const bucketSize = calculatetBucketSize({

x-pack/plugins/observability/public/utils/date.ts

@@ -9,7 +9,7 @@ export function getAbsoluteTime(range?: string, opts = {}) {
   if (range) {
     const parsed = datemath.parse(range, opts);
     if (parsed) {
-      return parsed.toISOString();
+      return parsed.valueOf();
     }
   }
 }