- Use the control as a single entity.
- Set the default date to the current date unless a specific date is required for context (e.g. the date of the conference).
- The control is designed to resize relative to available screen width. Allow it to render in either wide or narrow as appropriate.
- When the control is engaged, the DatePicker renders as a flyout and has defined widths (300px -narrow and 440px – wide). Plan your UI implementation accordingly.
- The control renders date in a specific format. If allowing for manual entry of date, provide helper text in the appropriate format.