example inputs on homepage

templates/home.hamlet

@@ -28,40 +28,12 @@
 
 <hr>
 <div .container>
-  <h2 .js-show-hide__toggle data-collapsed=true>Tabellen
-  <table .js-sortable>
-    <thead>
-      <tr>
-        <th .sorted-asc>ID
-        <th>TH1
-        <th>TH2
-        <th>TH3
-    <tbody>
-      <tr>
-        <td>0
-        <td>NT2
-        <td>CON2
-        <td>3
-      <tr>
-        <td>1
-        <td>5
-        <td>ONT2
-        <td>13
-      <tr>
-        <td>2
-        <td>CONT1
-        <td>NT2
-        <td>43
-      <tr>
-        <td>3
-        <td>43
-        <td>T2C2
-        <td>35
-      <tr>
-        <td>4
-        <td>73
-        <td>CA62
-        <td>7
+  <h2 .js-show-hide__toggle data-collapsed=true>Date picker
+  <form action=# id="datetime-form1">
+    <input type="date">
+    <input type="time">
+  <form action=# id="datetime-form2">
+    <input type="datetime-local">
 
 <hr>
 <div .container>

templates/home.julius

@@ -0,0 +1,19 @@
+document.addEventListener('DOMContentLoaded', function() {
+  'use strict';
+
+  var config = {
+    enableTime: true,
+    altInput: true,
+    altFormat: "j. F Y, H:i",
+    dateFormat: "Y-m-d H:i",
+    time_24hr: true
+  };
+
+  flatpickr('#datetime-form1 [type="date"]', {
+    altFormat: "j. F Y", dateFormat: "Y-m-d", altInput: true
+  });
+  flatpickr('#datetime-form1 [type="time"]', {
+    enableTime: true, noCalendar: true, altFormat: "H:i", dateFormat: "H:i", altInput: true, time_24hr: true
+  });
+  flatpickr('#datetime-form2 input', config);
+});