Stripe Elements: Is there a way to Split Up Card Number, Expiry, and CVC Fields?

I’m trying to figure out how to use the new Stripe Elements and split up the Card Number, Expiry, and CVC Fields as seen on Example #3 here: https://stripe.dev/elements-examples/

I see that there are filter hooks to change the styles: docs.gravityforms.com/gform_stripe_elements_style

As well as to add different CSS class names: docs.gravityforms .com/gform_stripe_elements_classes/

But I want the Card Number, Expiry, and CVC to be separate fields like a traditional credit card form. Stripe’s Example #3 has this. How do I do this with Gravity Forms?

cc-stripe

They use the code:
  var cardNumber = elements.create('cardNumber', {
    style: elementStyles,
    classes: elementClasses,
  });
  cardNumber.mount('#example3-card-number');

  var cardExpiry = elements.create('cardExpiry', {
    style: elementStyles,
    classes: elementClasses,
  });
  cardExpiry.mount('#example3-card-expiry');

  var cardCvc = elements.create('cardCvc', {
    style: elementStyles,
    classes: elementClasses,
  });
  cardCvc.mount('#example3-card-cvc');

Thanks!

Any help about the same question ?

© 2008 - 2019. Gravity Forms is a project by Rocketgenius Inc.