How to Render Clickable Bubbles for Comments Using getScaleRender in TimeArea?

[rahulbudhrani-pixlepro]

Hi team,

I'm using the timeline component and would like to render small clickable bubbles (or markers) on the seconds row to indicate when a comment exists at a specific timestamp. Ideally, these bubbles should be interactive so that users can click them to view the comment.

I've explored the available props and noticed getScaleRender and getActionRender, but I'm unsure if they can be used for this purpose. Is there a built-in way to achieve this? Or would I need to extend the component manually?

Expected Behavior
Render small clickable bubbles at specific timestamps where comments exist.
Bubbles should appear in the seconds row and align with the timeline scale.
Clicking a bubble should trigger a callback to display the related comment.
Questions
Is there a prop or method to render custom elements on the timeline scale?
If not, is there an event where I can inject custom UI elements dynamically?
Would modifying the source be the best approach, and if so, where should I start?
Any guidance or code examples would be greatly appreciated. Thanks in advance! 😊