@kit-ng-ui/time-picker

Input + scrolling column panel for picking a time. 24-hour, with optional seconds and configurable minute / second step.

Install

pnpm add @kit-ng-ui/time-picker

@use '@kit-ng-ui/popover/styles' as popover;
@use '@kit-ng-ui/time-picker/styles' as time-picker;

Usage

<kit-time-picker [(value)]="when" placeholder="HH:MM" />
<kit-time-picker [(value)]="when" [showSeconds]="false" [minuteStep]="5" />

Values are [h, m, s] tuples in 24-hour form. To bind into a <form>, the component implements ControlValueAccessor.

API

| Input | Type | Default | | ------------- | ----------------------------------- | ---------------- | | value | [number, number, number] (two-way) | [0, 0, 0] | | placeholder | string | 'Select time' | | disabled | boolean | false | | showSeconds | boolean | true | | minuteStep | number | 1 | | secondStep | number | 1 | | open | boolean (two-way) | false |

Range mode (from–to) is deferred to a later cut.