Scheduler - All-Day and Spanning Events

#Usage

import { Scheduler } from '@primeui/vue-scheduler';

<Scheduler.Root :events="events" show-more-popover>
    <!-- Scheduler parts -->
</Scheduler.Root>

All-day and spanning behavior is driven by event data. Keep the Usage snippet on the event collection and overflow setting, then let each active view place the events in its own surface.

#Week Spans

Week view places all-day and spanning events above the timed grid. In editable schedules, drag an all-day bar across that row to move the whole span to another day. Timed events still drag inside the timed columns.

#Month

Month view shows how all-day and spanning events continue through day cells and overflow.

#Customization

Replace the all-day event surface without replacing the week grid. Scheduler still owns span splitting, row assignment, drag targets, continuation behavior, and keyboard targets.

#API

Important fields are event allDay, start, end, resourceId, resourceIds, color, and textColor, plus Scheduler.AllDayEvent and Scheduler.MonthEvent. Use editable with event-start-editable when users should drag all-day spans to another date.

#Related Docs

• Month View
• Week View