Add time range to search panel

src/sass/inputs.scss

@@ -12,7 +12,8 @@ button {
     float: right;
 }
 
-input[type="text"] {
+input[type="text"],
+input[type="date"] {
     @include input-colors;
     background-color: $bg_elements;
     padding: 1px 4px;
@@ -22,6 +23,38 @@ input[type="text"] {
     font-size: 14px;
 }
 
+input[type="date"]::-webkit-inner-spin-button {
+    opacity: 0;
+    margin: 0;
+    padding: 0;
+}
+
+input::-webkit-calendar-picker-indicator {
+    opacity: 0;
+}
+
+input::-webkit-datetime-edit-day-field:focus,
+input::-webkit-datetime-edit-month-field:focus,
+input::-webkit-datetime-edit-year-field:focus {
+    background-color: $accent;
+    color: $fg_color;
+    outline: none;
+}
+
+.date-range {
+    display: block;
+
+    .icon-container {
+        margin-left: -22px;
+        margin-right: 4px;
+        pointer-events: none;
+    }
+
+    .search-title {
+        margin: 0 2px;
+    }
+}
+
 .icon-button button {
     color: $accent;
     text-decoration: none;

src/sass/search.scss

@@ -40,7 +40,7 @@
         @include input-colors;
     }
 
-    @include create-toggle(search-panel, 140px);
+    @include create-toggle(search-panel, 190px);
 }
 
 .search-panel {
@@ -82,14 +82,14 @@
 }
 
 .profile-tabs {
-    @include search-resize(785px, 5, 185px);
-    @include search-resize(725px, 4, 185px);
-    @include search-resize(600px, 6, 140px);
-    @include search-resize(530px, 5, 185px);
-    @include search-resize(475px, 4, 185px);
-    @include search-resize(406px, 3, 250px);
+    @include search-resize(785px, 5, 240px);
+    @include search-resize(725px, 4, 240px);
+    @include search-resize(600px, 6, 190px);
+    @include search-resize(530px, 5, 240px);
+    @include search-resize(480px, 4, 240px);
+    @include search-resize(410px, 3, 305px);
 }
 
-@include search-resize(530px, 5, 185px);
-@include search-resize(475px, 4, 185px);
-@include search-resize(406px, 3, 250px);
+@include search-resize(530px, 5, 240px);
+@include search-resize(480px, 4, 240px);
+@include search-resize(410px, 3, 305px);