how to validade birth date for child and adult?

[julio3266]

how do I define a min and max date for TextInput using type date? I'm trying using min and max, but is not validate ;x

[bluebill1049]

probably want to use validate function

[julio3266]

validate?

[julio3266]

do you have a example @bluebill1049 ?

[bluebill1049]

I don't have an example validate: () => getValues() as getValues will get you the entire form value and you can validate against that.

[julio3266]

I didn't quite understand how the validity would enter in this context

[Moshyfawn]

min and max attributes are for numbers only. As RHF is HTML validation standards compliant, it's min, max props also only support numbers.

You can utilize the validate callback (like @bluebill1049 has already mentioned) to check if the input's value is within the valid date range like so (the example uses the date-fns library to work with dates for simplicity):

validate: (date) =>
  isWithinInterval(date, { start: minDate, end: maxDate }) ||
  `The correct date is within ${format(
    minDate,
    dateFormat
  )} and ${format(maxDate, dateFormat)} interval`

Here's a minimal codesandbox to check out a working example: the codesandbox example

[julio3266]

@Moshyfawn how do i keep the validation when i correct the values ​​entered in the input? I noticed that when I entered the validation it started to stop updating the hasError, and it keeps displaying the error continuously

[bluebill1049]

I think it's best if you can share a simple codsandbox point to the issue, it would be easier to see the uasge.

[Moshyfawn]

Man, it looks like you have some additional out of context logic in your example, that might possibly change the way to approach the validation. So, I'd suggest to make a minimal reproduction codesandbox with your use-case, because I can't go around reconstructing people's reproductions by their code snippets and screenshots.

That said, the example I've shown you is the way to validate a date range. I something's not working, the most possible cause if it can be something you do in your form else where. So, I can't do anything without a reproduction example

[julio3266]

@Moshyfawn I will make a codesandbox

[julio3266]

@Moshyfawn @bluebill1049 the sandobox link