Repository navigation
Remove pattern="[0-9]*" from date inputs #259
Description
Currently the date inputs contain the pattern=[0-9]* attribute.
This was previously recommended in order to make mobile devices display the digit keyboard instead of the standard qwerty keyboard. However, inputmode="numeric" is now widely supported and a better way of achieving this.
pattern=[0-9]* causes a browser based validation message, which is not super accessible or well written. It can be turned off by adding the novalidate to the <form>, but people may forget to do this.
Given that pattern=[0-9]* is no longer included in the Date input in the NHS Design system, we should drop it from the React implementation too.
Activity
frankieroberto commentedon Nov 7, 2024
@mikemonteith fancy doing this? 😄
ozgurozbek commentedon Aug 22, 2025
Is this still an issue? I assume this is related to this 'pattern' using pattern = '[0-9]*'. Looks to be last updated when migrating to nhsuk-frontend v8 on Feb 29th.
frankieroberto commentedon Aug 22, 2025
@ozgurozbek Yep, still needs to be done.
colinrotherham commentedon Sep 9, 2025
This has been fixed in #267
Behaviour now matches the date input component in NHS.UK frontend