How to: date_format and decimals for V3?

[lucianobosco]

Does someone have an example for how to validate date_format and decimals in V3?
I'm not able to understand or even find a sample code in order to validate dates and decimals.
I think this will be very helpful for a lot of people since in most cases we have a date field in forms.
What was really simple in V2 now is a headache :'(

I've read that samples will be added, but I didn't find them yet: #2247 (comment)

Thanks in advance

[logaretm]

You can use date-fns to create your own date format rule:

import { parse, isValid } from 'date-fns';
import { extend } from 'vee-validate';

extend('date_format', (value, [format]) => {
  const parsed = parse(value, format, new Date());
  
  return isValid(parsed);
});

You can copy the source code for decimals from v2 and use it in v3

[lucianobosco]

I was wrong thinking that date-fns was the only way to do this. Since I already had moment imported in my app it was easier than expected by doing:

extend('date_format', (value, [format]) => {
    const date = moment(value, format, true)
    return date.isValid() ? true : 'The {_field_} field has an invalid format'
})

The only remaining question is how to use localization within rules. Right now I'm using localize('es', es) but locale can be changed by the user and my rule is hardcoding the message.
Thanks again!

[lucianobosco]

Replying myself, I figured out that I can extend the locale by doing:

localize('es', es)
localize({
    en: {
        messages: {
            date_format: 'The field {_field_} has an invalid format'
        }
    },
    es: {
        messages: {
            date_format: 'El campo {_field_} tiene un formato inválido'
        }
    }
})```