Feature/date time range picker

src/es/components/molecules/simpleForm/default-/formValidation.html

@@ -29,6 +29,33 @@
       "max-length": {"value": "10", "error-message": "Bitte maximum 10 Character eingeben."}
      }' type="text" value="" name="Name" placeholder="Name hier eingeben..." autocomplete="off" />
     </div>
+    <div>
+      <label for="birth">Birthday 1 + <strong>live-input-validation</strong></label>
+      <input id="birth" live-input-validation="true" m-date-input data-m-v-rules='{"required": {"error-message": "Bitte diese Feld ausfüllen."},
+      "day": {"max": "31", "min": "1", "error-message": "Please add a valid day, between 1 and 31."},
+      "month": {"max": "12", "min": "1", "error-message": "Please add a valid month, between 1 and 12."},
+      "year": {"max": "2010", "min": "1900", "error-message": "Please add a valid year, between 1900 and 2010."},
+      "pattern": {"mask-value": "dd.mm.yyyy", "error-message": "Please add a valid format as dd.mm.yyyy"}
+     }' type="text" value="" name="birth" placeholder="DD.MM.YYYY" autocomplete="off" />
+    </div>
+    <div>
+      <label for="birth2">Birthday 2</label>
+      <input id="birth2" m-date-input data-m-v-rules='{"required": {"error-message": "Bitte diese Feld ausfüllen."},
+      "day": {"max": "31", "min": "1", "error-message": "Please add a valid day, between 1 and 31."},
+      "month": {"max": "12", "min": "1", "error-message": "Please add a valid month, between 1 and 12."},
+      "year": {"max": "2000", "min": "1800", "error-message": "Please add a valid year, between 1800 and 2000."},
+      "pattern": {"mask-value": "dd/mm/yyyy", "error-message": "Please add a valid format as dd/mm/yyyy"}
+     }' type="text" value="" name="birth2" placeholder="DD/MM/YYYY" autocomplete="off" />
+    </div>
+    <div>
+      <label for="birth3">Birthday 3 + <strong>not required</strong></label>
+      <input id="birth3" m-date-input data-m-v-rules='{
+      "day": {"max": "31", "min": "1", "error-message": "Please add a valid day, between 1 and 31."},
+      "month": {"max": "12", "min": "1", "error-message": "Please add a valid month, between 1 and 12."},
+      "year": {"max": "2000", "min": "1800", "error-message": "Please add a valid year, between 1800 and 2000."},
+      "pattern": {"mask-value": "dd-mm-yyyy", "error-message": "Please add a valid format as dd-mm-yyyy"}
+     }' type="text" value="" name="birth3" placeholder="DD-MM-YYYY" autocomplete="off" />
+    </div>
     <div>
       <label for="Firstname">Vorname => required + min-length:3 </label>
       <input id="Firstname" data-m-v-rules='{"required": {"error-message": "Bitte diese Feld ausfüllen."},