date validator

packages/web-console/src/scenes/Editor/Metrics/utils.ts

@@ -1,3 +1,4 @@
+import { isValidDate } from "./../../../utils/dateTime"
 import { format, formatISO, subMinutes } from "date-fns"
 import { utcToLocal } from "../../../utils/dateTime"
 import uPlot from "uplot"
@@ -292,8 +293,7 @@ export const isDateToken = (token: string) => {
 
 // Converts tokens like `now-1h` or `now-7d` to date string
 export const durationTokenToDate = (token: string) => {
-  if (!isDateToken(token))
-    return token.startsWith("now") ? "Invalid date" : token
+  if (!isDateToken(token)) return isValidDate(token) ? token : "Invalid date"
   const now = new Date()
   if (token === "now") return formatISO(now)
   const [_, _operator, value, unit] = token.match(/now(-)?(\d+)([a-z]+)$/)!

packages/web-console/src/utils/dateTime.ts

@@ -1,6 +1,10 @@
 import { format } from "date-fns"
 import { TZDate } from "@date-fns/tz"
 
+export const isValidDate = (date: string): boolean => {
+  return !isNaN(Date.parse(date))
+}
+
 export const getLocalTimeZone = () => {
   return Intl.DateTimeFormat().resolvedOptions().timeZone
 }