DateTimepicker Error date is not defined

[Jhamnerx]

Describe the bug

I get the following error when opening the modal containing the datetimepicker component

To Reproduce
Steps to reproduce the behavior:

2. Click on '....'
3. Scroll down to '....'
4. See error

Dependencies

• WireUI Version: v1.19.0
• Laravel Version: 10.48.4
• Alpine.js Version: include in livewire
• Livewire Version: v3.4.9
• Lang: en_US

[kennyelliott]

I'm having the same issue with the datetime picker.

[Jhamnerx]

The error only happens when in a modal that is opened from livewire

[django-wong]

Maybe a workaround here if you are using wire:model="show_my_modal" with the modal component.

Firstly, use the live modifier wire:model.live="show_my_modal"

Then wrap your content that contains the date picker with a @if statement like:

<x-wireui-modal.card wire:model.live="show_my_modal">
    @if($show_my_modal) 
        <<x-wireui-datetime-picker />
    @endif
</x-wireui-modal.card>

[Jhamnerx]

I am using wire:model.live.
I'm going to try with @if

[KevinEscobarV]

In fact, the error occurs when trying to update the date from the backend, does anyone have a solution to this?

[caiochami]

I have the same issue. It started to happen after upgrading Livewire to "v3.4.11" from "v3.4.4".