Too eager date formatting

Env: macOS / Chrome73.0.3683.86

When I try to change only year for some dates, formatting is “too eager”. Is there any way to disable such behaviour?

Demo:

Reproduction

For such date

2019-01-31

When I remove 9

This is the number that will be removed
   |
   |
   |
2019-01-31

I expect numbers below in the input

201-01-31

but I have

2010-12-1

I understand that probably some conversion/date formatting happen like below

201-01-31
2010-13-1 // is trying to format such date but there is no 13th month
2010-12-1 // so it ends up with 2010-12-1

Is there any way to disable that conversion?

[dcorb]

Thanks @ahahn95 Finally I didn’t apply the Cleave date formatter, only the generic “blocks” options. The way I render the field, using dayjs, makes the date correct. The update happens via onBlur using hook setState. For now is enough good for the customer, but I will try text-mask in the future, looks good

value={dayjs(startValue).format("DD.MM.YYYY")}
 options={{
                    delimiter: ".",
                    blocks: [2, 2, 4],
                    numericOnly: true
                  }}

[markduncanawp]

Same issue, resolved by using the custom options. The user can key in any values they want which is fine for us, we’re using another library to validate the date.

var cleave = new Cleave(‘.input-element’, { delimiter: ‘/’, blocks: [2, 2, 2], });

Anyway, Great piece of work cleave.js!