Guidelines for DatePickers (Windows Store apps using JavaScript and HTML)

Use the DatePicker to display dates on forms or when you need to use space efficiently.

This practice provides the following benefits:

• The default inline display of the DatePicker makes it well suited for these situations.

For more information, see Quickstart: Adding a DatePicker.

The DatePicker uses style classes on its outer container element and on the parts for the year, month, and day.

This practice provides the following benefits:

• You can modify those style rules, or provide more specific selectors and rules to provide custom styling or layouts.

For more information, see Quickstart: Adding a DatePicker.

The DatePicker can also be displayed vertically.

This practice provides the following benefits:

• This is useful when the width of the app is narrow, for example when it's docked.

For more information, see Quickstart: Adding a DatePicker.

Don't set the year range to more than 200 years. Instead, define a useful range of years by using the minYear and maxYear properties.

This ensures that your users don't have to scroll through hundreds of entries.

For more information, see Quickstart: Adding a DatePicker.

The DatePicker is not a calendar control. It does not support a pop-up grid style display.

Avoiding this practice ensures that your users do not expect a pop-up calendar.