[question] prevent Invalid DateTime

[ghost]

Hello,

I'd like to prevent user from entering invalid time into input field within timepicker. I have set: enableKeyboardInput="true" so when I toggle timepicker I can type into the fields above clock. They are restricted to only accept numbers, but I can input more than two digits or a value out of valid interval and then the field value changes to 'Invalid DateTime' which I have to remove to start setting time again. So I'd like to prevent user from entering invalid value or if they do, change the field value back to time the clock's showing. Is there a way to accomplish this?
Thanks for any suggestions.

[darioespositoW3]

Hi!,
I have a same issue.
Does anyone know how to fix this?

Thanks for advance.

[ghost]

This is what I'm doing now:
var dialInputs = document.getElementsByClassName('timepicker-dial__control'); if((<HTMLInputElement>dialInputs[0]).value.includes("Invalid DateTime")) (<HTMLInputElement>dialInputs[0]).value = "";
Setting value to empty string "" if there is "Invalid DateTime". I'd like to set it to value the clock is pointing to.

[Agranom]

Hi. How did you manage to input more than 2 numbers ? Can you reproduce it on the demo page https://agranom.github.io/ngx-material-timepicker/ ?

[ghost]

Hi. How did you manage to input more than 2 numbers ? Can you reproduce it on the demo page https://agranom.github.io/ngx-material-timepicker/ ?

Hello.
On your demo page in the "Editable dial" example, when you expand timepicker, you can type unlimited number of digits into the input fields above the clock.

[Agranom]

Are you typing into input field or into clock dial ?

[ghost]

Those two input fields above clock.

[Agranom]

It's strange, because I cannot type invalid time. Could you make a screenshot pls?

[ghost]

[Agranom]

What the browser do you use?

[ghost]

Firefox, but I tried in explorer and edge and same behavior.

[Agranom]

Have you tried in chrome?

[ghost]

nope, I'll try

[ghost]

Ok, I tried in chrome its same in all browsers

[Agranom]

It's weird, cause I cannot reproduce it

[ghost]

Just tried it on phone, and there it works. Can't input three digits or invalid time.
Edit: I also noticed responsiveness (how the clock turns sideways to fit screen) only works with phone and not on desktop.

[Agranom]

I really don't know why it doesn't work for you on your PC

[kofizzz]

Hi,

I can confirm that the issue reported is correct. If you enable free text typing into the field and click somewhere else on the page to remove the focus the error message will appear overriding the freehand text.

Might be nicer to allow custom validators to be set.

Thanks

[Totati]

Hi, I can reproduce it in Windows 10, Chrome 79, Chromium Edge 79 too.

[Agranom]

The issue is resolved. Update to the latest version (v.5.4.0).

[mynameisx666]

@Agranom I installed 5.4.1 but this still exists