cell_calendar 0.0.1 cell_calendar: ^0.0.1 copied to clipboard
Modern calendar widget with useful features.
cell_calendar #
[(https://img.shields.io/pub/v/cell_calendar.svg)](https://pub.dev/packages/cell_calendar)
Modern calendar widget with useful features. Inspired by the UI of Google calendar
Usage #
- Events
You can show the events in the calendar by inserting the list of CalendarEvent as events
CellCalendar(
events:[
CalendarEvent(eventName: "Event 1",eventDate: DateTime1),
CalendarEvent(eventName: "Event 2",eventDate: DateTime2),
]
);
If you need to customize the calendar more, the additional parameters like eventBackGroundColor
, eventTextColor
and eventID
are helpful.
- onPageChanged
The callback onPageChanged
is literally called when the current page is changed.
CellCalendar(
onPageChanged: (firstDate, lastDate){
print("This is the first date of the new page: $firstDate");
print("This is the last date of the new page: $lastDate");
}
);
In this sample code, firstDate
is the date in the very first cell of the new page, and its logic is same as lastDate
.
- onCellTapped
The callback onCellTapped
is called when user tapped a cell.
CellCalendar(
onCellTapped: (date){
print("$date is tapped !");
}
);
It is called with tapped DateTime, so you can get the events on the date if you want.
CellCalendar(
onCellTapped: (date){
print("$date is tapped !");
final eventsOnTheDate = sampleEvents().where((event) {
final eventDate = event.eventDate;
return eventDate.year == date.year &&
eventDate.month == date.month &&
eventDate.day == date.day;
}).toList();
}
);
If you have any requests, questions or problems, please feel free to create a new issue on github.