Range Calendar

Preview

About

There's no dedicated "RangeCalendar" widget — it's the range-selection mode of the KasyCalendar component (kasy_calendar.dart), enabled with selectionMode: KasyDateSelectionMode.range.

• selectionMode: single (default) or range — two taps set the start and end (Airbnb-style).
• range / onRangeChanged: the range value and callback (KasyDateRange with start/end, isComplete, hasStart).
• monthsToShow: 1-3 months side by side (handy for ranges on wide screens).
• minDate / maxDate: selection bounds.
• markedDates: days with an event indicator.
• showTime / time / onTimeChanged / timeZoneLabel / timeInvalid: optional time row below the grid.
• initialView: month (default) or year.
• topContent / bottomContent: slots for extra content (e.g. a Today/Week/Month toggle, range presets).
• showDragHandle: center handle for the mobile bottom-sheet mode.
• showCard / width: controls whether the calendar comes with its own frame/shadow or expands to fill its parent.

Last updated on 08/23/2026