Issue Summary

On the CodeSandbox of https://atlassian.design/components/datetime-picker/date-picker/examples#date-formats, inserting the locale into the code doesn't reflect the value:

dateFormat="DD-MMM-YYYY"
placeholder="2021-06-10"
locale="es-ES" 

The locale is provided and the calendar reflects it, however once you select a value it’s not localised. It will still be in English.

Steps to Reproduce

1. Access the CodeSandbox of the https://atlassian.design/components/datetime-picker/date-picker/examples#date-formats.
2. Insert the locale.
3. The value on the calendar does update, however after selecting a value on the calendar, it still shows in English.

Expected Results

Translated the DatePicker.

Actual Results

Value is still in English.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available