Data input

Datetime picker

Themed date + time picker sharing one native Date value; calendar popover with a time field.

Import

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

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

Selected: 9/15/2026, 8:27:22 PM

placeholder

size

read-only

<kj-datetime-picker
  kjPlaceholder="Pick date & time"
  kjSize="md"
  [(kjValue)]="when"
/>