Calendar - Overview

The DxCalendar component allows users to select dates and navigate through months and years.

Sun Mon Tue Wed Thu Fri Sat
43 27 28 29 30 31 1 2
44 3 4 5 6 7 8 9
45 10 11 12 13 14 15 16
46 17 18 19 20 21 22 23
47 24 25 26 27 28 29 30

Calendar - Multi Select

In this demo module, the DxCalendar component allows you to select several dates simultaneously. Click a date while you press Ctrl to add a date to the selection.

Sun Mon Tue Wed Thu Fri Sat
43 27 28 29 30 31 1 2
44 3 4 5 6 7 8 9
45 10 11 12 13 14 15 16
46 17 18 19 20 21 22 23
47 24 25 26 27 28 29 30

Calendar - Disabled Dates

In this demo module, a few DxCalendar dates are grayed out (disabled) and cannot be selected. The CustomDisabledDate event allows you to disable selection of specific dates based on custom logic.

Sun Mon Tue Wed Thu Fri Sat
43 27 28 29 30 31 1 2
44 3 4 5 6 7 8 9
45 10 11 12 13 14 15 16
46 17 18 19 20 21 22 23
47 24 25 26 27 28 29 30

Calendar - Day Cell Customization

Use the calendar’s DayCellTemplate property to customize day cells.

Sun Mon Tue Wed Thu Fri Sat
43 27 28 29 30 31 1 2
44 3 4 5 6 7 8 9
45 10 11 12 13 14 15 16
46 17 18 19 20 21 22 23
47 24 25 26 27 28 29 30