scrollable_clean_calendar

Description:

scrollable clean calendar

Scrollable Clean Calendar #
A clean calendar widget with vertical scroll, locale and range selection date.


Contributors #



Rodrigo Dobbin Fellows


Eduardo Natale


Fabio Fiuza


Filippo Pizzicola


Lucian Risso Correia



Installation #
Add
scrollable_clean_calendar: 1.5.0
copied to clipboard
to your pubspec.yaml and run
flutter pub get
copied to clipboard
in the project's main folder.
Parameters #
ScrollableCleanCalendar #



Parameter
Type
Default
Description




calendarController
CleanCalendarController
required
The controller of ScrollableCleanCalendar


locale
String
en
The language locale


scrollController
ScrollController
null
Scroll controller, if you use this controller the Parameter initialFocusDate and the Functions scrollToMonth and jumpToMonth won't work since this override the scrollable list controller. Do not use them together or you will receive a nullPointer Exception


showWeekdays
bool
true
If is to show or not the weekdays in calendar


layout
Layout
null
What layout (design) is going to be used. Important: layout is required if you don't use all the layout builders


spaceBetweenMonthAndCalendar
double
24
The space between month and calendar


spaceBetweenCalendars
double
24
The space between calendars


initialFocusDate
DateTime
null
Initial date that the calendar scroll should focus when open


scrollToMonth
Function({required DateTime date, double alignment = 0, required Duration duration, Curve curve = Curves.linear, List<double> opacityAnimationWeights = const [40, 20, 40]})
null
Animate the list over duration using the given curve such that the item at index ends up with its leading edge at the given alignment.


jumpToMonth
Function ({required DateTime date, double alignment = 0})
null
Immediately, without animation, reconfigure the list so that the item at index's leading edge is at the given alignment.


calendarCrossAxisSpacing
double
4
The horizontal space in the calendar dates


calendarMainAxisSpacing
double
4
The vertical space in the calendar dates


padding
EdgeInsetsGeometry
EdgeInsets.symmetric(horizontal: 16, vertical: 32)
The parent padding


monthTextStyle
TextStyle
Theme.of(context).textTheme.headline6
The label text style of month


monthTextAlign
TextAlign
TextAlign.left
The label text align of month


weekdayTextStyle
TextStyle
Theme.of(context).textTheme.bodyText1
The label text align of month


weekdayAspectRatio
double
1.0
The aspect ratio of weekday items


dayTextStyle
TextStyle
Theme.of(context).textTheme.bodyText1
The label text style of day


dayAspectRatio
double
1.0
The aspect ratio of day items


daySelectedBackgroundColor
Color
Theme.of(context).colorScheme.primary
The day selected background color


dayBackgroundColor
Color
Theme.of(context).colorScheme.surface
The day background color


daySelectedBackgroundColorBetween
Color
Theme.of(context).colorScheme.primary.withOpacity(.3)
The day selected background color that is between day selected edges


dayDisableBackgroundColor
Color
Theme.of(context).colorScheme.surface.withOpacity(.4)
The day disable background color


dayDisableColor
Color
Theme.of(context).colorScheme.onSurface.withOpacity(.5)
The day disable color


dayRadius
double
6
The radius of day items


monthBuilder
Widget Function(BuildContext context, String month)
null
A builder to make a customized month


weekdayBuilder
Widget Function(BuildContext context, String weekday)
null
A builder to make a customized weekday


dayBuilder
Widget Function(BuildContext context, DayValues values)
null
A builder to make a customized day of calendar



CleanCalendarController #



Parameter
Type
Default
Description




minDate
DateTime
required
Obrigatory: The mininimum date to show


maxDate
DateTime
required
Obrigatory: The maximum date to show


initialDateSelected
DateTime
null
An initial selected date


endDateSelected
DateTime
null
The end of selected range


weekdayStart
int
DateTime.monday
In what weekday position the calendar is going to start


onDayTapped
Function(DateTime date)
null
Function when a day is tapped


onRangeSelected
Function(DateTime minDate, DateTime? maxDate)
null
Function when a range is selected


onPreviousMinDateTapped
Function(DateTime date)
null
When a date before the min date is tapped


onAfterMaxDateTapped
Function(DateTime date)
null
When a date after max date is tapped


rangeMode
bool
true
If the range is enabled


readOnly
bool
false
If the Calendar Widget is on read-only mode



Layout.DEFAULT #

ScrollableCleanCalendar(
calendarController: calendarController,
layout: Layout.DEFAULT,
),
copied to clipboard
Layout.BEAUTY #

ScrollableCleanCalendar(
calendarController: calendarController,
layout: Layout.BEAUTY,
calendarCrossAxisSpacing: 0,
),
copied to clipboard