Using Datetime Picker with Carbon model about wireui HOT 16 CLOSED

I'll think of a solution to do this treatment in livewire middleware, convert the string into an instance of carbon
This will be very useful

from wireui.

There is another problem: I'm on Rome(UTC+2) timezone and if I pass "2021-06-16 19:50:00" to DateTime picker i see on the frontend

16/06/2021 17:50

with these params

display-format="DD/MM/YYYY HH:mm"
parse-format="YYYY-MM-DD hh:mm:ss"

and with or without without-timezone

from wireui.

Can you give more information? I tried here and I couldn't reproduce

Your laravel timezone config is Europe/Rome?

Can you show me your component data using alpinejs tools?

from wireui.

This problem there is also with select (not native) on a modal when you open the select

from wireui.

Modal fixed.
Leave open for Carbon

from wireui.

This is the error?
Cannot assign string to property App\Http\Livewire\Testing::$datetime of type ?Carbon\Carbon

from wireui.

Typed property App\Http\Livewire\Admin\Actions\CreateShopEntry::$dateTest must be an instance of Carbon\Carbon or null, string used

from wireui.

There is also another problem with dateTime component:
If you use a carbon date inside an eloquent for livewire model, you obtain an alpine error:
Livewire Entangle Error: Livewire property 'shopEntry.entered_at' cannot be found

But the value is setted on mount function like this:
$this->shopEntry->entered_at = now()->roundMinute(10);

I tried to format carbon with toIso8601String or others formats without success

from wireui.

You have a validation rule to binding directly to model property?

https://laravel-livewire.com/docs/2.x/properties#binding-models

from wireui.

You are right... there is not error with rule

from wireui.

Can you give more information? I tried here and I couldn't reproduce

Your laravel timezone config is Europe/Rome?

Can you show me your component data using alpinejs tools?

from wireui.

There is also another little ui problem with time picker..
If you have a modal with blur like

and open a datetime picker

it create a space at the bottom of the page

from wireui.

The modal bug has been fixed

from wireui.

There is another problem: I'm on Rome(UTC+2) timezone and if I pass "2021-06-16 19:50:00" to DateTime picker i see on the frontend

16/06/2021 17:50

with these params

display-format="DD/MM/YYYY HH:mm"
parse-format="YYYY-MM-DD hh:mm:ss"

and with or without without-timezone

If this still persists, create a new issue to this bug

from wireui.

@trippo
The livewire community helped me find a solution to this.

livewire/livewire#3370

public function updatingDate(&$date)
{
    $date = Carbon::parse($date);
}

from wireui.

Work like a charme

from wireui.