diff --git a/templates/docs.gohtml b/templates/docs.gohtml
index d9119d0..6b34939 100644
--- a/templates/docs.gohtml
+++ b/templates/docs.gohtml
@@ -11,12 +11,94 @@
 <p>Create query</p>
 
 <form>
+    <label for="country">Country</label>
     <select id="country" name="country">
         <option value="HR">Croatia</option>
         <option value="GB">Great Britain</option>
         <option value="US">USA</option>
         <option value="FR">France</option>
     </select>
+
+    <div>
+        <label>Date selector</label>
+        <br>
+
+        <div style="border: 1px solid black">
+            <label for="date-year">Select year</label>
+            <input type="radio" id="date-year" name="date-selector" value="year">
+
+            <label for="date-year-year">Year</label>
+            <select id="date-year-year" name="year">
+                <option value="2020">2020</option>
+                <option value="2021">2021</option>
+                <option value="2022">2022</option>
+                <option value="2023">2023</option>
+                <option value="2024">2024</option>
+                <option value="2025">2025</option>
+                <option value="2026">2026</option>
+                <option value="2027">2027</option>
+            </select>
+        </div>
+
+        <div style="border: 1px solid black">
+            <label for="date-date">Select date</label>
+            <input type="radio" id="date-date" name="date-selector" value="date">
+
+            <label for="date-date-date">Date</label>
+            <input type="date" id="date-date-date" name="date-date-date">
+        </div>
+
+        <div style="border: 1px solid black">
+            <label for="date-date-range">Select date range</label>
+            <input type="radio" id="date-date-range" name="date-selector" value="date-range">
+
+            <label for="date-date-start-range">Start range</label>
+            <input type="date" id="date-date-start-range" name="date-date-start-range">
+
+            <label for="date-date-start-range-required">Required</label>
+            <input type="checkbox" id="date-date-start-range-required" name="date-date-start-range-required">
+
+            <label for="date-date-end-range">End range</label>
+            <input type="date" id="date-date-end-range" name="date-date-end-range">
+
+            <label for="date-date-end-range-required">Required</label>
+            <input type="checkbox" id="date-date-end-range-required" name="date-date-end-range-required">
+
+        </div>
+
+        <div style="border: 1px solid black">
+            <label for="date-all">All</label>
+            <input type="radio" id="date-all" name="date-selector" value="all">
+        </div>
+    </div>
+
+    <div>
+        <label>State holiday</label>
+        <br>
+
+        <label for="state-holiday-true">True</label>
+        <input type="radio" value="true" id="state-holiday-true" name="stateHoliday">
+
+        <label for="state-holiday-false">False</label>
+        <input type="radio" value="false" id="state-holiday-false" name="stateHoliday">
+
+        <label for="state-holiday-any">Any</label>
+        <input type="radio" value="" id="state-holiday-any" name="stateHoliday">
+    </div>
+
+    <div>
+        <label>Religious holiday</label>
+        <br>
+
+        <label for="religious-holiday-true">True</label>
+        <input type="radio" value="true" id="religious-holiday-true" name="religiousHoliday">
+
+        <label for="religious-holiday-false">False</label>
+        <input type="radio" value="false" id="religious-holiday-false" name="religiousHoliday">
+
+        <label for="religious-holiday-any">Any</label>
+        <input type="radio" value="" id="religious-holiday-any" name="religiousHoliday">
+    </div>
 </form>
 </body>
 </html>
\ No newline at end of file