Added OnDateClicked to calendar. Triggers when date boxes clicked

.gitignore

@@ -5,6 +5,7 @@
 .packages
 .pub/
 build/
+.idea/
 # If you're building an application, you may want to check-in your pubspec.lock
 pubspec.lock
 

lib/heatmap_calendar.dart

@@ -42,6 +42,9 @@ class HeatMapCalendar extends StatefulWidget {
   /// Helps avoiding overspacing issues
   final double safetyMargin;
 
+  // Callback for when a user clicks on date box
+  final void Function(DateTime) OnDateClicked;
+
   const HeatMapCalendar(
       {Key key,
       @required this.input,
@@ -52,7 +55,8 @@ class HeatMapCalendar extends StatefulWidget {
       this.textOpacity: 0.2,
       this.labelTextColor: Colors.black,
       this.dayTextColor: Colors.black,
-      this.safetyMargin: 0})
+      this.safetyMargin: 0,
+      this.OnDateClicked})
       : super(key: key);
 
   @override
@@ -111,6 +115,7 @@ class HeatMapCalendarState extends State<HeatMapCalendar> {
                   dayTextColor: widget.dayTextColor,
                   columnsToCreate: getColumnsToCreate(constraints.maxWidth) - 1,
                   date: DateTime.now(),
+                  OnDateClicked: (date) => widget.OnDateClicked(date),
                 )
               ],
             ),

lib/heatmap_day.dart

@@ -10,6 +10,7 @@ class HeatMapDay extends StatelessWidget {
   final Duration animationDuration;
   final Color textColor;
   final FontWeight fontWeight;
+  final VoidCallback OnDateClicked;
 
   const HeatMapDay(
       {Key key,
@@ -21,7 +22,8 @@ class HeatMapDay extends StatelessWidget {
       this.opacity: 0.3,
       this.animationDuration: const Duration(milliseconds: 300),
       this.textColor: Colors.black,
-      this.fontWeight})
+      this.fontWeight,
+      this.OnDateClicked})
       : super(key: key);
 
   /// Loop for getting the right color based on [thresholds] values
@@ -43,18 +45,21 @@ class HeatMapDay extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      alignment: Alignment.center,
-      height: size,
-      width: size,
-      color: getColorFromThreshold(),
-      margin: EdgeInsets.all(2.0),
-      child: AnimatedOpacity(
-        opacity: opacity,
-        duration: animationDuration,
-        child: Text(
-          currentDay.toString(),
-          style: TextStyle(fontWeight: fontWeight, color: textColor),
+    return InkWell(
+      onTap: () => OnDateClicked(),
+      child: Container(
+        alignment: Alignment.center,
+        height: size,
+        width: size,
+        color: getColorFromThreshold(),
+        margin: EdgeInsets.all(2.0),
+        child: AnimatedOpacity(
+          opacity: opacity,
+          duration: animationDuration,
+          child: Text(
+            currentDay.toString(),
+            style: TextStyle(fontWeight: fontWeight, color: textColor),
+          ),
         ),
       ),
     );

lib/week_columns.dart

@@ -22,6 +22,8 @@ class WeekColumns extends StatelessWidget {
 
   final DateTime date;
 
+  final void Function(DateTime) OnDateClicked;
+
   const WeekColumns(
       {Key key,
       @required this.squareSize,
@@ -32,7 +34,8 @@ class WeekColumns extends StatelessWidget {
       @required this.monthLabels,
       @required this.dayTextColor,
       @required this.columnsToCreate,
-      @required this.date})
+      @required this.date,
+      this.OnDateClicked})
       : super(key: key);
 
   /// The main logic for generating a list of columns representing a week
@@ -80,6 +83,7 @@ class WeekColumns extends StatelessWidget {
           currentDay: currentDate.day,
           opacity: currentOpacity,
           textColor: dayTextColor,
+          OnDateClicked: () => OnDateClicked(currentDate),
         );
         columnItems.add(heatMapDay);