pick number of days using the slider

index.html

···
       </p>
 
       <p>
-        Time range: <input type="range" min="1" max="90" value="30"> 30 days
+        Time range: <input type="range" min="1" max="60" value="14"> <label>14 days</label>
       </p>
 
       <p>

skythread.js

···
     scanPostingStats();
   });
 
+  $(postingStatsPage.querySelector('input[type="range"]')).addEventListener('input', (e) => {
+    let range = $(e.target, HTMLInputElement);
+    configurePostingStats({ days: range.value });
+  });
+
   window.appView = new BlueskyAPI('api.bsky.app', false);
   window.blueAPI = new BlueskyAPI('blue.mackuba.eu', false);
   window.accountAPI = new BlueskyAPI(undefined, true);
···
   $id('posting_stats_page').style.display = 'block';
 }
 
-function scanPostingStats() {
-  let days = 7;
+function configurePostingStats(args) {
+  if (args.days) {
+    let label = $(postingStatsPage.querySelector('input[type=range] + label'));
+    label.innerText = (args.days == 1) ? '1 day' : `${args.days} days`;
+  }
+}
 
+function scanPostingStats() {
   let submit = $(postingStatsPage.querySelector('input[type=submit]'), HTMLInputElement);
   submit.disabled = true;
+
+  let range = $(postingStatsPage.querySelector('input[type=range]'), HTMLInputElement);
+  let days = parseInt(range.value, 10);
 
   let output = $(postingStatsPage.querySelector('input[type=submit] + output'));
   output.innerText = '';

style.css

···
   display: none;
 }
 
+#posting_stats_page input[type="range"] {
+  width: 250px;
+  vertical-align: middle;
+}
+
 #posting_stats_page .scan-result {
   border: 1px solid #333;
   border-collapse: collapse;