@kit-ng-ui/date-picker

Input + calendar popover for single-date selection. Built on <kit-calendar>.

Install

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

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

Usage

<kit-date-picker [(value)]="d" placeholder="Pick a date" />

<kit-date-picker [(value)]="d" [formatLabel]="fmt" />

fmt = (d: Date) => `${d.getDate()}/${d.getMonth() + 1}/${d.getFullYear()}`;

API

| Input | Type | Default | | -------------- | ----------------------------- | ---------------- | | value | Date \| null (two-way) | null | | placeholder | string | 'Select date' | | disabled | boolean | false | | formatLabel | ((d: Date) => string) \| null | null (YYYY-MM-DD) | | open | boolean (two-way) | false |

Range mode (from–to) and the week / month / quarter / year variants are deferred to a later cut.