time range selection as dropdown

searx/templates/oscar/time-range.html

@@ -1,11 +1,14 @@
-<!-- Time range -->
+<select name="time_range">
-<div class="input-group">
+    <option id="time-range-anytime" value="" {{ "selected" if time_range=="" or not time_range  else ""}}>
-    <input type="radio" id="time-range-anytime" name="time_range" value="" {{ "checked" if time_range=="" or not time_range  else ""}}>
+        {{ _('Anytime') }}
-    <label for="time-range-anytime" class="input-group-addon">{{ _('Anytime') }}</label>
+    </option>
-    <input type="radio" id="time-range-day" name="time_range" value="day" {{ "checked" if time_range=="day" else ""}}>
+    <option id="time-range-day" value="day" {{ "selected" if time_range=="day" else ""}}>
-    <label for="time-range-day" class="input-group-addon">{{ _('Last day') }}</label>
+        {{ _('Last day') }}
-    <input type="radio" id="time-range-week" name="time_range" value="week" {{ "checked" if time_range=="week" else ""}}>
+    </option>
-    <label for="time-range-week" class="input-group-addon">{{ _('Last week') }}</label>
+    <option id="time-range-week" value="week" {{ "selected" if time_range=="week" else ""}}>
-    <input type="radio" id="time-range-month" name="time_range" value="month" {{ "checked" if time_range=="month" else ""}}>
+        {{ _('Last week') }}
-    <label for="time-range-month" class="input-group-addon">{{ _('Last month') }}</label>
+    </option>
-</div>
+    <option id="time-range-month" value="month" {{ "selected" if time_range=="month" else ""}}>
+        {{ _('Last month') }}
+    </option>
+</select>