christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 12:35:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: force showPicker for date inputs and add dark mode support

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-14 18:58:07 +02:00
parent 7c7258d87c
commit 3369fc90ed
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MissingDataView.tsx
+6 -2
View File
@@ -493,8 +493,10 @@ export function MissingDataView({ data, headers, onSaveRow, onCaptureState }: Mi
type="date" type="date"
value={editing.launchDate} value={editing.launchDate}
onChange={e => setEditing(prev => prev ? { ...prev, launchDate: e.target.value } : prev)} onChange={e => setEditing(prev => prev ? { ...prev, launchDate: e.target.value } : prev)}
onFocus={(e) => e.target.showPicker()}
onClick={(e) => e.currentTarget.showPicker()}
className={cn( 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] ?? '')) editing.launchDate !== (formatDateValue(editingRow[launchDateCol]) || String(editingRow[launchDateCol] ?? ''))
? "border-blue-500 focus:ring-blue-500" ? "border-blue-500 focus:ring-blue-500"
: "border-slate-700 focus:border-slate-500 focus:ring-slate-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" type="date"
value={editing.readyToOrder} value={editing.readyToOrder}
onChange={e => setEditing(prev => prev ? { ...prev, readyToOrder: e.target.value } : prev)} onChange={e => setEditing(prev => prev ? { ...prev, readyToOrder: e.target.value } : prev)}
onFocus={(e) => e.target.showPicker()}
onClick={(e) => e.currentTarget.showPicker()}
className={cn( 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] ?? '')) editing.readyToOrder !== (formatDateValue(editingRow[readyToOrderCol]) || String(editingRow[readyToOrderCol] ?? ''))
? "border-blue-500 focus:ring-blue-500" ? "border-blue-500 focus:ring-blue-500"
: "border-slate-700 focus:border-slate-500 focus:ring-slate-500" : "border-slate-700 focus:border-slate-500 focus:ring-slate-500"