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

improve date select

Browse Source
This commit is contained in:
Thomas Ruoff
2020-12-24 00:47:25 +01:00
parent 2b7f8bb9d5
commit da395c5634
1 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
components/wizard/dateSelect.tsx
View File

@@ -16,36 +16,38 @@ export default function DateSelect() {
start={startDate} start={startDate}
end={endDate} end={endDate}
onChange={onChange} onChange={onChange}
className="m-6" className="my-6 max-w-lg"
/> />
<div className="inline-block mr-6"> <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<label className="flabel inline-block w-6 mr-3" htmlFor="startDate"> <div className="">
Von <label className="flabel inline-block mr-3" htmlFor="startDate">
</label> Von
<input </label>
required <input
type="date" required
className="input-text" type="date"
name="startDate" className="input-text"
value={startDate || ''} name="startDate"
onChange={onChangeEvent} value={startDate || ''}
min={today} onChange={onChangeEvent}
/> min={today}
</div> />
<div className="inline-block"> </div>
<label className="flabel inline-block w-6 mr-3" htmlFor="endDate"> <div className="">
Bis <label className="flabel inline-block mr-3" htmlFor="endDate">
</label> Bis
<input </label>
required <input
type="date" required
className="input-text" type="date"
name="endDate" className="input-text"
value={endDate || ''} name="endDate"
placeholder="Von" value={endDate || ''}
onChange={onChangeEvent} placeholder="Von"
min={startDate || today} onChange={onChangeEvent}
/> min={startDate || today}
/>
</div>
</div> </div>
</InputWrapper> </InputWrapper>
</> </>