DateRangeInput3 does not render input error messages correctly

[MartinTiangco]

Environment

• Package version(s): @blueprintjs/core 5.5.0, @blueprintjs/datetime2 2.2.0
• Operating System: macOS Sonoma 14.0.0
• Browser name and version: Google Chrome Version 118.0.5993.117 (Official Build) (x86_64)

Code Sandbox

https://codesandbox.io/s/elated-joana-nnskt5?file=/src/App.js

Steps to reproduce

Using the sandbox:

1. Type 01-Jan-2023, 00:00 into the Start date
2. Type 01-Jan-2022, 00:00 into the End Date

Actual behavior

The Overlapping Dates error message is not displayed in the End Date. Instead, the input is cleared as if no End date is entered.

Expected behavior

The Overlapping Dates error message is displayed in the End date.

https://github.com/palantir/blueprint/assets/50017873/9c06abe3-aab3-4e9c-a4c5-2a3815fa2dfb

For what it's worth, I observed that the space character between the date and the time closes the popover, which means it will ignore the input. If you type 01-Jan-2022 (without the time) then the Overlapping Dates message will correctly appear.

Note

Similar behavior occurs in the 'Invalid date' or 'Out of range' messages.

Type 'abcdef' into the End Date:

• Actual behavior: the current date is entered into the End date input. This is related to https://github.com/palantir/blueprint/issues/6412
• Expected behavior: 'Invalid date' message appears in the End date input.

Type '01-Jan-2100, 00:00' into the End Date:

• Actual behavior: same as the 'Overlapping Dates' actual behavior.
• Expected behavior: 'Out of range' message appears in the End date input.

[ajaysehwal]

can i work on this issue ??