[EuiDatePickerRange] Error state relies on color alone

[myasonik]

Example:

It'd seem to make sense to add a bottom border to those inputs like we do for other form error states (well, they're actually <button> elements here but they look like inputs so I think the point holds) but then you'd also need to make sure the focus state overrides the invalid state like it does for other inputs. (Otherwise you end up in a situation with no focus state when it's also invalid.)

Other ideas also welcome!

Related issues

• (Accessibility) Kibana Infrastructure - "Date Picker" Control Issues kibana#41546

[cchaos]

An even better fix may be to actually adjust that arrow icon to become the alert icon. Since the error usually stems from the times being out of order.

[myasonik]

Oh yeah, that reminds me: on the same thread, potentially the calendar on the left could become an alert icon. Then the date picker could get the same treatment and it might look nice having those two match like that.

[cchaos]

The only worry I have about that is the association of where/how to fix the problem. Clicking the calendar replaced with alert icon button opens the quick select where all they can do is choose between some pre-fabbed options. Whereas, they most likely got into this error situation because they're manually updating the from vs to dates. So really we'd want to direct them to those to continue editing.

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[cchaos]

Still valid

[cchaos]

I did a quick investigation of this one and it actually just needs to be supported at the EuiDatePickerRange level. I'll tackle this once #5339 merges.