I am using the sfcalendar package
with the > view: CalendarView.month,
But what about the wasted space between the date and the Appointments? (marked red)
here is the code
child: SfCalendar(
appointmentBuilder: appointmentBuilder,
controller: _controller,
onSelectionChanged: selectionChanged,
view: CalendarView.month,
initialSelectedDate: DateTime.now(),
dataSource: dataSource,
onTap: calendarTapped,
cellBorderColor: Colors.white,
backgroundColor: Colors.white,
onViewChanged: viewChanged,
todayTextStyle: const TextStyle(
color: Colors.green,
fontWeight: FontWeight.w900,
),
todayHighlightColor: Colors.transparent,
firstDayOfWeek: 1,
headerHeight: 0,
viewHeaderHeight: 15,
selectionDecoration: BoxDecoration(
border: Border.all(color: Colors.grey.shade800),
borderRadius: const BorderRadius.all(Radius.circular(5)),
shape: BoxShape.rectangle,
),
monthViewSettings: MonthViewSettings(
dayFormat: 'E',
numberOfWeeksInView: 6,
appointmentDisplayCount: 3,
appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,
monthCellStyle: MonthCellStyle(
trailingDatesTextStyle:
TextStyle(fontSize: 15, color: Colors.grey.shade300),
leadingDatesTextStyle:
TextStyle(fontSize: 15, color: Colors.grey.shade300),
)),
),
Does anyone have a solution for this?
Also, if anyone knows by any chance, I have more than 3 appointments on that day. I'd prefer to show '...' in the calendar cell to highlight "there are more appointments"