[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Collapse]Scheduler (legacy)
   [Collapse]Getting Started
     Lesson 1 - Create an Application using the Template Gallery or Instant Layout Assistant (legacy)
     Lesson 2 - Provide Bar UI for a Scheduler (legacy)
     Lesson 3 - Provide Ribbon UI for a Scheduler (legacy)
     Lesson 4 - Use the DateNavigator Control (legacy)
     Lesson 5 - Bind a Scheduler to Entity Framework Data Source (legacy)
     Lesson 6 - Bind a Scheduler to MS SQL Server Database (legacy)
     Lesson 7 - Create a Custom Edit Appointment Form Using the MVVM Pattern (legacy)
     Lesson 8 - Create a Custom Appointment Recurrence Dialog Using the MVVM Pattern (legacy)
     Lesson 9 - Create a Custom Edit Appointment Form (legacy)
   [Expand]Visual Elements
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Lesson 4 - Use the DateNavigator Control (legacy)


You are viewing documentation for the legacy WPF Scheduler control. If you're starting a new project, we strongly recommend that you use a new control declared in the DevExpress.Xpf.Scheduling namespace. If you decide to upgrade an existing project in order to switch to the updated scheduler control, see the Migration Guidelines document.

This document describes how to add a DateNavigator control to an existing project. You can customize the behavior and appearance settings of the DateNavigator using its API.

Expanded Add the DateNavigator Control to an Existing Project

If the project already contains the SchedulerControl, drag the DateNavigator item from the DX.19.2.WPF: Common Controls toolbox tab.

Your XAML markup may look like the following snippet.

You can also add a date navigator by adding this XAML to your code without dragging the DateNavigator control to the window. However, in this case, you need to manually add references to the DevExpress.Data.v19.2 and DevExpress.Xpf.Core.v19.2 libraries.

Expanded Bind the Date Navigator to a Scheduler Control

Use the SchedulerDateNavigatorStyleSettings.SchedulerControl property to specify the SchedulerControl object to which the DateNavigator control is bound.

As a result, end-users can select a specific date, several non-adjacent dates (by holding the Ctrl key), a continuous range of dates, a single week, or multiple weeks within a scheduler by clicking and dragging within the date navigator. If the selected range is less than a week, or composed of non-adjacent dates, the scheduler displays it in the Day View. If the selected continuous range comprises a week or more, the scheduler switches to the Month (Multi-Week) View.

Expanded Specify Date Navigator Settings

The DateNavigator class provides a number of members allowing you to specify the behavior and appearance of the date navigator.

Is this topic helpful?​​​​​​​