From 18337a7ac7ccbc5868a9deca53476b15615c5d3c Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Tue, 8 Sep 2020 23:55:30 +0200
Subject: [PATCH] break start/end date fields together

---
 components/wizard/dateSelect.tsx | 50 +++++++++++++++++---------------
 1 file changed, 27 insertions(+), 23 deletions(-)

diff --git a/components/wizard/dateSelect.tsx b/components/wizard/dateSelect.tsx
index b8bcca1..922e312 100644
--- a/components/wizard/dateSelect.tsx
+++ b/components/wizard/dateSelect.tsx
@@ -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>
     </>
   )