Data input

Calendar

Themed inline calendar grid with min/max bounds, disabled dates, and full APG keyboard support.

Import

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

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

Loading editor

locale

first day

disable weekends

disabled

<kj-calendar
  [(kjValue)]="selected"
  kjLocale="en-US"
  [kjFirstDayOfWeek]="0"
/>