MaskedInput
A masked Input control with an optional drop button with the specified dropContent.
Name | Description | Default | |
---|---|---|---|
IMaskedInputOwnProps (7 properties) | |||
mask | An array or a function that defines how the user input is going to be masked MaskType | - | |
guide | When masked, a boolean that tells the component whether to be in guide or no guide mode boolean | true | |
pipe | When masked, a function that will give you the opportunity to modify the conformed value before it is displayed on the screen PipeType | - | |
placeholderChar | When masked, represents the fillable spot in the mask string | ||
keepCharPositions | For masked. When true, adding or deleting characters will not affect the positions of existing characters. When false, adding characters causes existing characters to advance. And deleting characters causes existing characters to move back boolean | - | |
showMask | When masked, displays the mask as a placeholder in place of the regular placeholder boolean | false | |
emptyValue | string to show when value is empty string | - | |
IDropInputOwnProps (14 properties) | |||
TextInputProps (19 properties) | |||
ClassAttributes (1 properties) | |||
Attributes (1 properties) | |||
InputHTMLAttributes (28 properties) | |||
HTMLAttributes (41 properties) | |||
AriaAttributes (48 properties) | |||
DOMAttributes (157 properties) |
package | imports | peer |
---|---|---|
react ^17.0.1 | ReactComponent | * |
react-dom ^17.0.1 | findDOMNode | * |
text-mask-addons ^3.7.2 | emailMaskcreateNumberMaskcreateAutoCorrectedDatePipe | |
text-mask-core ^5.0.1 | createTextMaskInputElement |
file | imports |
---|---|
"../DropInput" | |
"./utils" | transformMaskedValue |
"./minMaxNumberPipe" | createMinMaxInputPipemaskedNumberValue |
"./MaskedInputProps" | IMaskedInputProps |