• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

In the following sample, specific dates are highlighted to notify the additional information of that date. Click the special date, and the tooltip information about the date will be displayed in the label below the Calendar.

DEMO
SOURCE

Selected Value:

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 and custom classes.

documentation section.