Make calendar bigger and dataSource colors as gradients

[ImInYourPie]

I would like to make the calendar bigger and pass gradients has the color of each element in dataSource.

All I have been able to do for now is set the style="custom" and modify each dayElement in customDayRenderer, setting the width and height ,for example, to 50px, overlaps the month labels over the days.

And I can't figure out how to have access to the elements in dataSoruce for each dayElement.

[rubenprodev]

I'd like dataSource colors as gradients too.

I've been able to set custom colors just adding { color: "#thecolor" } in the dataSource object but it's only prepared for background-color when we set style="background".

I looked up the code and I guess we could achieve that by changing parent.style.backgroundColor for parent.style.background and passing it as a string like linear-gradient(#color1, #color2) or whatever.

I've also tried to not use colors and adding { className: 'theclassname' } and then applying those classes in the customDataSourceRenderer to apply my custom styles from my css file but it renders before dataSource update...

It's a little weird because it works with style="border" but not prepared for backgrounds.

I'm still trying to find the right way to make it.