> For the complete documentation index, see [llms.txt](https://vue-generators.gitbook.io/vue-generators/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vue-generators.gitbook.io/vue-generators/fields/optional_fields.md).

# Optional Fields

These fields are availble in the full version of VueFormGenerator. Some of these also have external dependency.

* [`cleave`](/vue-generators/fields/optional_fields/cleave.md) - Format input text content when you are typing
* [`dateTimePicker`](/vue-generators/fields/optional_fields/datetime.md) - datetime picker with bootstrap-datetimepicker component
* [`googleAddress`](/vue-generators/fields/optional_fields/googleaddress.md) - Format input text content when you are typing
* [`image`](/vue-generators/fields/optional_fields/image.md) - Image select field (URL or upload in base64 string)
* [`masked`](/vue-generators/fields/optional_fields/masked.md) - Masked text input field with maskedinput component
* [`noUiSlider`](/vue-generators/fields/optional_fields/nouislider.md) - Lightweight JavaScript range slider
* [`pikaday`](/vue-generators/fields/optional_fields/pikaday.md) - A refreshing JavaScript Datepicker
* [`selectEx`](/vue-generators/fields/optional_fields/selectex.md) - select list with the bootstrap-select component
* [`slider`](/vue-generators/fields/optional_fields/slider.md) - pretty range slider with ion.rangeSlider component
* [`spectrum`](/vue-generators/fields/optional_fields/spectrum.md) - Color picker with "The No Hassle" Spectrum jQuery Colorpicker component
* [`staticMap`](/vue-generators/fields/optional_fields/staticmap.md) - Display a static map from Google Maps.
* [`switch`](/vue-generators/fields/optional_fields/switch.md) - Switch field (toggle two values (on/off, yes/no, active/inactive)
* [`vueMultiSelect`](/vue-generators/fields/optional_fields/vuemultiselect.md) - Probably the most complete selecting solution for Vue.js

## External dependency

Depending on whether you want to use jQuery, we tried to make the same kind of functionnality available with or without it.\
Here, vanilla mean that a third party librairy is needed and that third party don't use or need jQuery.

| Field type           | jQuery                                                         | Vanilla                                                                    |
| -------------------- | -------------------------------------------------------------- | -------------------------------------------------------------------------- |
| Address autocomplete | N/A                                                            | [googleAddress](/vue-generators/fields/optional_fields/googleaddress.md)   |
| Color picker         | [spectrum](/vue-generators/fields/optional_fields/spectrum.md) | N/A                                                                        |
| Date picker          | [datetime](/vue-generators/fields/optional_fields/datetime.md) | [pikaday](/vue-generators/fields/optional_fields/pikaday.md)               |
| Masked Input         | [masked](/vue-generators/fields/optional_fields/masked.md)     | [cleave](/vue-generators/fields/optional_fields/cleave.md)                 |
| Multi Selection      | [selectEx](/vue-generators/fields/optional_fields/selectex.md) | [vueMultiSelect](/vue-generators/fields/optional_fields/vuemultiselect.md) |
| Slider               | [slider](/vue-generators/fields/optional_fields/slider.md)     | [noUiSlider](/vue-generators/fields/optional_fields/nouislider.md)         |