From 040a47401e509d39d323a32245b6087590d2adce Mon Sep 17 00:00:00 2001
From: Stephen Adamson <popertots@gmail.com>
Date: Fri, 29 May 2026 16:09:25 +0100
Subject: [PATCH] refactor: user payment modal

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
---
 frontend/src/lib/components/payments/UserPaymentModal.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/payments/UserPaymentModal.svelte b/frontend/src/lib/components/payments/UserPaymentModal.svelte
index dee6a02..7a79509 100644
--- a/frontend/src/lib/components/payments/UserPaymentModal.svelte
+++ b/frontend/src/lib/components/payments/UserPaymentModal.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { SvelteDate } from 'svelte/reactivity';
 	import { toast } from 'svelte-sonner';
 	import * as Dialog from '$lib/components/ui/dialog';
 	import { Button } from '$lib/components/ui/button';
@@ -92,8 +93,8 @@
 
 	let isExpiryInPast = $derived(
 		expiryParts !== null && (() => {
-			const expiryDate = new Date(expiryParts.year, expiryParts.month);
-			return expiryDate < new Date();
+			const expiryDate = new SvelteDate(expiryParts.year, expiryParts.month);
+			return expiryDate < new SvelteDate();
 		})()
 	);