How to use timefilter element to filter time and affect to some element that integrate with itself?

Example i have 2 element
One element for report canvas base on date that i want to filter

| essql query= { string "SELECT * FROM "2023.12.*" " }
| markdown
{{#each rows}}

Total Rejected Total Retract Total Count USD Total Count KHR
{{totalRejects}} {{actualRetracts}} {{total1Currency}} {{total2Currency}}
.canvasRenderEl {
font-family: Arial, sans-serif;
display: flex;
flex-direction: row;
justify-content: space-between;

.canvasMarkdown h1 {
font-size: 24px !important;

.canvasMarkdown h2, .canvasMarkdown p {
color: #666666;
font-size: 14px;

.canvasMarkdown table {
width: 100%;
border-collapse: collapse;

.canvasMarkdown th, .canvasMarkdown td {
border: 1px solid #ddd;
font-size: 8px;
text-align: left;
color: #191970;

.canvasMarkdown th {
background-color: #f2f2f2;

.canvasMarkdown tr:nth-child(even) {
background-color: #f9f9f9;

and second element is timefiler

timefilterControl compact=true column=@timestamp
| render

how to select time filter and effect to one element base on time select please modify my code.

Thanks u in advance !!!

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.