Age calculator app Solution

Hello Frontend Mentor Community,

This is my solution for the Age Calculator App. I am a free user, and do not have access to the design files from the Pro version. I built this app using React, Next.js, TailwindCSS, and React Hook Forms. This is my first time using React Hook Forms.

Difficulties Encountered:

Multi-input validation: I was unable to find a clean way to validate all of the fields to make sure the date is valid. My initial approach was to use date-fns and the isValid method for verification, but I wasn't sure how to pass the form data before submission.

Questions:

Does anyone have any experience setting up a form schema with Yup or Zod? What would be a good structure using this project as an example?

Technologies Used:

React React Hook Forms Next.js TailwindCSS Date-FNS