Can't make tooltip of dcc.RangeSlider() show marks for date slider?

Hello,

I am using the dcc.RangeSlider() to make a slider to select which dates to display in the chart.

Since the RangeSlider() only accepts numbers as inputs, and needed to convert the dates to UNIX timestamps.

I want the slider to be set up with no marks, but with the tooltip to hover display the text date, not the UNIX ts.

Using the marks attribute I can make the date show correctly in the UI, but I want to have no marks and only the tooltip.

With the marks, it looks like this

But when I just turn the tooltips on it doesn’t display the text version of the date text in the tooltip.

When the marks and tooltips are turned on it still only displays the UNIX ts in the tooltip.

Is it possible to use a text alias for what to display in the tooltip? The only attributes I can see that could be set up in the documentation are always_visible and placement. I want it to show dates, not the UNIX timestamp. Also is it possible to style the tooltip differently? The grey color doesn’t align with the rest of the colors on the page.

If not it would be great if this can be on the product roadmap. I really want this feature so open to creating my own PR too if you can point me in the right direction : )

Below are my current lib versions

dash==1.13.4
dash-bootstrap-components==0.9.2
dash-core-components==1.10.1
dash-html-components==1.0.3
dash-renderer==1.5.1
dash-table==4.8.1

Let me know thanks a ton for the help.

Cheers, Alex

[dm1681]

Not sure how active this, but I too would appreciate that feature to be implemented. I’m using dcc.RangeSlider as a way of filtering a data set between start and end dates, and I like the aesthetic of the RangeSlider more the DatePickerRange. Is this feature on the table to be implemented at all?

[kenneth-liao]

This is absolutely needed! Like the other comments mentioned, it’s essential for the user experience when working with dates.