feat: add time

app/admin/accounting/page.tsx

@@ -170,6 +170,10 @@ export default function AccountingPage() {
     const [dateFrom, setDateFrom] = useState<string>('');
     const [dateTo, setDateTo] = useState<string>('');
 
+    // Time range
+    const [timeFrom, setTimeFrom] = useState<string>('');
+    const [timeTo, setTimeTo] = useState<string>('');
+
     // Status filter — both paid statuses selected by default
     const [statuses, setStatuses] = useState<number[]>([...PAID_STATUSES]);
 
@@ -259,14 +263,28 @@ export default function AccountingPage() {
             }
 
             // Date range (created_at is "Y-m-d H:i:s")
-            if (dateFrom && p.created_at && p.created_at.slice(0, 10) < dateFrom) return false;
-            if (dateTo && p.created_at && p.created_at.slice(0, 10) > dateTo) return false;
+            // When time is also selected, compare full datetime strings;
+            // otherwise compare only the date portion (YYYY-MM-DD).
+            const created = p.created_at ?? '';
+            if (dateFrom) {
+                const datePart = created.slice(0, 10);
+                if (timeFrom) {
+                    // Full datetime comparison: "YYYY-MM-DD HH:mm:ss"
+                    if (created < `${dateFrom} ${timeFrom}`) return false;
+                } else if (datePart < dateFrom) return false;
+            }
+            if (dateTo) {
+                const datePart = created.slice(0, 10);
+                if (timeTo) {
+                    if (created > `${dateTo} ${timeTo}`) return false;
+                } else if (datePart > dateTo) return false;
+            }
 
             return true;
         });
 
         setResult(computeAccounting(filtered, myket, cafe, fee));
-    }, [allPurchases, statuses, selectedProductId, selectedPackageName, dateFrom, dateTo, myketRate, cafeRate, transactionFee]);
+    }, [allPurchases, statuses, selectedProductId, selectedPackageName, dateFrom, dateTo, timeFrom, timeTo, myketRate, cafeRate, transactionFee]);
 
     // Recompute on filter/rate changes (no refetch needed once data is cached)
     useEffect(() => {
@@ -278,6 +296,8 @@ export default function AccountingPage() {
         setSelectedProductId('');
         setDateFrom('');
         setDateTo('');
+        setTimeFrom('');
+        setTimeTo('');
         setStatuses([...PAID_STATUSES]);
         setMyketRate('85');
         setCafeRate('85');
@@ -323,7 +343,7 @@ export default function AccountingPage() {
                     }}
                     className="bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800 rounded-2xl p-5 sm:p-6 mb-6 shadow-sm"
                 >
-                    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
+                    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-6">
                         <div>
                             <label htmlFor="package_name" className={labelClass}>پکیج</label>
                             <select
@@ -368,6 +388,18 @@ export default function AccountingPage() {
                             />
                         </div>
 
+                        <div>
+                            <label htmlFor="time_from" className={labelClass}>از ساعت</label>
+                            <input
+                                type="time"
+                                id="time_from"
+                                value={timeFrom}
+                                onChange={(e) => setTimeFrom(e.target.value)}
+                                className={inputClass}
+                                placeholder="۰۰:۰۰"
+                            />
+                        </div>
+
                         <div>
                             <PersianDatePicker
                                 id="date_to"
@@ -377,6 +409,18 @@ export default function AccountingPage() {
                                 onChange={setDateTo}
                             />
                         </div>
+
+                        <div>
+                            <label htmlFor="time_to" className={labelClass}>تا ساعت</label>
+                            <input
+                                type="time"
+                                id="time_to"
+                                value={timeTo}
+                                onChange={(e) => setTimeTo(e.target.value)}
+                                className={inputClass}
+                                placeholder="۲۳:۵۹"
+                            />
+                        </div>
                     </div>
 
                     {/* Status checkboxes */}