Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Misaligned clear button on 1.6.0 #115

Open
Swapnull opened this issue Apr 17, 2023 · 2 comments
Open

Misaligned clear button on 1.6.0 #115

Swapnull opened this issue Apr 17, 2023 · 2 comments

Comments

@Swapnull
Copy link

There seems to be an issue with the "X" that clears the input on v1.6.0.

v1.5.1
image
v1.6.0
image

@Swapnull
Copy link
Author

I was able to work around this by adding relative to my containerClassName. It looks like between the two versions it was removed,
on 1.5.1 the output was class="relative w-full text-gray-700 daterange-container" (where daterange-container is something I added via containerClassName), on the 1.6.0 output it was just class="daterange-container"

@onesine
Copy link
Owner

onesine commented Apr 17, 2023

Hi @Swapnull 👋

Thanks for your feedback.

It has not been deleted. That's because of the way classes are handled now. When you use containerClassName or any other class there are two possibilities.

You can use a string. In this condition you re-style the element from scratch.

You can use a function like.

(defaultClassName) => `${defaultClassName} bg-blue-500`

This allows you to have the default classes if you still want to use them.

For more details you can see the issue #64

The documentation will need to be updated to add this clarification.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants