Example of Special Dates in React Calendar Component


In the following sample, specific dates are highlighted. In desktop mode highlighted information about the date will be displayed when hovered.

More Details...


Special Dates sample demonstrates, how to customize a specific dates in a calendar by using renderDayCell event. This event gets triggered on each day cell element creation that allows you to customize or disable the specific dates in calendar. Here 10, 15 and 25 date's are customized with custom styles by adding the e-customStyle class.

More information on the customization can be found in this documentation section.