Skip to content

Fe 7725 date time numeric input behaviour fix - #8154

Open
ibutakova wants to merge 3 commits into
masterfrom
FE-7725-date-time-numeric-input-behaviour-fix
Open

Fe 7725 date time numeric input behaviour fix#8154
ibutakova wants to merge 3 commits into
masterfrom
FE-7725-date-time-numeric-input-behaviour-fix

Conversation

@ibutakova

Copy link
Copy Markdown
Contributor

Proposed behaviour

Numeral Date allows standard keyboard editing commands, including copy, paste, selection, and caret navigation.
All three date fields forward unrestricted raw text without length limits. Consumers remain responsible for parsing and accepting values such as localized month names.

Time exposes numeric inputMode, so supporting devices can display a numeric virtual keyboard.

Decimal exposes decimal inputMode, so supporting devices can display a numeric virtual keyboard with a locale-appropriate decimal separator. Consumers can override inputMode property.

The following HTML inputmode attributes provided:

  • Numeral Date Day and Year: numeric
  • Numeral Date Month: text
  • Time Hours and Minutes: numeric
  • Decimal: decimal by default, with consumer inputMode overrides supported

Numeral Date retains its advisory numeric-range validation. Non-numeric and incomplete raw values do not produce numeric-range errors. When raw Month or Year values prevent calendar-specific Day validation, only the universal 1–31 Day range is applied.

Current behaviour

Numeral Date prevents most keydown events, which blocks standard keyboard copy, paste, selection, and caret-navigation commands.
Date fields also enforce character-length limits and only support short numeric values.
Time and Decimal do not provide explicit virtual-keyboard hints.

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • All themes are supported if required
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Translations added or updated (including creating or amending translation keys table in storybook) if required
  • Typescript d.ts file added or updated if required
  • Related docs have been updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

This is a behavioral and accessibility change. No visual styling or layout changes are expected.

inputmode is a virtual-keyboard hint only. It does not restrict hardware keyboard, assistive-technology, or pasted input.

Testing instructions

DipperTheDan
DipperTheDan previously approved these changes Aug 28, 2026
edleeks87
edleeks87 previously approved these changes Sep 1, 2026
@ibutakova
ibutakova marked this pull request as ready for review September 1, 2026 09:43
@ibutakova
ibutakova requested review from a team as code owners September 1, 2026 09:43
@ibutakova
ibutakova dismissed stale reviews from edleeks87 and DipperTheDan via 8c305e6 September 3, 2026 13:53
@ibutakova
ibutakova force-pushed the FE-7725-date-time-numeric-input-behaviour-fix branch from 4c250b1 to 8c305e6 Compare September 3, 2026 13:53
edleeks87
edleeks87 previously approved these changes Sep 4, 2026
DipperTheDan
DipperTheDan previously approved these changes Sep 4, 2026
@Fenwick17

Copy link
Copy Markdown

Tested and passes

@ibutakova
ibutakova force-pushed the FE-7725-date-time-numeric-input-behaviour-fix branch from d1eb998 to 7eed12f Compare September 8, 2026 09:44
@divyajindel
divyajindel marked this pull request as draft September 8, 2026 12:28
@divyajindel
divyajindel marked this pull request as ready for review September 8, 2026 12:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

5 participants