diff --git a/resources/views/widgets/trend.blade.php b/resources/views/widgets/trend.blade.php
index b3ebb5b8..f708158e 100644
--- a/resources/views/widgets/trend.blade.php
+++ b/resources/views/widgets/trend.blade.php
@@ -9,6 +9,16 @@
             @endif
         </div>
         <div class="app-widget__chart">
+            <form method="GET" action="{{ $url }}" onchange="this.requestSubmit();">
+                <div class="form-group">
+                    <label class="form-label sr-only" for="widget-{{ $key }}}-interval">{{ __('Interval') }}</label>
+                    <select class="form-control form-control--sm" name="range" id="widget-{{ $key }}}-interval">
+                        @foreach($ranges as $range => $rangeLabel)
+                            <option value="{{ $range }}" @selected($range === $currentRange)>{{ $rangeLabel }}</option>
+                        @endforeach
+                    </select>
+                </div>
+            </form>
             <x-root::chart :config="$data['chart']" />
         </div>
     </div>
diff --git a/src/Widgets/Metric.php b/src/Widgets/Metric.php
index 865e5fed..c3f000f7 100644
--- a/src/Widgets/Metric.php
+++ b/src/Widgets/Metric.php
@@ -143,6 +143,7 @@ public function data(Request $request): array
     {
         return array_merge(parent::data($request), [
             'ranges' => $this->ranges(),
+            'currentRange' => $this->getCurrentRange($request),
             'data' => (! $this->async || $request->isTurboFrameRequest()) ? $this->calculate($request) : [],
         ]);
     }