due date

src/components/IssueDetails.vue

@@ -8,6 +8,7 @@ import StatusMenu from '@/components/StatusMenu.vue'
 import AssigneeMenu from '@/components/AssigneeMenu.vue'
 import ReporterInfo from '@/components/ReporterInfo.vue'
 import IssueTitle from '@/components/IssueTitle.vue'
+import IssueDate from '@/components/IssueDate.vue'
 
 interface Props {
   ckey: string
@@ -16,6 +17,8 @@ interface Props {
 const emit = defineEmits<{
   statusChanged: [issue: Issue]
   assigneeChanged: [issue: Issue]
+  titleChanged: [issue: Issue]
+  dueDateChanged: [issue: Issue]
 }>()
 
 const issueStore = useIssueStore()
@@ -46,7 +49,16 @@ const onTitleChanged = async (title: string) => {
   const updated = await issueStore.update(issue.value.id, { title })
   if (updated) {
     issue.value = updated
-    emit('assigneeChanged', updated)
+    emit('titleChanged', updated)
+  }
+}
+
+const onDueDateChanged = async (date: string) => {
+  if (!issue.value) return
+  const updated = await issueStore.update(issue.value.id, { dueDate: date })
+  if (updated) {
+    issue.value = updated
+    emit('dueDateChanged', updated)
   }
 }
 
@@ -106,7 +118,7 @@ defineExpose({
         <div>{{ createdAtFormatted }}</div>
 
         <div class="text-medium-emphasis">Due Date:</div>
-        <div>{{ issue.dueDate }}</div>
+        <issue-date :date="issue.dueDate" @changed="onDueDateChanged" />
       </v-card-text>
     </v-card>