You can use the SelectMode property to set the mode. The following select modes are available:

  • Day
  • Week
  • Month

The select mode determines what date range will be selected when the user clicks a date:

  • start and end properties of the selection (TimeRangeSelected event) will be calculated accordingly
  • the selected period will be highlighted

Examples

SelectMode = Day

date-navigator-selectmode-day.png

SelectMode = Week

date-navigator-selectmode-week.png

SelectMode = Month

date-navigator-selectmode-month.png

JavaScript

On the client side, you need to use lower-case values:

dpn.selectMode = "day";