Data input

Time picker

Themed time entry with HH MM SS spinbuttons, optional AM/PM, and `Date` or string output.

Import

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

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

Loading editor

value

12-hour

show seconds

disabled

invalid

<kj-time-picker
  [(kjValue)]="time"
  kjValueShape="string"
  kjAriaLabel="Time"
/>

// time = signal('09:30')