How to use the payment.formatCardExpiry function in payment

import * as Payment from "payment";

const input = document.getElementById('input') as HTMLInputElement;

Payment.restrictNumeric(input);
Payment.formatCardNumber(input);
Payment.formatCardExpiry(input);
Payment.formatCardCVC(input);

const card = "1234 5678 9012 3456";

const cardType = Payment.fns.cardType(card);
Payment.fns.validateCardNumber(card);
Payment.fns.validateCardExpiry("1 / 20");
Payment.fns.validateCardExpiry("1", "20");
Payment.fns.validateCardCVC("123", cardType);

handleCardExpiryChange(e) {
    const cardExpiry = e.target.value;
    const cardExpiryLength = cardExpiry.split(' / ').join('').length;
    payment.formatCardExpiry(document.getElementById('card-expiry'));

    this.setFieldValid();
    if (cardExpiryLength >= 4) {
      if (payment.fns.validateCardExpiry(cardExpiry)) {
        document.getElementById('cvc').focus();
      } else {
        this.setFieldInvalid('Expiry date is invalid');
      }
    }

    const { cardExpiryInputProps } = this.props;
    if (cardExpiryInputProps.onChange) {
      cardExpiryInputProps.onChange(e);
    }
  }

componentDidMount() {
    Payment.formatCardNumber(this.refs.number);
    Payment.formatCardExpiry(this.refs.expiration);
  }

componentDidMount: function() {
		const el = this.refs.input.getDOMNode();
		switch ( this.props.formatter ) {
			case 'cardNumber':
				Payment.formatCardNumber( el );
				break;
			case 'cardExpiry':
				Payment.formatCardExpiry( el );
				break;
			case 'cardCVV':
			case 'cardCVC':
				Payment.formatCardCVC( el );
				break;
		}
	},

componentDidMount() {
    const { number, expiration, cvc, zip } = this.refs

    Payment.formatCardNumber(ReactDOM.findDOMNode(number).querySelector('input'))
    Payment.formatCardExpiry(ReactDOM.findDOMNode(expiration).querySelector('input'))
    Payment.formatCardCVC(ReactDOM.findDOMNode(cvc).querySelector('input'))

    if (zip) {
      Payment.restrictNumeric(ReactDOM.findDOMNode(zip).querySelector('input'))
    }
  }