# Optional Fields

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://vue-generators.gitbook.io/vue-generators/develop/fields/optional_fields.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.