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}
end={endDate}
onChange={onChange}
className="m-6"
className="my-6 max-w-lg"
/>
<div className="inline-block mr-6">
<label className="flabel inline-block w-6 mr-3" htmlFor="startDate">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div className="">
<label className="flabel inline-block mr-3" htmlFor="startDate">
Von
</label>
<input
@@ -32,8 +33,8 @@ export default function DateSelect() {
min={today}
/>
</div>
<div className="inline-block">
<label className="flabel inline-block w-6 mr-3" htmlFor="endDate">
<div className="">
<label className="flabel inline-block mr-3" htmlFor="endDate">
Bis
</label>
<input
@@ -47,6 +48,7 @@ export default function DateSelect() {
min={startDate || today}
/>
</div>
</div>
</InputWrapper>
</>
)