Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 1x 1x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x | import { FC } from 'react'
import { PatternFormat } from 'react-number-format'
import { InputProps } from '@/shared/ui'
import { Input } from '@tmk/ui-kit'
export interface MaskInputProps extends Omit<InputProps, 'value'> {
format: string
value: string
}
export const MaskInput: FC<MaskInputProps> = ({ name, label, format, ...rest }) => {
return (
<PatternFormat
{...rest}
id={name}
name={name}
customInput={Input}
value={rest.value}
format={format}
placeholder={rest.placeholder}
label={label}
type='text'
/>
)
}
|