• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

In the following sample, specific dates are highlighted to notify the additional information of that date. Click the special date and the addition information about the date will be displayed when hovered.

DEMO
SOURCE

Special Dates sample demonstrates how to customize specific dates in the DatePicker by using renderDayCell event. This event gets triggered on each day cell element creation, that allows you to customize, or disable specific dates in the DatePicker. Here the Federal holidays in USA for the year of 2017 are highlighted with custom styles and classes.

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