Data input

Date range presets

Themed listbox of date-range quick-selects that resolve to an inclusive start/end range.

Import

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

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

Selected: —

aria-label

disabled

<kj-date-range-presets
  kjLabel="Date range presets"
  [(kjValue)]="range"
/>