By default, the months are displayed using the short month format. This can be customised by providing the monthNames prop, with a list of 12 items in the desired format.
Years can be restricted to a range using the minYear and maxYear props.By default, the years are presented in descending order, this can be reversed by specifying the ascendingYears prop.
A message is typically used to communicate the status of a field, such as an error message. This will be announced on focus of the field and can be combined with a tone to illustrate its purpose.The supported tones are: "critical", "positive", "caution", and "neutral".
Additional context can be provided with a description. This will display below the field label and also be announced by a screen reader when the field is focused.
The field prompts may be customised by providing a monthLabel and/or yearLabel and will be displayed to a user when no value is selected. The placeholder text is also used as the aria-label for each field within the fieldset.
In some cases it may be necessary for a field to be labelled by another element or even not to have a visual label. Instead of providing a label either aria-label or aria-labelledby can be provided.