DatePicker

Inline calendar for one local civil date with locale-aware names and keyboard grid.

Playground

Change the inputs, watch the outputs and copy the usage code.

DatePicker

A real inline qzDatePicker. Change the civil date, bounds, locale, week start and direction.

Mon

Tue

Wed

Thu

Fri

Sat

Sun

Selected: February 15, 2024

Inputs

Displayed month

Selected day (0 clears)

Minimum day (0 none)

Maximum day (0 none)

Week starts

Locale

Disabled

RTL

Events

No events yet. Interact with the preview to see them here.

With Angular Forms

Loading demo…

DatePicker

Loading demo…

$ npm install @quartz-headless/core @quartz-headless/primitives

// exports
import { DatePickerDirective } from '@quartz-headless/primitives';

Prefer owning the source? Copy it with the CLI.