diff --git a/web/components/tasks/TaskDataEditor.tsx b/web/components/tasks/TaskDataEditor.tsx
index 5be4800..87af51e 100644
--- a/web/components/tasks/TaskDataEditor.tsx
+++ b/web/components/tasks/TaskDataEditor.tsx
@@ -411,6 +411,7 @@ export const TaskDataEditor = ({
             >
               {({ dataProps, focusableElementProps, interactionStates }) => (
                 <FlexibleDateTimeInput
+                  key={isEditMode ? `${taskId}-${dueDate?.getTime() ?? 'pending'}` : 'create'}
                   {...dataProps} {...focusableElementProps} {...interactionStates}
                   value={dataProps.value ?? null}
                   defaultMode="date"