Skip to main content

date

Pivot date that drives the calendar's visible range. The active view derives its window from this value - the day, the week containing it, the month containing it, and so on.

Usage​

date?: Date;

Default: new Date() (current date).

Example​

<script setup lang="ts">
import { Calendar } from "@svar-ui/vue-calendar";

const date = new Date(2025, 4, 12);
</script>

<template>
  <Calendar :events="events" :date="date" view="week" />
</template>
  • view — pick the active view that consumes this date.
  • navigate-to — programmatic equivalent (jump to a date and/or view).
  • navigate-time — step by one range or jump to today.
  • Navigation Bar — toolbar wiring around the visible date.