how to drag/drop events from predefined events outside calendar?

[jordivela007]

I want to drag/drop events from a list and put in the calendar in specific day. How can i do this?

[rashaHm]

Hello, Did you find any solution ??

[jordivela007]

I find a solution.

in the blade you can do this:

<div>
<div id="calendar-container">
<div id="external-events" class="basis-20 box-border rounded-lg border-2 shadow-md cursor-pointer">
<div class="flex flex-row">
@if ($calendarevents->count() > 0)
@foreach ($calendarevents as $calendarevent)
<div class="basis-20 box-border rounded-lg border-2 shadow-md cursor-pointer" draggable="true"
ondragstart="onLivewireCalendarEventDragStart(event, 'C{{ $calendarevent->id }}')"
style="background-color:{{ $calendarevent->backgroundColor }};border-color:{{ $calendarevent->isBlocked ? '#000000' : $calendarevent->backgroundColor }};">
<p class="text-sm font-medium">
{{ $calendarevent->title }}
</p>
<p class="mt-2 text-xs>">
{{ $calendarevent->description }}
</p>
</div>
@endforeach
@else
<strong>You need to create a User Calendar/strong>
@endif
</div>
</div>
<div id="calendar" class="basis-20 box-border rounded-lg border-2 shadow-md cursor-pointer">
<livewire:event-grid-component week-starts-at="1" before-calendar-view="livewire.events.before" />
</div>
</div>
</div>

[jordivela007]