Topic: Date Picker + Input Mask
Can i have both Date Picker and Input Mask co exist? Here is your basic inline datepicker.
Select a dateI have added imput mask on the input field. Because of the mask, i am not allowed to type alpha numeric.
Issue scenario #1: 1. I pick a date from calendar 2. Focus Out (click else where) 3. Click back in the input field 4. Focus Out (like #2) 5. The Date input field get cleared out
Issue scenario #2: 0. Type in some date say (01/01/2024) 1. I pick a date from calendar (01/31/2024) 2. Focus Out (click else where) 3. Click back in the input field 4. Focus Out (like #2) 5. The Date input field gets reset to 01/01/2024 instead of staying as 01/31/2024.
Please let me know what am i missing. Thank you.
We do not support using this datepicker with input mask, but if you want to do it anyway you can do it like this: https://mdbootstrap.com/snippets/standard/kpienkowska/6150363
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.1.0
- Device: Laptop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No