Calendar
A calendar component for selecting and editing dates.
The calendar supports swipe gestures on mobile platforms, allowing users to navigate between pages by swiping left or right.
A FCalendarController
controls the date selection behavior, including single date, multiple dates, and date range selection.
FCalendar
and all FCalendarController
s return DateTime
s in UTC timezone, truncated to the nearest day.
Preview
Usage
FCalendar(...)
FCalendar(
controller: FCalendarController.date(
initialSelection: DateTime(2024, 9, 13),
selectable: (date) => allowedDates.contains(date),
),
dayBuilder: (context, data, child) => child!,
start: DateTime(2024),
end: DateTime(2030),
today: DateTime(2024, 7, 14),
initialType: FCalendarPickerType.yearMonth,
initialMonth: DateTime(2024, 9),
onMonthChange: (date) => print(date),
onPress: (date) => print(date),
onLongPress: (date) => print(date),
);
Examples
Single Date
Preview
Multiple Dates with Initial Selections
Preview
Unselectable Dates
Preview
Range Selection with Initial Range
Preview
Last updated on