Чтобы получить даты событий при изменении в средстве выбора даты и времени с помощью Laravel Livewire, вы можете использовать директиву Livewire Wire:model и событие Wire:change. Вот несколько способов добиться этого:

Метод 1: использование компонента Livewire

1. Создайте компонент Livewire с помощью следующей команды:

   php artisan make:livewire EventDatePicker

2. Откройте вновь созданный файл EventDatePicker.php, расположенный в каталоге app/Http/Livewire.

3. Определите необходимые свойства и добавьте метод для обработки события изменения. Вот пример:

<?php
namespace App\Http\Livewire;
use Livewire\Component;
class EventDatePicker extends Component
{
    public $eventDate;
    public function updatedEventDate($value)
    {
        // Process the event date change here
        // You can access the selected date using $value
    }
    public function render()
    {
        return view('livewire.event-date-picker');
    }
}

4. Создайте соответствующий файл представления event-date-picker.blade.phpв каталоге resources/views/livewire. Вот пример:

<div>
    <input type="text" wire:model="eventDate" wire:change="updatedEventDate($event.target.value)">
</div>

5. Включите компонент Livewire в нужный блейд-файл. Например, если вы хотите включить его в welcome.blade.php, добавьте следующий код:

@extends('layouts.app')
@section('content')
    <livewire:event-date-picker />
@endsection

Метод 2: использование JavaScript и Livewire

1. Добавьте в свой проект библиотеку datetimepicker, например Flatpickr, datetimepicker или datepicker.

2. Включите в свой проект необходимые файлы JavaScript и CSS для библиотеки datetimepicker.

3. Создайте компонент Livewire, аналогичный методу 1, но без события wire:change. Вот пример:

<?php
namespace App\Http\Livewire;
use Livewire\Component;
class EventDatePicker extends Component
{
    public $eventDate;
    public function render()
    {
        return view('livewire.event-date-picker');
    }
}

4. Создайте соответствующий файл представления event-date-picker.blade.phpв каталоге resources/views/livewire. Вот пример:

<div>
    <input type="text" id="datepicker" wire:model="eventDate">
</div>
@push('scripts')
    <script>
        document.addEventListener('livewire:load', function () {
            flatpickr('#datepicker', {
                onChange: function (selectedDates) {
                    @this.set('eventDate', selectedDates[0]);
                },
            });
        });
    </script>
@endpush

5. Включите компонент Livewire в нужный блейд-файл, как показано в методе 1.

Эти методы позволяют фиксировать изменение даты события в Laravel Livewire с помощью компонента Livewire или JavaScript. Выберите метод, соответствующий требованиям вашего проекта.