fix: time setting for adding events not working

nthumodifications · Oct 1, 2024 · 3628fdd · 3628fdd
1 parent 7230a0e
commit 3628fdd
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/components/Calendar/AddEventButton.tsx b/src/components/Calendar/AddEventButton.tsx
@@ -220,6 +220,9 @@ export const AddEventButton = ({
                   type="time"
                   onChange={(e) => {
                     const timesplits = e.target.value.split(":");
+                    // ensure completed input before setting
+                    if (timesplits[0].length < 2 || timesplits[1].length < 2)
+                      return;
                     const d = set(field.value, {
                       hours: parseInt(timesplits[0]),
                       minutes: parseInt(timesplits[1]),
@@ -248,7 +251,17 @@ export const AddEventButton = ({
               <FormItem>
                 <Input
                   type="time"
-                  onChange={field.onChange}
+                  onChange={(v) => {
+                    const timesplits = v.target.value.split(":");
+                    // ensure completed input before setting
+                    if (timesplits[0].length < 2 || timesplits[1].length < 2)
+                      return;
+                    const d = set(field.value, {
+                      hours: parseInt(timesplits[0]),
+                      minutes: parseInt(timesplits[1]),
+                    });
+                    field.onChange(d);
+                  }}
                   value={format(field.value, "HH:mm")}
                 />
                 <FormMessage />