fix: make task due date fully clickable

frontend/src/style.test.ts

@@ -483,15 +483,21 @@ describe('unified floating add interaction', () => {
   it('uses compact date and time chips instead of large visible mobile inputs', () => {
     expect(app).toContain("composeDueAt.value = activeView.value === 'today' ? defaultTaskDueAt() : ''")
     expect(app).toContain('const composeDueLabel = computed')
+    expect(app).toContain('ref="composeDatePicker"')
+    expect(app).toContain('aria-label="选择截止日期" tabindex="-1"')
     expect(app).toContain('class="task-compose-date-chip"')
-    expect(app).toContain('class="task-compose-native-picker"')
+    expect(app).toContain('@click="openComposeDuePicker"')
+    expect(app).toContain('function openComposeDuePicker()')
+    expect(app).toContain('picker.showPicker()')
     expect(app).toContain('<span>{{ composeDueLabel }}</span>')
     expect(app).toContain('v-if="composeDueAt" class="task-compose-date-clear"')
     expect(app).toContain('v-if="composeDueAt && !composeHasTime"')
     expect(app).toContain('v-else-if="composeDueAt" class="task-compose-time-chip"')
     expect(app).toContain('function clearComposeDueDate()')
-    expect(css).toContain('.task-compose-date-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}')
-    expect(css).toContain('.task-compose-native-picker{position:absolute;inset:0;opacity:0;cursor:pointer')
+    expect(css).toContain('.task-compose-date-chip{position:relative;display:inline-flex!important')
+    expect(css).toContain('min-height:44px')
+    expect(css).toContain('.task-compose-native-picker{position:absolute;width:1px!important;height:1px!important')
+    expect(css).toContain('pointer-events:none')
     expect(css).not.toContain('@media(max-width:480px){.task-compose-due-row')
     expect(app).toContain("composeHasTime.value ? composeTime.value : '23:59'")
   })