Easy to use and beautiful calendar strip component for Flutter.




Install
dependencies:
...
calendar_strip: ^1.0.6
Usage Example
Container( child: CalendarStrip( startDate: startDate, endDate: endDate, onDateSelected: onSelect, dateTileBuilder: dateTileBuilder, iconColor: Colors.black87, monthNameWidget: _monthNameWidget, markedDates: markedDates, containerDecoration: BoxDecoration(color: Colors.black12), ))
DateBuilder Widget Method Usage
MonthName Widget Method Usage
Full Example
Widget Properties
Initial data and onDateSelected handler
Prop | Description | Type | Default |
---|---|---|---|
startDate | Date to be used for setting starting date in a date range. | DateTime | – |
endDate | Date to be used for setting ending date in a date range. | DateTime | – |
selectedDate | Date to be used for setting a date as pre-selected instead of current Date. | DateTime | – |
markedDates | List of DateTime s to be marked in UI. It is also passed as parementer in dateTileBuilder method, | List<DateTime> | – |
iconColor | Icon colors of both Left and Right Chevron Icons. | Color | Colors.black87 |
containerHeight | The Height of the calendar strip. | int | 90 |
containerDecoration | Box Decoration object styling the container for more custom styling. | BoxDecoration | – |
monthNameWidget | Function that returns a custom widget for rendering the name of the current month. | Function | – |
dateTileBuilder | Function that returns a custom widget for rendering the name of the current month | Function | – |
onDateSelected | Function that is called on selection of a date. (Required) | Function | Required |
addSwipeControl | Boolean that is used to turn on or off swipe control on the calendar strip | Boolean | – |