Fix color picker not working

reminder-dashboard/src/components/Modal/index.tsx

@@ -1,5 +1,5 @@
-import {JSX} from "preact";
+import { JSX } from "preact";
-import {createPortal} from "preact/compat";
+import { createPortal } from "preact/compat";
 
 type Props = {
     setModalOpen: (open: boolean) => never;
@@ -9,7 +9,7 @@ type Props = {
     children: string | JSX.Element | JSX.Element[] | (() => JSX.Element);
 };
 
-export const Modal = ({setModalOpen, title, onSubmit, onSubmitText, children}: Props) => {
+export const Modal = ({ setModalOpen, title, onSubmit, onSubmitText, children }: Props) => {
     const body = document.querySelector("body");
 
     return createPortal(
@@ -34,7 +34,7 @@ export const Modal = ({setModalOpen, title, onSubmit, onSubmitText, children}: P
                 <section class="modal-card-body">{children}</section>
                 {onSubmit && (
                     <footer class="modal-card-foot">
-                        <button class="button is-success" onClick={onSubmit}>
+                        <button class="button is-success" onInput={onSubmit}>
                             {onSubmitText || "Save"}
                         </button>
                         <button