diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx
index 888721efdb9..ef63b09eb9e 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/index.tsx
@@ -10,7 +10,7 @@ import dayjs from 'dayjs'
 import * as React from 'react'
 import { useCallback, useState } from 'react'
 import { useLocale } from '#i18n'
-import { MonitoringDateRangePicker } from '@/features/monitoring/date-range-picker'
+import { MonitoringDateRangePicker } from '@/app/components/app/monitoring/date-range-picker'
 import { formatToLocalTime } from '@/utils/format'
 import RangeSelector from './range-selector'
 
diff --git a/web/features/monitoring/__tests__/date-range-picker.spec.tsx b/web/app/components/app/monitoring/__tests__/date-range-picker.spec.tsx
similarity index 100%
rename from web/features/monitoring/__tests__/date-range-picker.spec.tsx
rename to web/app/components/app/monitoring/__tests__/date-range-picker.spec.tsx
diff --git a/web/features/monitoring/date-range-picker.tsx b/web/app/components/app/monitoring/date-range-picker.tsx
similarity index 100%
rename from web/features/monitoring/date-range-picker.tsx
rename to web/app/components/app/monitoring/date-range-picker.tsx
diff --git a/web/app/components/base/date-time-picker/README.md b/web/app/components/base/date-time-picker/README.md
index bd5615cccec..009f6e3afe1 100644
--- a/web/app/components/base/date-time-picker/README.md
+++ b/web/app/components/base/date-time-picker/README.md
@@ -56,5 +56,5 @@ existing business storage/display calculations; it is not passed into Dify UI, w
 civil strings, wall-time strings or Date instants. Do not add a second conversion inside the roots.
 
 [Dify UI picker contract]: ../../../../../packages/dify-ui/src/date-time/README.md
-[Monitoring date range]: ../../../../features/monitoring/date-range-picker.tsx
+[Monitoring date range]: ../../app/monitoring/date-range-picker.tsx
 [Tool date parameters]: ../../tools/parameters/tool-date-picker.tsx
diff --git a/web/features/agent-v2/agent-detail/monitoring/time-range-picker.tsx b/web/features/agent-v2/agent-detail/monitoring/time-range-picker.tsx
index 8f59e71d305..a375c838649 100644
--- a/web/features/agent-v2/agent-detail/monitoring/time-range-picker.tsx
+++ b/web/features/agent-v2/agent-detail/monitoring/time-range-picker.tsx
@@ -14,7 +14,7 @@ import dayjs from 'dayjs'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useLocale } from '#i18n'
-import { MonitoringDateRangePicker } from '@/features/monitoring/date-range-picker'
+import { MonitoringDateRangePicker } from '@/app/components/app/monitoring/date-range-picker'
 import { formatToLocalTime } from '@/utils/format'
 
 export type AgentMonitoringPeriod = {