Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

DatePicker invalidText not visible

See original GitHub issue

Detailed description

Describe in detail the issue you’re having.

After updating carbon components to 10.26.0 the invalid text for a date picker is no longer visible.

Is this a feature request (new component, new icon), a bug, or a general issue?


Is this issue related to a specific component?


What did you expect to happen? What happened instead? What would you like to see changed?

I would expect the invalidText to be visible when the date picker is marked as invalid

What browser are you working in?


What version of the Carbon Design System are you using?

“carbon-components”: “10.26.0”, “carbon-components-angular”: “4.36.2”,

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Workaround is not to update carbon-components. Product is to be released end of February

Additional information

<div class="container">

  <ibm-date-picker [invalid]="true" invalidText="This is the invalid text" [(ngModel)]="date"></ibm-date-picker>

  {{date | json}}

results in: image

While it used to be (and also the expected behavior) image

This seems to work fine in carbon components react, tried that in a sandbox.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

cal-smithcommented, Jan 19, 2021

This is definitely a breaking change on Carbons side, issue here to track:

carbon-botcommented, Jan 20, 2021

🎉 This issue has been resolved in version 4.37.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Read more comments on GitHub >

github_iconTop Results From Across the Web

Android DatePicker Text not visible - Stack Overflow
Had same problem inside a DialogFragment with the default date picker. However I was opening the datepicke programmatically.
Read more >
DatePicker: Entered invalid date should not be reverted to the ...
Error message is displayed, but that is not enough. image. Expected behavior: Entered invalid text should remain unchanged.
Read more >
DateTimePicker class - date_time_picker library - Dart API
If the user enters invalid text, the error message returned from the validator function is displayed in dark red underneath the input] ...
Read more >
DatePicker - Carbon Components Svelte
By default, the "simple" date picker does not have a dropdown calendar. ... </script> <DatePicker> <DatePickerInput invalid invalidText="Invalid date" ...
Read more >
DatePicker.DateValidationError Event - Microsoft Learn
Occurs when Text is set to a value that cannot be interpreted as a date or when the date cannot be selected.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found