| Table of Contents |
|---|
...
Clicking on the calendar Icon Button will open the calendar drop-down.
The calendar drop-down will be closed either:
when a date is selected, or
by clicking outside the calendar drop-down.
Clicking the left and right arrows on the calendar moves backwards and forwards between the months.
Validation and Errors
Please refer to Field Validation page for more information.
A date field with a warning will have an orange border and a warning icon, as displayed below:
 |
A date field with an error will have a red border and an error icon, as displayed below:
 |
Transitions
A slide down transition is used when the menu opens.
A swipe transition is used when pressing the left and right arrows to navigate between the months.
Best practices
Provide a help text which shows the required date format. This will help to prevent input errors.
When it’s important to go back to the current day, consider adding a Today button.
...