code: function FormMaskedInput(props: Props): React.Node {
    const { valid, tick, invalid, cross, feedback } = props;
    const classes = cn(
      {
        "form-control": true,
        "is-valid": valid,
        "state-valid": tick,
        "is-invalid": invalid,
        "state-invalid": cross,
      },
      props.className
    );
  
    return (
      <React.Fragment>
        <MaskedInput className={classes} {...props} />
        {feedback &&
          (invalid || cross) && (
            <span className="invalid-feedback">{feedback}</span>
          )}
      </React.Fragment>
    );
  }
docs: A masked input field using react-text-mask