Fix form fields ax-load issue on spa-mode

[akunbeben]

• Changes have been thoroughly tested to not break existing functionality.
• New functionality has been documented or existing documentation has been updated to reflect changes.
• Visual changes are explained in the PR description using a screenshot/recording of before and after.

As per #9151 fixes the table ax-load issue on spa mode, the same issue also happened in some form fields.
This PR will fix it.

Screen.Recording.2023-10-20.at.4.03.38.AM.mp4

[akunbeben]

DateTimePicker still has the issue with the displayText etc. I'm working on it

[zepfietje]

Thanks for working on this, @akunbeben!
Could you mark this PR as ready for review when you've implemented all pending changes?

[ArtMin96]

I have the same issue. Thanks @akunbeben

[akunbeben]

Thanks for working on this, @akunbeben! Could you mark this PR as ready for review when you've implemented all pending changes?

Yes, I will.
I'll continue to work on it later today

[ArtMin96]

Any news for this PR?

[akunbeben]

DateTimePicker still has the issue with the displayText etc. I'm working on it

Sorry for the delay. After a while, I finally recognized that the problem was when we async load the component, it is not really asynchronous because the livewire.js expects the props in the first place.

Simply "wire:ignore" along with ax-load="visible" solves the problem.

Manually tested.

[danharrin]

Please revert all unnecessary changes where you are moving large code blocks like this

New imports can be added at the top of the existing code blocks, they don't need to be split

[akunbeben]

Changing it, Sorry

[ArtMin96]

The problems of Date and Time pickers have not been fixed. Adding wire:ignore fixed the issue and it's not breaking the dynamic feature (tested locally).

@if (FilamentView::hasSpaMode())
    ax-load="visible"
    wire:ignore
@else
    ax-load
@endif

[danharrin]

wire:ignore would break dynamic min/max dates and disabled dates