Add heat map to calendar

app/build.gradle

@@ -36,6 +36,7 @@ ext {
     sectionedRecyclerViewVersion = '1.2.0'
     lottieVersion = '2.7.0'
     shortcutBadgerVersion = '1.1.22@aar'
+    materialCalendarViewVersion = '2.0.1'
 }
 
 dependencies {
@@ -61,5 +62,6 @@ dependencies {
     implementation "io.github.luizgrp.sectionedrecyclerviewadapter:sectionedrecyclerviewadapter:${sectionedRecyclerViewVersion}"
     implementation "com.airbnb.android:lottie:$lottieVersion"
     implementation "me.leolin:ShortcutBadger:$shortcutBadgerVersion"
+    implementation "com.github.prolificinteractive:material-calendarview:${materialCalendarViewVersion}"
 }
 apply plugin: 'com.google.gms.google-services'

app/src/main/res/color/mcv_text_date_light.xml

+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:enterFadeDuration="@android:integer/config_shortAnimTime"
+    android:exitFadeDuration="@android:integer/config_shortAnimTime">
+
+    <item android:state_checked="true"
+        android:color="@color/secondaryTextColor" />
+
+    <item android:state_pressed="true"
+        android:color="@color/secondaryTextColor" />
+
+    <item android:state_enabled="false"
+        android:color="#BBBBBB" />
+
+    <item android:color="@color/secondaryTextColor" />
+</selector>

app/src/main/res/layout/fragment_calendar.xml

@@ -21,14 +21,19 @@
                     android:layout_width="match_parent"
                     android:layout_height="60dp"
                     android:background="@color/colorPrimary" />
-
-                <CalendarView
-
+                
+                <com.prolificinteractive.materialcalendarview.MaterialCalendarView
+                    xmlns:app="http://schemas.android.com/apk/res-auto"
                     android:id="@+id/simpleCalendarView"
-                    android:layout_width="fill_parent"
+                    android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:focusedMonthDateColor="#000000"
-                    android:unfocusedMonthDateColor="#FFFFFF" />
+                    app:mcv_showOtherDates="all"
+                    app:mcv_selectionColor="@color/colorPrimary"
+                    app:mcv_headerTextAppearance="@style/MatCalendarHeader"
+                    app:mcv_leftArrow="@color/primaryTextColor"
+                    app:mcv_rightArrow="@color/primaryTextColor"
+                    app:mcv_dateTextAppearance="@style/CalendarDateAppearance"
+                    android:padding="5dp" />
 
                 <View
                     android:layout_width="match_parent"

app/src/main/res/values/styles.xml

@@ -77,4 +77,14 @@
         <item name="android:windowEnterAnimation">@android:anim/fade_in</item>
         <item name="android:windowExitAnimation">@android:anim/fade_out</item>
     </style>
+
+    <style name="MatCalendarHeader" parent="TextAppearance.MaterialCalendarWidget.Header">
+        <item name="android:textColor">@color/primaryTextColor</item>
+        <item name="android:textStyle">normal</item>
+    </style>
+
+    <style name="CalendarDateAppearance" parent="TextAppearance.AppCompat.Medium">
+        <item name="android:textColor">@color/mcv_text_date_light</item>
+        <item name="android:textSize">14sp</item>
+    </style>
 </resources>