clearable on <flux:date-picker /> not working anymore

[azizabbas]

Flux version

v2.6

Livewire version

v4.1.0

Tailwind version

v4

Browser and Operating System

chrome on MacOS

What is the problem?

clearable not showing clear icon on flux:date-picker anymore, not sure but something have broken it as it was working perfectly fine before recent updates.

Code snippets to replicate the problem

<flux:date-picker
    mode="range"
    presets="today yesterday thisWeek last7Days thisMonth yearToDate allTime"
	clearable
/>

Screenshots/ screen recordings of the problem

How do you expect it to work?

It should show clear icon when date range is selected

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.

[jeffchown]

@azizabbas I know work has been done on this recently, have you tried updating your Flux to 2.11.1, running php artisan view:clear then npm run build first to see if that fixes the problem?

If the issue still exists after that, have you published any Flux components?

[jeffchown]

@azizabbas Ignore my previous post, I just tried it with v2.11.1 and can confirm that clearable does not work. Per your original post, the clear icon does not appear when the input has a value set.

[azizabbas]

@jeffchown may its related to another opened issue

[jeffchown]

Maybe, @azizabbas - except that PR seems to only touch time-picker files, but something has indeed changed.

[ganyicz]

Hi @azizabbas,

thanks for reporting!

This seems to be affecting date pickers with presets specifically.

Since v2.11 the clearable button hides when date picker is disabled. It looks like something in presets is also activating the tailwind class that hides the button. I'll submit a fix for this on Monday, will be resolved in next release.