Input masks on date controls

RE: Input masks on date controls

Dimitris Soulovaris — Thu, 12 May 2022 16:08:28 GMT

Yeah, it's a bit tricky as you have to cover some different scenarios but nothing complex here.

RE: Input masks on date controls

M.S.Smith — Thu, 12 May 2022 14:27:53 GMT

Dimitris,

This definitely sounds like a viable option. Thank you for sharing. To your point about entering days as ddmmyyyy vs mmddyyyy our app will have users in both the US as well as India so we'll need to look at localization as well. That might make validation on a txtField even more challenging.

Mike

RE: Input masks on date controls

Dimitris Soulovaris — Wed, 11 May 2022 23:39:19 GMT

Hi, I'm not sure whether is possible to do that when you have a dateField component. But, for sure you can do this with a textField.

Here is a plain example of a textField and a dateField above it. The user can write the date inside the textField in the format you asked "MMDDYYY" and the saved value will be converted to "MM/DD/YYYY" format. The dateField will show the date value correctly. Of course you don't need the dateField to be present. This is just for validating the value.

Just keep in mind that In the textField you have to include some validations regarding the format of the inserted date or use the helpTooltip or instructions configuration in the textField.

i.e if the user gives as a date 31122021 ("ddmmyyy") then a validation message should appear warning about the wrong format.