Dojo NG is being built in the open, one section at a time — follow along on Heptapod.

API REFERENCE · DATA DISPLAY

<dj-calendar>

A form-associated month-grid date picker. value is an ISO date (yyyy-mm-dd). Localizes month and weekday names via Intl (set locale). Keyboard: arrows move by day/week, PageUp/PageDown change month, Enter/Space select. min/max (ISO) bound selection. Composes <dj-icon> for navigation.

Functional core; year-picker popup and range selection are deferred. Parts: header, grid, day.

Try it in the playground

@dojo-ng/calendar · v0.1.2

npm install @dojo-ng/calendar

import "@dojo-ng/calendar";

Properties

PropertyAttributeTypeDefault
value value string ""
name name reflected string None
min min string None
max max string None
locale locale string None
firstDayOfWeek first-day-of-week number 0

Events

change

CSS parts

Style these with dj-calendar::part(name).

headergridday

Methods

checkValidity(): boolean