diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
index 58f3876..71277ff 100644
--- a/src/main/resources/static/css/main.css
+++ b/src/main/resources/static/css/main.css
@@ -293,7 +293,7 @@ input:focus {
 }
 
 #historyFunction div input {
-    width: 75%;
+    width: 65%;
 }
 
 #historyFunction button {
diff --git a/src/main/resources/static/html/mock.html b/src/main/resources/static/html/mock.html
index 4c070b1..1c5d7de 100644
--- a/src/main/resources/static/html/mock.html
+++ b/src/main/resources/static/html/mock.html
@@ -94,11 +94,13 @@
                         <div id="historyFunction">
                             <div>
                                 <label for="historyFrom">From</label>
-                                <input type="datetime-local" name="dateFrom" id="historyFrom"/>
+                                <input type="date" name="dateFrom" id="historyFrom"/>
+                                <input type="time" name="timeFrom" id="historyTimeFrom"/>
                             </div>
                             <div>
                                 <label for="historyTo">To</label>
-                                <input type="datetime-local" name="dateTo" id="historyTo"/>
+                                <input type="date" name="dateTo" id="historyTo"/>
+                                <input type="time" name="dateTo" id="historyTimeTo"/>
                             </div>
                             <button id="btn-searchHistory">Search</button>
                         </div>
diff --git a/target/classes/static/css/main.css b/target/classes/static/css/main.css
index 58f3876..71277ff 100644
--- a/target/classes/static/css/main.css
+++ b/target/classes/static/css/main.css
@@ -293,7 +293,7 @@ input:focus {
 }
 
 #historyFunction div input {
-    width: 75%;
+    width: 65%;
 }
 
 #historyFunction button {
diff --git a/target/classes/static/html/mock.html b/target/classes/static/html/mock.html
index 4c070b1..1c5d7de 100644
--- a/target/classes/static/html/mock.html
+++ b/target/classes/static/html/mock.html
@@ -94,11 +94,13 @@
                         <div id="historyFunction">
                             <div>
                                 <label for="historyFrom">From</label>
-                                <input type="datetime-local" name="dateFrom" id="historyFrom"/>
+                                <input type="date" name="dateFrom" id="historyFrom"/>
+                                <input type="time" name="timeFrom" id="historyTimeFrom"/>
                             </div>
                             <div>
                                 <label for="historyTo">To</label>
-                                <input type="datetime-local" name="dateTo" id="historyTo"/>
+                                <input type="date" name="dateTo" id="historyTo"/>
+                                <input type="time" name="dateTo" id="historyTimeTo"/>
                             </div>
                             <button id="btn-searchHistory">Search</button>
                         </div>