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