feat: added the new icon indicator for "today"

New indicator to make it easier for the user to see which day is today, therefore, improve the user experience.

Author: Markel15

feature/calendar/src/main/java/com/markel/flowstate/feature/calendar/components/calendarview/CalendarMonthHeader.kt

@@ -92,7 +92,7 @@ fun CalendarMonthHeader(
             lineHeight = 36.sp
         )
 
-        // Today button
+        // Today button to center the selected day in the calendar to today
         IconButton(
             onClick = onTodayClick ,
         ) {

feature/calendar/src/main/java/com/markel/flowstate/feature/calendar/components/calendarview/DayCell.kt

@@ -11,8 +11,11 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
+import androidx.compose.material3.MaterialShapes
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
+import androidx.compose.material3.toShape
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -24,6 +27,7 @@ import androidx.compose.ui.unit.sp
 import com.kizitonwose.calendar.core.CalendarDay
 import com.kizitonwose.calendar.core.DayPosition
 
+@OptIn(ExperimentalMaterial3ExpressiveApi::class)
 @Composable
 fun DayCell(
     day: CalendarDay,
@@ -52,13 +56,13 @@ fun DayCell(
     ) {
         Box(modifier = Modifier
             .size(38.dp)
-            .clip(RoundedCornerShape(10.dp))
             .background(
                 color = when {
                     showSelection -> MaterialTheme.colorScheme.tertiary
                     isToday && isCurrentMonth -> MaterialTheme.colorScheme.surfaceVariant
                     else -> Color.Transparent
-                }
+                },
+                shape = MaterialShapes.Pill.toShape()
             )
             .clickable(onClick = onClick),
             contentAlignment = Alignment.Center

feature/calendar/src/main/java/com/markel/flowstate/feature/calendar/components/calendarview/WeekDayCell.kt

@@ -11,8 +11,11 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
+import androidx.compose.material3.MaterialShapes
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
+import androidx.compose.material3.toShape
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -23,6 +26,7 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.kizitonwose.calendar.core.WeekDay
 
+@OptIn(ExperimentalMaterial3ExpressiveApi::class)
 @Composable
 fun WeekDayCell(
     day: WeekDay,
@@ -40,13 +44,13 @@ fun WeekDayCell(
         Box(
             modifier = Modifier
                 .size(38.dp)
-                .clip(RoundedCornerShape(10.dp))
                 .background(
                     color = when {
                         isSelected -> MaterialTheme.colorScheme.tertiary
                         isToday -> MaterialTheme.colorScheme.surfaceVariant
                         else -> Color.Transparent
-                    }
+                    },
+                    shape = MaterialShapes.Pill.toShape()
                 )
                 .clickable(onClick = onClick)
         ) {

feature/calendar/src/main/java/com/markel/flowstate/feature/calendar/components/taskslist/DailyTasksSection.kt

@@ -1,17 +1,23 @@
 package com.markel.flowstate.feature.calendar.components.taskslist
 
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.LazyListState
+import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
+import androidx.compose.material3.MaterialShapes
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
+import androidx.compose.material3.toShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.remember
@@ -109,6 +115,7 @@ private fun WeekSection(
 
 // ── Day row ───────────────────────────────────────────────────────────────────
 
+@OptIn(ExperimentalMaterial3ExpressiveApi::class)
 @Composable
 private fun DayRow(
     day: DayBlock,
@@ -136,12 +143,28 @@ private fun DayRow(
                 color = if (isToday) MaterialTheme.colorScheme.primary
                 else MaterialTheme.colorScheme.onSurfaceVariant
             )
-            Text(
-                text = day.date.dayOfMonth.toString(),
-                style = MaterialTheme.typography.titleLarge.copy(fontWeight = FontWeight.Normal),
-                color = if (isToday) MaterialTheme.colorScheme.primary
-                else MaterialTheme.colorScheme.onSurface
-            )
+
+            Spacer(modifier = Modifier.height(4.dp))
+
+            Box(
+                modifier = Modifier
+                    .size(36.dp)
+                    .background(
+                        color = if (isToday) MaterialTheme.colorScheme.tertiary
+                                else androidx.compose.ui.graphics.Color.Transparent,
+                        shape = MaterialShapes.Pill.toShape()
+                    ),
+                contentAlignment = Alignment.Center
+            ) {
+                Text(
+                    text = day.date.dayOfMonth.toString(),
+                    style = MaterialTheme.typography.titleLarge.copy(
+                        fontWeight = FontWeight.Normal
+                    ),
+                    color = if (isToday) MaterialTheme.colorScheme.onPrimary
+                    else MaterialTheme.colorScheme.onSurface
+                )
+            }
         }
 
         // Right column: task cards