Add time range to search panel

src/views/renderutils.nim

@@ -83,3 +83,8 @@ proc genSelect*(pref, label, state: string; options: seq[string]): VNode =
           option(value=opt, selected=""): text opt
         else:
           option(value=opt): text opt
+
+proc genDate*(pref, state: string): VNode =
+  buildHtml(span):
+    verbatim &"<input name={pref} type=\"date\" value=\"{state}\"/>"
+    icon "calendar"

src/views/search.nim

@@ -76,6 +76,12 @@ proc renderSearchPanel*(query: Query): VNode =
               else: k in query.excludes
             genCheckbox(&"{f[0]}-{k}", v, state)
 
+      span(class="search-title"): text "Time range"
+      tdiv(class="date-range"):
+        genDate("since", query.since)
+        span(class="search-title"): text "-"
+        genDate("until", query.until)
+
 proc renderTweetSearch*(tweets: Result[Tweet]; prefs: Prefs; path: string): VNode =
   let query = tweets.query
   buildHtml(tdiv(class="timeline-container")):