[Feature] Nativer Datumspicker im Web für Einkaufslisten-Datum #523

New issue

Open

opened 2026-07-25 19:35:21 +02:00 by admin-mrrm · 0 comments

admin-mrrm commented

2026-07-25 19:35:21 +02:00

Owner

Ziel

Das Datumsfeld beim Anlegen einer Einkaufsliste (ListsOverviewScreen) nutzt auf Web einen echten Datumspicker statt eines Freitext-Felds mit YYYY-MM-DD-Format.

Umsetzung

packages/feature-lists/src/components/lists-overview-screen.tsx — bei Platform.OS === 'web' (aufgelöst über react-native-web, von Tamagui's Vite-Plugin transparent aliast) rendert ein natives HTML <input type="date"> statt des Tamagui-Input, eingefärbt über useTheme(). Mobile bleibt unverändert beim Text-Input.

Bekannte Einschränkung

Mobile hat noch keinen echten Picker — dafür bräuchte es ein natives Modul (z.B. @react-native-community/datetimepicker) und einen neuen EAS-Dev-Client-Build. Bewusst nicht Teil dieses Issues.

## Ziel Das Datumsfeld beim Anlegen einer Einkaufsliste (`ListsOverviewScreen`) nutzt auf Web einen echten Datumspicker statt eines Freitext-Felds mit `YYYY-MM-DD`-Format. ## Umsetzung `packages/feature-lists/src/components/lists-overview-screen.tsx` — bei `Platform.OS === 'web'` (aufgelöst über `react-native-web`, von Tamagui's Vite-Plugin transparent aliast) rendert ein natives HTML `<input type="date">` statt des Tamagui-`Input`, eingefärbt über `useTheme()`. Mobile bleibt unverändert beim Text-Input. ## Bekannte Einschränkung Mobile hat noch keinen echten Picker — dafür bräuchte es ein natives Modul (z.B. `@react-native-community/datetimepicker`) und einen neuen EAS-Dev-Client-Build. Bewusst nicht Teil dieses Issues.