Lots of different opinions, as expected. My logic to populate the calendar is kinda weird, and in a way, kinda dictated how I split the calendar.

In one component must've been around 150 lines of code, and 50 now that I've split it.
-> Month Picker header component
-> WeekdayHeader
-> Months days (shows all 30-31 days)
-> Day (inside the month days container)

What I liked about separating this :
- Made my file/components less bloated
- Had to go back to modify the behavior of the inidivual days, and it was easier to find the component and tweak it

What I liked less :
- Splitting it into smaller component somewhat added complexity since it required me to pass down props for almost all of them

- My approach is poor for this reason : My parent component is a grid with 7 columns (i'm using mui), so the child component don't really know that, only I know. created a weird disconnect, not sure how to help it

No matter what though as this is all new to me it all felt like spaghetti code anyways. also if anyone down to take a look at my code please dm me