Scheduler - Year View

Show mini-months with indicators, selected state, disabled state, and custom mini-month cells.

#Usage

import { Scheduler } from '@primeui/vue-scheduler';
<Scheduler.Root view="year">
    <Scheduler.Header />
    <Scheduler.Content>
        <Scheduler.Year>
            <Scheduler.MiniMonthHeader />
            <Scheduler.MiniMonthCell />
        </Scheduler.Year>
    </Scheduler.Content>
</Scheduler.Root>

Year view renders mini-months with optional category and event indicators. Customize the mini-month cell when planning needs disabled states, counts, or range cues beyond the default compact surface.

#Year Grid

Year view renders twelve mini-months with event indicators and selection state.

Loading Demo...

#Indicators

Compact indicators mark dates with events or categories.

Loading Demo...

#Range State

Selected, today, and range states remain visible at year-view scale.

Loading Demo...

#Customization

Customize mini-month cells with compact indicators. Year view supplies the generated months, disabled-date state, today markers, and keyboard targets.

Loading Demo...

#API

Year-focused props include view="year", events, categories, selectable, selectionMode, minDate, maxDate, and Scheduler.MiniMonthCell.