From 43b358e28c9cf5412621d5b92deae97253993419 Mon Sep 17 00:00:00 2001
From: tiennm99 <tiennm99@outlook.com>
Date: Fri, 3 Apr 2026 23:17:26 +0700
Subject: [PATCH] feat: add date range presets (Today, Last 7d, Last 30d, This
 month)

---
 src/app/components/ExchangeRateViewer.js | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/app/components/ExchangeRateViewer.js b/src/app/components/ExchangeRateViewer.js
index ccc14d3..5876bc2 100644
--- a/src/app/components/ExchangeRateViewer.js
+++ b/src/app/components/ExchangeRateViewer.js
@@ -3,7 +3,7 @@
 import React, { useState } from "react";
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
-import { format, subDays } from "date-fns";
+import { format, subDays, startOfMonth } from "date-fns";
 
 function LoadingSpinner({ progress }) {
   return (
@@ -256,6 +256,26 @@ export default function ExchangeRateViewer() {
             </div>
           </div>
 
+          {/* Date presets */}
+          <div className="flex flex-wrap gap-2">
+            {[
+              { label: "Today", start: new Date(), end: new Date() },
+              { label: "Last 7 days", start: subDays(new Date(), 7), end: new Date() },
+              { label: "Last 30 days", start: subDays(new Date(), 30), end: new Date() },
+              { label: "This month", start: startOfMonth(new Date()), end: new Date() },
+            ].map((preset) => (
+              <button
+                key={preset.label}
+                type="button"
+                className="text-xs px-3 py-1 rounded-md border transition-colors hover:bg-blue-50 dark:hover:bg-blue-900/20"
+                style={{ borderColor: "var(--input-border)", color: "var(--muted)" }}
+                onClick={() => { setStartDate(preset.start); setEndDate(preset.end); }}
+              >
+                {preset.label}
+              </button>
+            ))}
+          </div>
+
           {/* Buttons row */}
           <div className="flex flex-row gap-2 justify-end pt-1">
             <button