Here is one old example which probably helps you to understand how to use it? <form version="1.1">
<label>Time Picker Control</label>
<init>
<set token="earliest">-24h</set>
<set token="...
See more...
Here is one old example which probably helps you to understand how to use it? <form version="1.1">
<label>Time Picker Control</label>
<init>
<set token="earliest">-24h</set>
<set token="latest">now</set>
</init>
<fieldset submitButton="false">
<input type="time" token="time_range">
<label></label>
<default>
<earliest>-24h@h</earliest>
<latest>now</latest>
</default>
<change>
<eval token="earliest">if(relative_time</eval>
</change>
</input>
</fieldset>
<row>
<panel>
<title>Simple timechart</title>
<chart>
<title>$ranges$</title>
<search>
<query>index=_audit
| timechart span=1h count
</query>
<earliest>$earliest$</earliest>
<latest>$latest$</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="charting.chart">line</option>
<option name="charting.drilldown">none</option>
</chart>
</panel>
<panel>
<title>Calculation panel that limits historical range</title>
<table>
<search>
<done>
<set token="earliest">$result.earliest$</set>
<set token="latest">$result.info_max_time$</set>
<set token="ranges">$result.ranges$</set>
</done>
<query>| makeresults
| addinfo
| eval min_time=now()-(30*86400)
| eval earliest=if(info_min_time < min_time, min_time, info_min_time)
| eval initial_range="Time Picker range: ".strftime(info_min_time, "%F %T")." to ".strftime(info_max_time, "%F %T")
| eval limited_range="Search range ".strftime(earliest, "%F %T")." to ".strftime(info_max_time, "%F %T")
| eval ranges=mvappend(initial_range, limited_range)
| table ranges earliest info_min_time info_max_time
</query>
<earliest>$time_range.earliest$</earliest>
<latest>$time_range.latest$</latest>
</search>
<option name="refresh.display">progressbar</option>
</table>
</panel>
</row>
</form> I cannot remember who has present it and when, probably here or Slack?