From e5bbde90b491d086fd5441186a5127ea717be4bf Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Tue, 11 Aug 2020 22:51:51 +0200
Subject: [PATCH] remove multipleDays choice

---
 components/dateSelect.js | 136 +++++++++++++--------------------------
 context/wizardStore.js   |   1 -
 2 files changed, 45 insertions(+), 92 deletions(-)

diff --git a/components/dateSelect.js b/components/dateSelect.js
index 5e01ace..8958a40 100644
--- a/components/dateSelect.js
+++ b/components/dateSelect.js
@@ -55,7 +55,6 @@ export default function DateSelect() {
     toRef.current?.getInput().focus()
   }, [range.from])
 
-  const { multipleDays } = state.formData
   const { from, to } = range
   const disabledDays = [dayDisabled]
   const modifiers = {
@@ -74,100 +73,55 @@ export default function DateSelect() {
   }
 
   return (
-    <>
-      <Form.Group controlId="dateSelect">
-        <Form.Label>
-          Willst du einen odere mehrere Tage buchen? <Required />
-        </Form.Label>
-        <Form.Check
-          type="radio"
-          id={'multipleDays-single'}
-          label="Einen Tag"
-          name="multipleDays"
-          value="single"
-          checked={multipleDays === false}
-          onChange={() => {
-            //setFocusedInput(null)
-            onChange({
-              multipleDays: false,
-              startDate: null,
-              endDate: null,
-            })
+    <Form.Group>
+      <Form.Label component="legend" style={{ display: 'block' }}>
+        Datum <Required />
+      </Form.Label>
+      <Form.Group>
+        <DayPickerInput
+          ref={fromRef}
+          component={Form.Control}
+          value={from}
+          placeholder="Von"
+          formatDate={dateFormat}
+          parseDate={parseDate}
+          dayPickerProps={{
+            className: 'Selectable',
+            selectedDays: [from, { from, to }],
+            disabledDays,
+            modifiers,
+            numberOfMonths: 1,
           }}
+          onDayChange={(from) => setRange({ ...range, from })}
         />
-        <Form.Check
-          type="radio"
-          id={'multipleDays-multiple'}
-          label="Mehrere Tage"
-          name="multipleDays"
-          value="multiple"
-          checked={multipleDays === true}
-          onChange={() => {
-            //setFocusedInput(null)
-            onChange({
-              multipleDays: true,
-              startDate: null,
-              endDate: null,
-            })
+        <Form.Label className="px-2">bis</Form.Label>
+        <DayPickerInput
+          ref={toRef}
+          component={Form.Control}
+          inputProps={{ disabled: !from }}
+          value={to}
+          placeholder="Bis"
+          formatDate={dateFormat}
+          parseDate={parseDate}
+          dayPickerProps={{
+            className: 'Selectable',
+            selectedDays: [from, { from, to }],
+            disabledDays,
+            modifiers,
+            numberOfMonths: 1,
+            month: from,
+            fromMonth: from,
           }}
+          onDayChange={(to) => setRange({ ...range, to })}
         />
+        <Button
+          className="ml-2"
+          variant="outline-secondary"
+          onClick={() => setRange({})}
+        >
+          Zurücksetzen
+        </Button>
       </Form.Group>
-      {multipleDays !== null && (
-        <Form.Group>
-          <Form.Label component="legend" style={{ display: 'block' }}>
-            Datum <Required />
-          </Form.Label>
-          {
-            <>
-              <Form.Group>
-                <DayPickerInput
-                  ref={fromRef}
-                  component={Form.Control}
-                  value={from}
-                  placeholder="Von"
-                  formatDate={dateFormat}
-                  parseDate={parseDate}
-                  dayPickerProps={{
-                    className: 'Selectable',
-                    selectedDays: [from, { from, to }],
-                    disabledDays,
-                    modifiers,
-                    numberOfMonths: 1,
-                  }}
-                  onDayChange={(from) => setRange({ ...range, from })}
-                />
-                <Form.Label className="px-2">bis</Form.Label>
-                <DayPickerInput
-                  ref={toRef}
-                  component={Form.Control}
-                  inputProps={{ disabled: !range.from }}
-                  value={to}
-                  placeholder="Bis"
-                  formatDate={dateFormat}
-                  parseDate={parseDate}
-                  dayPickerProps={{
-                    className: 'Selectable',
-                    selectedDays: [from, { from, to }],
-                    disabledDays,
-                    modifiers,
-                    numberOfMonths: 1,
-                    month: from,
-                    fromMonth: from,
-                  }}
-                  onDayChange={(to) => setRange({ ...range, to })}
-                />
-                <Button
-                  className="ml-2"
-                  variant="outline-secondary"
-                  onClick={() => setRange({})}
-                >
-                  Zurücksetzen
-                </Button>
-              </Form.Group>
-            </>
-          }
-        </Form.Group>
-      )}
-    </>
+    </Form.Group>
   )
 }
diff --git a/context/wizardStore.js b/context/wizardStore.js
index ab386e6..724ed8f 100644
--- a/context/wizardStore.js
+++ b/context/wizardStore.js
@@ -63,7 +63,6 @@ const initialState = {
   postDataError: null,
   postDataSuccess: null,
   formData: {
-    multipleDays: true,
     //startDate: '2020-08-10',
     //endDate: '2020-08-17',
     //purpose: 'Sommerlager 2021',