diff --git a/frontend/src/components/Contributions/ContributionForm.vue b/frontend/src/components/Contributions/ContributionForm.vue
index 4a44e03b7..5612ae14b 100644
--- a/frontend/src/components/Contributions/ContributionForm.vue
+++ b/frontend/src/components/Contributions/ContributionForm.vue
@@ -19,7 +19,7 @@
         required
         :no-flip="true"
         type="date"
-        @update:model-value="date = $event"
+        @update:model-value="handleDateChange"
       >
         <template #nav-prev-year><span></span></template>
         <template #nav-next-year><span></span></template>
@@ -128,6 +128,11 @@ const [date, dateProps] = defineField('date')
 
 const { meta: dataFieldMeta } = useField('date', 'required')
 
+const handleDateChange = (newDate) => {
+  date.value = newDate
+  emit('update:model-value', { ...props.modelValue, date: newDate })
+}
+
 const showMessage = computed(() => {
   if (props.maxGddThisMonth <= 0 && props.maxGddLastMonth <= 0) return true
   if (props.modelValue.date)
diff --git a/frontend/src/pages/Community.vue b/frontend/src/pages/Community.vue
index 064aee33c..f850ccb4e 100644
--- a/frontend/src/pages/Community.vue
+++ b/frontend/src/pages/Community.vue
@@ -11,7 +11,7 @@
           <div class="mb-3"></div>
           <contribution-form
             :key="computedKeyFromForm"
-            :model-value="form"
+            v-model="form"
             :is-this-month="isThisMonth"
             :minimal-date="minimalDate"
             :max-gdd-last-month="maxForMonths[0]"