Fix #3559: Component: Calendar -> keepInvalid no longer works

[cerbugabriel]

Defect fix for #3559.

[melloware]

I actually think the line need to be this...

const value = props.keepInvalid ? null : rawValue;

if you try your with keepInvalid it works but if you remove keepInvalid its allowing invalid characters

[cerbugabriel]

The difference between keepInvalid true and false should only be on onBlur.
You can input invalid characters with it true and false, but, when onBlur state value remains on keepInvalid = true, and on keepInvalid = false makes the state value null. (please test the old version too (8.7.1)

I'm trying to upgrade from 6.6 and it worked as i said, now is broken.

[cerbugabriel]

The description of keepInvalid from docs:

keepInvalid	boolean	false	Keep invalid value when input blur.

[melloware]

Just try your fix above with both keepInvalid={true} and keepInvalid={false} you will see your fix does NOT work. Then try mine you will see it does work.

[cerbugabriel]

I did a couple of digging and found out why it didn't update. updateInputField didn't work properly.

[cerbugabriel]

Change of:

formattedValue = isValidDate(value) ? formatDateTime(value) : '';

To

formattedValue = isValidDate(value) ? formatDateTime(value) : props.keepInvalid ? 'value' : ''

Is also a possibility

[melloware]

I don't think you can do this here because issingleSelection its a date but isRangeSelection and isMultipleSelection the value is not a DATE its an array of dates.

[cerbugabriel]

You are right

[cerbugabriel]

Move condition for keepInvalid inside isSingleSelection.
(should only work for isSingleSelection)

[cerbugabriel]

move props.keepInvalid to isSingleSelection

[melloware]

Nice job!