tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-04 15:07:13 +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 ( return (
<> <>
<InputWrapper label="Datum" required> <InputWrapper label="Datum" required>
<label className="flabel inline-block mr-3" htmlFor="startDate"> <div className="inline-block mr-6">
Von <label className="flabel inline-block w-6 mr-3" htmlFor="startDate">
</label> Von
<input </label>
required <input
type="date" required
name="startDate" type="date"
value={startDate} name="startDate"
onChange={onChangeEvent} value={startDate}
min={today} onChange={onChangeEvent}
/> min={today}
<label className="flabel inline-block ml-6 mr-3" htmlFor="endDate"> />
Bis </div>
</label> <div className="inline-block">
<input <label className="flabel inline-block w-6 mr-3" htmlFor="endDate">
required Bis
type="date" </label>
name="endDate" <input
value={endDate} required
placeholder="Von" type="date"
onChange={onChangeEvent} name="endDate"
min={startDate || today} value={endDate}
/> placeholder="Von"
onChange={onChangeEvent}
min={startDate || today}
/>
</div>
</InputWrapper> </InputWrapper>
</> </>
) )