Category / Section
How to customize the current day color in the Flutter Calendar
1 min read
In the Flutter Event Calendar, you can highlight the current day by using the todayHighlightColor property of calendar.
import 'package:flutter/material.dart'; import 'package:syncfusion_flutter_calendar/calendar.dart'; void main() { return runApp(TodayHighLightColor()); } class TodayHighLightColor extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: Scaffold( body: SafeArea( child: SfCalendar( view: CalendarView.day, allowedViews: [ CalendarView.day, CalendarView.week, CalendarView.workWeek, CalendarView.timelineDay, CalendarView.timelineWeek, CalendarView.timelineWorkWeek, CalendarView.timelineMonth, CalendarView.schedule ], dataSource: _getCalendarDataSource(), todayHighlightColor: Colors.green, ), )), ); } _AppointmentDataSource _getCalendarDataSource() { List<Appointment> appointments = <Appointment>[]; appointments.add(Appointment( startTime: DateTime.now(), endTime:DateTime.now().add(Duration(hours: 1)), subject: 'Meeting', color: Colors.blue, )); appointments.add(Appointment( startTime: DateTime.now().add(Duration(hours: 2)), endTime: DateTime.now().add(Duration(hours: 3)), subject: 'Planning', color: Colors.green, )); return _AppointmentDataSource(appointments); } } class _AppointmentDataSource extends CalendarDataSource { _AppointmentDataSource(List<Appointment> source) { appointments = source; } }