installation

A calendar and date picker component for Qwik. Install it, import it, bind it to a signal: that's the whole setup.

install

qwik-date 2 is in beta and works with Qwik v2 (@qwik.dev/core).

$ pnpm add -D -E qwik-date@beta

Keep @beta. Until 2.0 is stable, a plain qwik-date resolves to 1.0.0, which is for Qwik v1.

noteOn Qwik v1? Install qwik-date@1 and read the 1.x docs.

usage

Import the Calendar and bind it to a signal.

src/routes/index.tsx
SuMoTuWeThFrSa

value → null

The value is a YYYY-MM-DD string, or null when no day is selected.

compatibility

Match the Qwik in your package.json.

qwik-dateqwikinstall
2.x betav2, @qwik.dev/coreqwik-date@beta
1.xv1, @builder.io/qwikqwik-date@1

2.x is ESM only, needs Node 20.19+ or 22.12+, and has zero runtime dependencies.

next

  • Calendar: the props, and examples with ranges, several days and two months.
  • Date Picker: the calendar in a popover, with a trigger of your own.
  • Headless: the same calendar in parts, styled by you.
next →Calendar