From 3369fc90ed291ae898bc1d52de611ddc00fcfb50 Mon Sep 17 00:00:00 2001 From: Christian Vidal Wolf Date: Tue, 14 Apr 2026 18:58:07 +0200 Subject: [PATCH] fix: force showPicker for date inputs and add dark mode support --- src/components/MissingDataView.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/MissingDataView.tsx b/src/components/MissingDataView.tsx index 8866d91..69e5b7c 100644 --- a/src/components/MissingDataView.tsx +++ b/src/components/MissingDataView.tsx @@ -493,8 +493,10 @@ export function MissingDataView({ data, headers, onSaveRow, onCaptureState }: Mi type="date" value={editing.launchDate} onChange={e => setEditing(prev => prev ? { ...prev, launchDate: e.target.value } : prev)} + onFocus={(e) => e.target.showPicker()} + onClick={(e) => e.currentTarget.showPicker()} className={cn( - "w-full bg-slate-900 border rounded-md px-3 py-2.5 text-sm text-white focus:outline-none focus:ring-1 transition-colors", + "w-full bg-slate-900 border rounded-md px-3 py-2.5 text-sm text-white focus:outline-none focus:ring-1 transition-colors cursor-pointer [color-scheme:dark]", editing.launchDate !== (formatDateValue(editingRow[launchDateCol]) || String(editingRow[launchDateCol] ?? '')) ? "border-blue-500 focus:ring-blue-500" : "border-slate-700 focus:border-slate-500 focus:ring-slate-500" @@ -510,8 +512,10 @@ export function MissingDataView({ data, headers, onSaveRow, onCaptureState }: Mi type="date" value={editing.readyToOrder} onChange={e => setEditing(prev => prev ? { ...prev, readyToOrder: e.target.value } : prev)} + onFocus={(e) => e.target.showPicker()} + onClick={(e) => e.currentTarget.showPicker()} className={cn( - "w-full bg-slate-900 border rounded-md px-3 py-2.5 text-sm text-white focus:outline-none focus:ring-1 transition-colors", + "w-full bg-slate-900 border rounded-md px-3 py-2.5 text-sm text-white focus:outline-none focus:ring-1 transition-colors cursor-pointer [color-scheme:dark]", editing.readyToOrder !== (formatDateValue(editingRow[readyToOrderCol]) || String(editingRow[readyToOrderCol] ?? '')) ? "border-blue-500 focus:ring-blue-500" : "border-slate-700 focus:border-slate-500 focus:ring-slate-500"