Date picker type input not clearable

[edwinvdpol]

Flux version

v2.14.1

Livewire version

v4.2.4

Tailwind version

v4.2.2

Browser and Operating System

Chrome on macOS

What is the problem?

When using the <flux:date-picker> with type="input", the field isn't clearable.

Code snippets to replicate the problem

<flux:date-picker wire:model.live="date_of_birth" label="Date of birth" type="input" max="today" :min="today()->subYears(80)->format('Y-m-d')" clearable />

Screenshots/ screen recordings of the problem

date-input-clearable.mov

How do you expect it to work?

The x icon is shown when I select a date and I am able to clear the selected date.

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.

[nfauchelle]

@edwinvdpol I think you just need to update
https://github.com/livewire/flux/releases/tag/v2.14.1

[edwinvdpol]

Nope, I am on 2.41.1. I updated my initial post. I think it is related to the type="input" part.

When I clear the values in the input manually, it also doesn't treat the input as empty. An invalid value doesn't seem to the clearable button also.

date-picker.mov

In the video below, it shows the example when deleting the input manually:

date-picker-remove.mov