No verification if the typed input in DateInput is out of the minDate and maxDate range. - Githubissues

hypeserver / react-date-range

A React component for choosing dates and date ranges.

MIT License

2.57k stars 658 forks source link

No verification if the typed input in DateInput is out of the minDate and maxDate range. #538

Open YounesZADI opened 2 years ago

YounesZADI commented 2 years ago

Subject of the issue

No verification if the typed input in DateInput is out of the minDate and maxDate range.

[BUG] Bug Reproduce Steps

Set minDate to 05/01/2021 and maxDate to 15/01/2021
Set ranges to [{ startDate: 06/01/2021, endDate: 14/01/2021 }] for example
Set editableDateInputs to True
Type in the start date input Jan 01, 2021 and press Enter
Although the date is grey visually, it the range is set from 01/01/2021 (note it is out of the minDate, maxDate range)

[BUG] Expected behaviour

user can't set the start date or end date out of the minDate, maxDate range using the DateInput
user is notified of the mistake by putting the input red and displaying a specific message error on hover using tootltip

Environment

Package Version: 1.4.0 React version: 16.12.0 Node version: 14.18.1 Browser: Chrome 96.0.4664.55

YounesZADI commented 2 years ago

Expected behaviour would be like this : Screenshot 2021-12-08 at 11 13 02