DatePicker::make('date')->native(false) bug when using wire:loading wire:target

[dharen008]

Package

filament/filament

Package Version

3.2.130

Laravel Version

11.35.1

Livewire Version

3.5.17

PHP Version

8.2

Problem description

In my demo repository, I replicated the issue on the holiday resource.

The problem occurs with DatePicker::make('date')->native(false) when using wire:loading wire:target along with live().
Once wire:loading wire:target completes, the date picker calendar disappears.
Please refer to the Steps to Reproduce section to replicate the issue.

Expected behavior

1. The date picker calendar should function consistently regardless of the order of actions.
2. Whether the user clicks the date field first or inputs a value in the name field first, the calendar numbers should always display correctly after wire:loading completes.

Steps to reproduce

For context: I added a disabled state to the date field if the name field is empty.

Follow these scenarios:

Scenario 1: Working

1. Click the date field to display the calendar.
2. Input a value in the name field.
3. Wait for wire:loading to complete.
4. Observe that the date field works as expected.

Scenario 2: Not Working

1. Input a value in the name field first.
2. Wait for wire:loading to finish.
3. Click the date field to display the calendar.
4. Observe that the calendar numbers do not display.

Reproduction repository (issue will be closed if this is not valid)

https://github.com/dharen008/demo

Relevant log output

No response

Donate 💰 to fund this issue

• You can donate funding to this issue. We receive the money once the issue is completed & confirmed by you.
• 100% of the funding will be distributed between the Filament core team to run all aspects of the project.
• Thank you in advance for helping us make maintenance sustainable!

[egekibar]

same

[biimix]

same here

[bartvantuijn]

same

[dreftas]

I can confirm this too.

[nathanmay]

Also getting the same issue.

[davideprevosto]

Unfortunately I am getting the same issue. There aren't JavaScript errors on the console.

[valeriomonti]

Same for me

[maverik23]

Same using

DatePicker::make('date')->native(false),

[FortuneV13]

same issue

[nathanmay]

Downgrading to 3.2.129 fixes this for me.

[FortuneV13]

Downgrading to 3.2.129 fixes this for me.

I've just done the same

[danharrin]

I have spent hours trying to fix this, so I am reverting #15062. Livewire will stay locked until a solution is found. I do not have any more time to dedicate to this. Sorry.

[diegobas]

These aren't the best solution, but both of them work:

1. Option 1

   Change date-time-picker.blade.php, lines 192-201:

   <template
       x-init="setupDaysGrid()"
       x-for="day in daysInFocusedMonth"
       x-bind:key="day"
   >

2. Option 2

   Change date-time-picker.blade.php, lines 192-201:

   <template
       x-for="day in focusedDate.daysInMonth()"
       x-bind:key="day"
   >

[danharrin]

Thanks, while that does allow the dates to show in the grid I suspect there are other issues in play, also on other form components. We will need to work those out before unlocking.

[dharen008]

Thank you @danharrin for your effort. I’m confident you’ll solve this in the future; we just need to wait for additional resources.