Display format must align to the value inside the input field (when mouse is inside the input field)
Hello,
Can anyone help me with my issue:
For the Date Picker, I have option to fill out this field, either thru date picker or thru manual key in
For Date Picker, there is no issue since the selected date is automatically formatted to 'dd mmm yyyy'.
For Manual key-in, the user can input any other date format such as dd/mm/yyyy or dd-mm-yyyy, which I managed to handle and apply date format into 'dd mmm yyyy' however when you focus on the mouse inside the input field the value is still dd/mm/yyyy. I want to render the value (when the mouse is inside the field) into same as how it is displayed dd mmm yyyy.
Manual key-in

If the mouse is away the field, it renders to the correct format

But when you go back inside the field, it's still dd/mm/yyyy

Thank you in advance for the help.
