From 39d6de0f568080b8574932217ee098d7565f4b1f Mon Sep 17 00:00:00 2001
From: Min Idzelis <min123@gmail.com>
Date: Sat, 3 May 2025 14:03:34 +0000
Subject: [PATCH] react to modal dialog refactor

---
 .../components/shared-components/select-date.svelte   | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/shared-components/select-date.svelte b/web/src/lib/components/shared-components/select-date.svelte
index b22a06c881..ac2d076a66 100644
--- a/web/src/lib/components/shared-components/select-date.svelte
+++ b/web/src/lib/components/shared-components/select-date.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { DateTime } from 'luxon';
-  import ConfirmDialog from './dialog/confirm-dialog.svelte';
-  import DateInput from '../elements/date-input.svelte';
   import { t } from 'svelte-i18n';
+  import DateInput from '../elements/date-input.svelte';
+  import ConfirmDialog from './dialog/confirm-dialog.svelte';
 
   interface Props {
     initialDate?: DateTime;
@@ -26,7 +26,12 @@
   let date = $derived(DateTime.fromISO(selectedDate));
 </script>
 
-<ConfirmDialog confirmColor="primary" title="Go to date" disabled={!date.isValid} onConfirm={handleConfirm} {onCancel}>
+<ConfirmDialog
+  confirmColor="primary"
+  title="Go to date"
+  disabled={!date.isValid}
+  onClose={(confirmed) => (confirmed ? handleConfirm() : onCancel())}
+>
   {#snippet promptSnippet()}
     <div class="flex flex-col text-left gap-2">
       <div class="flex flex-col">