DateRangePicker

Inline calendar for date ranges with partial selection and hover preview.

Playground

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

DateRangePicker

A real inline qzDateRangePicker. Start-only selection previews a range; blocked dates prevent crossing.

Mon

Tue

Wed

Thu

Fri

Sat

Sun

Range: start → end

Inputs

Displayed month

Start day (0 none)

End day (0 none)

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.

DateRangePicker

Loading demo…

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

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

Prefer owning the source? Copy it with the CLI.