Scheduler - Print

Prepare Scheduler views for printable handoffs.

#Usage

import { Scheduler } from '@primeui/vue-scheduler';
<Scheduler.Root :events="events" :date="date" :date-display="printDateDisplay">
    <!-- Scheduler parts -->
</Scheduler.Root>

Print setup is a root-level display concern. Control the rendered view, event set, focused date, page chrome, and printed date labels from the same Scheduler instance.

printDateDisplay uses the same date display object as the live Scheduler. Use it to make printed labels explicit without changing the controlled date.

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

const printDateDisplay: DateDisplayOptions = {
    weekdayFormat: 'short',
    monthFormat: 'long',
    dayFormat: 'numeric',
    showYear: 'always'
};

weekdayFormat supports narrow, short, and long; monthFormat supports numeric, 2-digit, short, and long; showYear supports always, different, and never.

Use one Scheduler instance to test print output across month, week, day, and agenda views. The print action can include color, fitted layout, page headers, generated-at metadata, filters, and page numbers.

Loading Demo...

#API

Useful inputs include view, events, maxEventsVisible, exposed print(), print layout, print color, print pageChrome, and the event outlets used in the printed view. Add p-scheduler-print-hidden or data-scheduler-print-hidden to app-owned controls that should stay out of the printed target.