Date Range Picker

Inputs

Two-calendar date range picker with start/end selection and keyboard navigation.

Date Range Picker — select start and end dates

No range selected

Instalação via CLI

$ npx kikitocn add date-range-picker

Interno:

@/lib/utils

Exemplo de uso

Date Range PickerExample.tsx

import { DateRangePicker } from "@/components/ui/cn/date-range-picker/DateRangePicker";

export function DateRangePickerExample() {
  return (
    <DateRangePicker />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`value`	`DateRange`	`undefined`	Intervalo selecionado (controlled): { start: Date \| null, end: Date \| null }
`defaultValue`	`DateRange`	`undefined`	Intervalo inicial (uncontrolled)
`onChange`	`(range: DateRange) => void`	`undefined`	Callback quando o intervalo muda
`placeholder`	`string`	`undefined`	Texto placeholder
`disabled`	`boolean`	`false`	Desabilita o campo

Voltar para Inputs

Carregando…