apricote/Listory
1
0
Fork 0
mirror of https://github.com/apricote/Listory.git synced 2026-01-13 21:21:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(frontend): crash when resetting DateSelect values

Browse source
This commit is contained in:
Julian Tölle 2022-07-24 18:07:42 +02:00
parent bfcfd91c4c
commit 65b0d24903
1 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/components/inputs/DateSelect.tsx
View file

@ -24,7 +24,16 @@ export const DateSelect: React.FC<DateSelectProps> = ({
className="block appearance-none min-w-full md:win-w-0 md:w-1/4 bg-white border border-gray-400 hover:border-gray-500 p-2 rounded shadow leading-tight focus:outline-none focus:ring"
type="date"
value={formatDateForDateInput(value)}
onChange={(e) => onChange(parseDateFromDateInput(e.target.value))}
onChange={(e) => {
if (e.target.value === "") {
// Firefox includes "reset" buttons in date inputs, which set the value to "",
// is does not make sense to clear the value in our case.
e.target.value = formatDateForDateInput(value);
e.preventDefault();
return;
}
onChange(parseDateFromDateInput(e.target.value));
}}
/>
</div>
);