Skip to main content

This is an internal development app.

To learn how to design and build digital services, visit the design system in the NHS digital service manual for guidance and examples.

Date input

These examples are used for automated tests and may not follow service manual best practice.

Date input default

Open this example in a new tab: Date input default

What is your date of birth?

For example, 31 3 1980

Date input day and month

Open this example in a new tab: Date input day and month

What is your birthday?

For example, 5 12

Date input month and year

Open this example in a new tab: Date input month and year

When did you start your job?

For example, 11 2023

Date input month and year with values

Open this example in a new tab: Date input month and year with values

When did you start your job?

For example, 11 2023

Date input with autocomplete values

Open this example in a new tab: Date input with autocomplete values

What is your date of birth?

For example, 31 3 1980

Date input with custom name prefix

Open this example in a new tab: Date input with custom name prefix

What is your date of birth?

For example, 31 3 1980

Date input with error on day input

Open this example in a new tab: Date input with error on day input

What is your date of birth?

For example, 31 3 1980
Error: Date of birth must include a day

Date input with error on month input

Open this example in a new tab: Date input with error on month input

What is your date of birth?

For example, 31 3 1980
Error: Date of birth must include a month

Date input with error on year input

Open this example in a new tab: Date input with error on year input

What is your date of birth?

For example, 31 3 1980
Error: Date of birth must include a year

Date input with errors and hint

Open this example in a new tab: Date input with errors and hint

What is your date of birth?

For example, 31 3 1980
Error: Enter your date of birth

Date input with errors only

Open this example in a new tab: Date input with errors only

What is your date of birth?

Error: Enter your date of birth

Date input with legend size S

Open this example in a new tab: Date input with legend size S

What is your date of birth?

For example, 31 3 1980

Date input with legend size M

Open this example in a new tab: Date input with legend size M

What is your date of birth?

For example, 31 3 1980

Date input with legend size L

Open this example in a new tab: Date input with legend size L

What is your date of birth?

For example, 31 3 1980

Date input with legend size XL

Open this example in a new tab: Date input with legend size XL

What is your date of birth?

For example, 31 3 1980

Date input without page heading

Open this example in a new tab: Date input without page heading

What is your date of birth?
For example, 31 3 1980

Date input with values

Open this example in a new tab: Date input with values

What is your date of birth?

For example, 31 3 1980