Bug fix with the arrows key

web/src/lib/components/shared-components/change-date.svelte

@@ -48,8 +48,13 @@
       dispatch('confirm', value);
     }
   };
+  const handleKeydown = (event: KeyboardEvent) => {
+    if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
+      event.stopPropagation();
+    }
+  };
 </script>
-
+<div role="presentation" on:keydown={handleKeydown}>
   <ConfirmDialogue
     confirmColor="primary"
     cancelColor="secondary"
@@ -81,3 +86,4 @@
       </div>
     </div>
   </ConfirmDialogue>
+</div>