Expiry

MM/YY format. The month must be valid and the date must not be in the past.

← All examples·expiry

Preview

rawValue: -

value: -

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ expiry: string }>()
  const { expiry } = useViraMask({
    form,
    schema: { expiry: "expiry" },
  })
 
  const { rawValue, ...inputProps } = expiry
 
  return <input {...inputProps} placeholder="12/28" />
}

Details

Mask: 99/99
Preset: "expiry"
Built-in validator: 'expiry' Produces a form error when an invalid value is entered.
Invalid months or past dates are not accepted.

See useViraMask() for the hook API and custom mask for custom masks.