Erro flatpicker

[galegobr01]

Adicionei 2 DateTime-Picker e um botão, esse botão chama o Powergrid com alguns parametros. Quando clico no botão ele dá um erro do flatpicker

• OS: Windows / Php 8.1 / Laravel 9.18
• Chrome/ Edge

Seria alguma configuração por usar dois DateTimer-Picker?

[joaopalopes24]

Try showing some code

[galegobr01]

Blade que chama o componente livewire com o campos para a busca

Aqui o formulário do componente livewire acima

Aqui como fica ele renderizado

Antes de clicar em Relatório

Validação funcionando

Ao clicar em relatório informando as datas ai ocorre o erro

[PH7-Jack]

@galegobr01 Thanks for reporting.

I believe this bug is referent to the PowerGrid table component, and not to wireui select, the wireui select doesn't use the flatpickr. Try to use a static wire:key instead of using a random id, maybe the livewire is broken when the conditional element is showing because the wire:key is randomly

Question: The table component works when you're not using the wireui components on the same page?

Tip: You're using a blade/livewire component in your blade page, so you can pass the attributes using :user="$user", it will pass the $user variable without encoding it and giving it as a parameter. Use the {{ $variable }} only to render data, to give parameters to a blade/livewire component just prefix the parameter name with ":" (colon).

[galegobr01]

Opa Pedrão

Question: The table component works when you're not using the wireui components on the same page? Sim funcionam sim.

Fiz a alteração proposta e realmente o erro do flatpicker sumiu.

Selecionando a Data Inicial

Selecionando a Data Final

Selecionei a Data Final, mas o datetime-picker não fechou (Não sei se é esse realmente o comportamento dele).

Cliquei em relatorio, ai fechou o datetime-picker e abriu normal o PowerGrid

Caso eu tente mudar a Data Inicial ou Final o datetime-picker aparece da seguinte forma ( o primeiro que eu clicar)

O segundo já abre normalmente

Mas se eu mudar a data (Mudei de 31 para 30) ocorre o mesmo

Grato pela atenção e respostas.

[galegobr01]

Para desencargo da consciencia e tira teima rsrrsrsr, adicionei um wire:key nos dois datetime-picker e o problema aparentemente foi sanado, não apresentando o comportamento do comentário acima logo na segunda mudança, mas após algumas tentativas o problema do datetime-picker ocorreu novamente.

ao clicar pra o proximo mes ou anterior aparece assim

Ai se eu selecionar uma data nessa imagem acima monta o datetime-picker novamente

Novamente grato pela atenção

[PH7-Jack]

@galegobr01 Maybe if you wrap the power grid component into a div with wire:key it will work. I believe this problem will be solved with wire:key. If it still persists we can schedule a meet to look it

PS: the datepicker component doesn't uses the debounce in the wire:model, only the defer modifier is supported.

[joaopalopes24]

@galegobr01 Does the error persist?

[joaopalopes24]

Old issue, closing it now. Feel free to tag me to reopen.