tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-04 23:17:12 +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

12
components/wizard/dateSelect.tsx
View File

@@ -16,10 +16,11 @@ 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="">
<label className="flabel inline-block mr-3" htmlFor="startDate">
Von Von
</label> </label>
<input <input
@@ -32,8 +33,8 @@ export default function DateSelect() {
min={today} min={today}
/> />
</div> </div>
<div className="inline-block"> <div className="">
<label className="flabel inline-block w-6 mr-3" htmlFor="endDate"> <label className="flabel inline-block mr-3" htmlFor="endDate">
Bis Bis
</label> </label>
<input <input
@@ -47,6 +48,7 @@ export default function DateSelect() {
min={startDate || today} min={startDate || today}
/> />
</div> </div>
</div>
</InputWrapper> </InputWrapper>
</> </>
) )