Flatpickr DOM Diffing Issue with Livewire about laravel-form-components

[rawilk]

Try updating to version 5.0.4 as the 5.0.0 release had some bugs that needed to be worked out still. Make sure you're using the latest version of Alpine as well (3.2.1), otherwise some of the components won't work correctly.

I have some forms with date pickers in my own projects that need validation using Livewire, and I have no issues on my end.

If updating the package and Alpine doesn't help, I'd try updating Livewire to the latest version too.

[stephengalbraith]

I upgraded all the packages to their latest version. It was still causing the problem. I setup a new page with a new Livewire Component keeping it basic. Then stripped everything down to just the form.

I then removed the following from the attributes:

clearable
click-opens
:options="[
    'altInput' => 'true',
    'altFormat' => 'F j, Y',
    'dateFormat' => 'Y-m-d 23:59:59']"

The field then worked as expected so I added each back one by one (and each of the options one by one).

It fails again when using "altInput" as part of the Flatpickr options - I wonder if this is because Flatpickr updates the DOM with another input.

I don't necessarily have to have that option in my use case (just a nicer way of displaying things sometimes) - so I can remove it for now. I also tried swapping the single and double quotation marks.

Not sure what kind of energy would be involved trying to troubleshoot a solution for that one. So feel free to close this if it's too much, unless you know of the solution or a workaround.

[rawilk]

I'm not sure how exactly to troubleshoot that, but if I get a chance I will see if I can figure it out. You could also try using the optionsSlot slot to put the altInput option in, but I don't think it would make any difference in this case.

https://github.com/rawilk/laravel-form-components/blob/main/resources/views/components/inputs/date-picker.blade.php#L19

[rawilk]

Closing this issue due to inactivity. Feel free to re-open if needed.

[beneyraheem]

This issue still exists. No value returns from the wire:model nor name=

[levibaldelomar]

I got the same problem but ONLY in mobile devices.