Multiple days selection

[takumade]

Multiple days selection

Users can programmatically selected more days at once

So here are the steps to do it

1. Create a MultipleMarkedDates instance:

MultipleMarkedDates multipleMarkedDates = new MultipleMarkedDates(markedDates: []);

2. Add marked dates to it

multipleMarkedDates.add(new MarkedDate(date: DateTime(2021, 7, 12), color: Colors.purple));
multipleMarkedDates.add(new MarkedDate(date: DateTime(2021, 7, 13), color: Colors.purple));
multipleMarkedDates.add(new MarkedDate(date: DateTime(2021, 7, 14), color: Colors.purple));
multipleMarkedDates.add(new MarkedDate(date: DateTime(2021, 7, 2), color: Colors.pink));
multipleMarkedDates.add(new MarkedDate(date: DateTime(2021, 7, 3), color: Colors.pink, textStyle: TextStyle(color: Colors.white)));
multipleMarkedDates.add(new MarkedDate(date: DateTime(2021, 7, 29), color: Colors.deepOrange));

3. Finally add it to CalendarCarousel using the multipleMarkedDates: prop

final _calendarCarouselNoHeader = CalendarCarousel<Event>(
      ...
      ...
      ...
      multipleMarkedDates: multipleMarkedDates,
     ...
     ...
     ...
    );

More Notes
So for a MarkedDate you can specify the following options/props

props	types	defaultValues	Description	Required
date	DateTime		Specify which date will be selected	True
color	Color		Specify the color of the day	True
textStyle	TextStyle		Specify the TextStyle of the day number	False

[hyochan]

Thanks for the awesome feature! 💯