"<p>In this video we are going to work on a new task in our Flutter To Do Application.<br /> The task is :  Customize our Calendar Widget</p> <pre> <code> markerBuilder: (context, datetime, events) { return model.countTasksByDate(datetime) >0 ?Container( width: 20, height: 15, decoration: BoxDecoration( color: globals.primaries[model.countTasksByDate(datetime)], borderRadius: BorderRadius.circular(4.0) ), child: Center( child: Text(model.countTasksByDate(datetime).toString(), style: TextStyle(color: Colors.white)), ), ): Container(); },</code></pre> <p><br /> To customize the UI with your own widgets, use <a href="https://pub.dev/documentation/table_calendar/latest/table_calendar/CalendarBuilders-class.html">CalendarBuilders</a>. Each builder can be used to selectively override the UI, allowing you to implement highly specific designs with minimal hassle.</p> <p>You can return <code>null</code> from any builder to use the default style.</p> <pre> <code> selectedBuilder: (context, _datetime, focusedDay) { return Container( decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.circular(4.0) ), margin: EdgeInsets.symmetric( vertical: 4.0, horizontal: 10.0), child: Center( child: Text(_datetime.day.toString(), style: TextStyle(color: Colors.white),), ), ); }</code></pre>"