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): parstart/end; qualquer um pode sernullenquanto o usuário ainda está escolhendo.onRangeChanged: dispara duas vezes — primeiro só comstart(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 doKasyDatePicker— 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

