KasyKasy

Date Range Picker

Viewer ao vivo e documentação do componente Date Range Picker.

Sobre

Não existe um widget KasyDateRangePicker separado: "DateRangePicker" é o próprio KasyDatePicker (kasy_date_picker.dart) usado com selectionMode: KasyDateSelectionMode.range. Toda a lógica de intervalo (dois taps para início/fim) já vive no KasyDatePicker/KasyCalendar — este é só o modo de uso.

KasyDatePicker(
  label: 'Trip dates',
  placeholder: 'Select a range',
  selectionMode: KasyDateSelectionMode.range,
  range: _range,
  onRangeChanged: (KasyDateRange r) => setState(() => _range = r),
)
  • range (KasyDateRange): par start/end; qualquer um pode ser null enquanto o usuário ainda está escolhendo.
  • onRangeChanged: dispara duas vezes — primeiro só com start (após o primeiro tap), depois com os dois extremos (após o segundo tap, fechando o overlay).
  • minDate / maxDate, presentation, dateFormat/formatDate, locale, monthsToShow, variant: mesmas props do KasyDatePicker — veja a página do Date Picker.
  • No campo, o texto exibido mostra "início - fim" uma vez completo, ou "início - ..." enquanto o segundo extremo ainda não foi escolhido.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página