feat: enhance time range selector for metrics - include presets (#2292)

Signed-off-by: adarsh0728 <[email protected]>

ui/package.json

@@ -29,17 +29,19 @@
     "@monaco-editor/react": "^4.5.2",
     "@mui/icons-material": "^5.6.2",
     "@mui/material": "^5.6.3",
-    "@mui/x-date-pickers": "^7.21.0",
+    "@mui/x-date-pickers": "^7.23.2",
     "@stardazed/streams-polyfill": "^2.4.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
     "@types/d3-selection": "^3.0.2",
     "@types/dagre": "^0.7.47",
     "@types/jest": "^27.0.1",
+    "@types/jquery": "^3.5.32",
     "@types/lodash": "^4.14.195",
     "@types/node": "^16.7.13",
     "@types/react": "^18.0.0",
+    "@types/react-bootstrap-daterangepicker": "^7.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-test-renderer": "^18.0.0",
@@ -48,15 +50,22 @@
     "@visx/responsive": "^2.8.0",
     "@visx/shape": "^2.4.0",
     "@visx/tooltip": "^2.8.0",
+    "bootstrap": "^5.3.3",
+    "bootstrap-daterangepicker": "^3.1.0",
     "d3-color": "^3.1.0",
     "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
     "dagre": "^0.8.5",
+    "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
-    "moment": "^2.29.4",
+    "jquery": "^3.7.1",
+    "moment": "^2.30.1",
     "monaco-editor": "0.40.0",
     "msw": "^0.47.4",
     "react": "^18.0.0",
+    "react-bootstrap-daterangepicker": "^8.0.0",
+    "react-datetime": "^3.3.1",
+    "react-datetime-picker": "^6.0.1",
     "react-dom": "^18.0.0",
     "react-highlight-words": "^0.18.0",
     "react-json-view": "^1.21.3",