UI Thing

VeeDateField

A Date Field component that uses the composition API provided by Vee-Validate to perform validation.

Date Field Source

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add vee-date-field

Usage

DOB form

In the form below, we are using the useForm composition provided by Vee-Validate to handle the form submission and validation. The useForm composable accepts a validationSchema option that we can use to define our validation rules. We are using the yup library to define our validation rules. You can use any validation library you want as long as it is supported by Vee-Validate and can be passed to the toTypedSchema function.

11
17
2024

VeeCurrencyInput

A currency input component that uses the composition API provided by Vee-Validate to perform validation.

VeeDatepicker

An input component that allows the user to select a date.