racoon-mask (OUTDATED)
racoon-mask-raw (OUTDATED)
racoon-mask-primeng
This is a library for masking, it is still on the initial states.
By now we support normal input and PrimeNG p-calendar
npm install racoon-mask --save
For the input usage:
InputMaskModule
<input rInputMask='A99-99-99'/>
9 means a Numeric value and A means a Alpha value, anything else is considered as a fixed string.
For the p-calendar usage:
PrimeNgCalendarMaskModule
<p-calendar rPCalendarMask></p-calendar>
It will take the date format and set the mask using it.
We still do not support the full length of the date format available, just the mostly used by now.
| Date Format Part | Supported |
|---|---|
| d | Partially |
| dd | Yes |
| o | No |
| oo | No |
| D | No |
| DD | No |
| m | Partially |
| mm | Yes |
| M | No |
| MM | No |
| y | Yes |
| yy | Yes |
| @ | No |
| ! | No |
| '...' | No |
| '' | No |
| anything else | Yes |
| Hour | Yes |
| Minutes | Yes |
| Seconds | Yes |
The Partially supported, only works with ONE digit
It's recommended to use showIcon=true and showOnFocus=false due to display problemas on mobile devices (issue open on primeng)
You can add a custom date format using customDateFormat, this format will set the format only for the input, letting you choose the visual dateFormat as you wish