Date picker

Date picker

Date pickers will use the text input component, setting the type as a "date", e.g. <input type="date"> with the placeholder text "DD/MM/YYYY". When a user clicks into the text input, the HTML 5 date picker will appear.

Appearance

The appearance of the date picker is decided by the browser.

Google Chrome:

Mozilla Firefox:

Microsoft Edge:

IE11 & Safari desktop: These browsers do not support this feature and will render a simple textbox with placeholder text