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​

import { Calendar } from "@svar-ui/react-calendar";

const date = new Date(2025, 4, 12);

<Calendar events={events} date={date} view="week" />
  • 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.