# Optional Fields

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

* [`cleave`](optional_fields/cleave) - Format input text content when you are typing
* [`dateTimePicker`](optional_fields/datetime) - datetime picker with bootstrap-datetimepicker component
* [`googleAddress`](optional_fields/googleaddress) - Format input text content when you are typing
* [`image`](optional_fields/image) - Image select field (URL or upload in base64 string)
* [`masked`](optional_fields/masked) - Masked text input field with maskedinput component
* [`noUiSlider`](optional_fields/nouislider) - Lightweight JavaScript range slider
* [`pikaday`](optional_fields/pikaday) - A refreshing JavaScript Datepicker
* [`selectEx`](optional_fields/selectex) - select list with the bootstrap-select component
* [`slider`](optional_fields/slider) - pretty range slider with ion.rangeSlider component
* [`spectrum`](optional_fields/spectrum) - Color picker with "The No Hassle" Spectrum jQuery Colorpicker component
* [`staticMap`](optional_fields/staticmap) - Display a static map from Google Maps.
* [`switch`](optional_fields/switch) - Switch field (toggle two values (on/off, yes/no, active/inactive)
* [`vueMultiSelect`](optional_fields/vuemultiselect) - 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](optional_fields/googleaddress)   |
| Color picker         | [spectrum](optional_fields/spectrum) | N/A                                              |
| Date picker          | [datetime](optional_fields/datetime) | [pikaday](optional_fields/pikaday)               |
| Masked Input         | [masked](optional_fields/masked)     | [cleave](optional_fields/cleave)                 |
| Multi Selection      | [selectEx](optional_fields/selectex) | [vueMultiSelect](optional_fields/vuemultiselect) |
| Slider               | [slider](optional_fields/slider)     | [noUiSlider](optional_fields/nouislider)         |
