tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-03 06:27:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

break start/end date fields together

Browse Source
This commit is contained in:
Thomas Ruoff
2020-09-08 23:55:30 +02:00
committed by Thomas Ruoff
parent 8925a9ed7f
commit 18337a7ac7
1 changed files with 27 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
components/wizard/dateSelect.tsx
View File

@@ -11,29 +11,33 @@ export default function DateSelect() {
return (
<>
<InputWrapper label="Datum" required>
<label className="flabel inline-block mr-3" htmlFor="startDate">
Von
</label>
<input
required
type="date"
name="startDate"
value={startDate}
onChange={onChangeEvent}
min={today}
/>
<label className="flabel inline-block ml-6 mr-3" htmlFor="endDate">
Bis
</label>
<input
required
type="date"
name="endDate"
value={endDate}
placeholder="Von"
onChange={onChangeEvent}
min={startDate || today}
/>
<div className="inline-block mr-6">
<label className="flabel inline-block w-6 mr-3" htmlFor="startDate">
Von
</label>
<input
required
type="date"
name="startDate"
value={startDate}
onChange={onChangeEvent}
min={today}
/>
</div>
<div className="inline-block">
<label className="flabel inline-block w-6 mr-3" htmlFor="endDate">
Bis
</label>
<input
required
type="date"
name="endDate"
value={endDate}
placeholder="Von"
onChange={onChangeEvent}
min={startDate || today}
/>
</div>
</InputWrapper>
</>
)