Forms

Calendar

A month grid to pick a day or a range, with full keyboard support. DatePicker is built on it.
import { Calendar } from "pleate/calendar";

Single day and range

Single day

MTWTFSS

Range, past days disabled

MTWTFSS

Props

mode

One day or from to.

"single" | "range"default "single"

value / onValueChange

Selection.

Date | null · { from, to }

min / max / isDisabled

Limits.

Date / Date / (date) => boolean

defaultMonth

Month shown first.

Date

locale / weekStartsOn

Localization.

string / 0 to 6

Accessibility

  • A grid: arrows move by day or week, Page Up/Down by month (Shift for years), Home/End, Enter or Space selects.
  • Every day has its full date as label; today is aria-current="date".