• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Special Dates in ASP.NET MVC Calendar Control

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

DEMO
SOURCE

Selected Value:

Special Dates sample demonstrates, how to customize specific dates in a calendar by using the 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 20 date's are customized with custom styles and custom classes.

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