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

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

Total Rejected Total Retract Total Count USD Total Count KHR
{{totalRejects}} {{actualRetracts}} {{total1Currency}} {{total2Currency}}
{{/each}}
"
render
css="
.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.