[Bug]: DateRangePicker range dropdown missing hover styles

[adamhenson]

Disclaimer: This isn't necessarily a bug, but perhaps an opportunity for documentation. See solution at bottom.

Tremor Version

3.3.2

Link to minimal reproduction

NA

Steps to reproduce

1. Import DateRangePicker per docs.

What is expected?

The range dropdown list should have hover styles, mirroring the Storybook example. Note the existence of styles in the screenshot starting with ui-active:...

What is actually happening?

The range dropdown list does not have hover styles. Styles applied in the above screenshot with ui-active:... are not applied in actuality.

What browsers are you seeing the problem on?

All

Any additional comments?

Solution

I had to install a new dependency @headlessui/tailwindcss and add the below plugin to Tailwind CSS config.

plugins: [require('@headlessui/tailwindcss')],

I'm more reporting that this is an opportunity to add documentation to callout this dependency, unless I'm missing something.

[severinlandolt]

Thanks @adamhenson! Just at the right time, was about to release a Tremor CLI update. Will fix this soon!

[adamhenson]

🙇