set date filter to this month by default

Klarr-Agency · May 21, 2024 · f671561 · f671561
1 parent f9cc544
commit f671561
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/app/src/lib/components/ui/data-table/transactions/data-table-toolbar.svelte b/app/src/lib/components/ui/data-table/transactions/data-table-toolbar.svelte
@@ -29,9 +29,6 @@
 		($filterValues.type && $filterValues.type.length > 0) ||
 		($filterValues.date && $filterValues.date.start && $filterValues.date.end);
 
-	if (!$filterValues.date) {
-		$filterValues.date = { start: undefined, end: undefined };
-	}
 </script>
 
 <div class="flex items-center justify-between">

diff --git a/app/src/lib/components/ui/data-table/transactions/data-table.svelte b/app/src/lib/components/ui/data-table/transactions/data-table.svelte
@@ -21,6 +21,14 @@
 	} from './index.js';
 	/* Default import */
 	import { DataTableCheckbox } from '../index.js';
+	import {
+		getLocalTimeZone,
+		today,
+		startOfMonth,
+		endOfMonth,
+
+	} from '@internationalized/date';
+	let now = today(getLocalTimeZone());
 
 	import * as Table from '$lib/components/ui/table';
 
@@ -142,7 +150,7 @@
 						}
 						return true;
 					},
-					initialFilterValue: { start: undefined, end: undefined },
+					initialFilterValue: { start: startOfMonth(now), end: endOfMonth(now)  },
 					render: ({ filterValue }) => get(filterValue)
 				}
 			}