How to I display an Avatar in the start date of a date range?

hypeserver / react-date-range

A React component for choosing dates and date ranges.

MIT License

2.6k stars 679 forks source link

How to I display an Avatar in the start date of a date range? #459

Open WaqqarSuleman opened 3 years ago

WaqqarSuleman commented 3 years ago

Subject of the issue

Hi,

I have a requirement where I need to display an avatar or an icon along side the start date of a selected date range. I want to if it is achievable in react-date-range. Please let me know ASAP. Thanks

Environment

Package Version: 1.1.3 React version: 17.0,2 Node version: 14.16.0 Browser: Chrome

IkaroAlef commented 3 years ago

any update on this? I need to style start and endData colors (will be different from range) and change borderRadius

kamyar commented 3 years ago

you can use the recently added dayContentRenderer function to modify the content of the cell for any date. Please see the example in our demo page and make sure to update your library to be able to use it.