Skip to content

Grid and TreeList Date Filter Input Renders with "undefined" Placeholder in the Grid Filter Menu #4670

@yanmariomenev

Description

@yanmariomenev

Description

Binding the placeholder input to falsy values yield undesired rendering of the stringified value on the underlying HTML Input element's placeholder attribute - e.g. placeholder="undefined/null...".

This causes accessibility issues:

Screen readers (e.g., NVDA) announce "undefined" as the field’s name or placeholder, confusing users.
Accessibility tools (e.g., WAVE) flag this as a failure.

Steps To Reproduce

https://stackblitz.com/edit/angular-hny3pr26?file=src%2Fapp%2Fapp.component.ts

Screenshots or video

Image

The problem also propagates to all other components that internally use the DateInput - date/datetime pickers, date filter menus in Grid and TreeList, etc.

Expected Behavior

The placeholder should never be set to "undefined/null". If no placeholder is provided, it should be omitted or use a localized example format (e.g., "dd.mm.yyyy").

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions