Data input

Date picker

Themed single-date picker pairing a typed input with a popover calendar and locale-aware parsing.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjDatePickerComponent } from '@kouji-ui/components';

Loading editor

Selected: Thu May 21 2026

placeholder

week starts

read-only

disabled

<kj-date-picker
  kjPlaceholder="Pick a date"
  [kjFirstDayOfWeek]="0"
  [(kjValue)]="when"
/>