Forms

## Pickers

The date and color picker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay.

##### Display Inline

Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.

##### Dates In Other Months

The datepicker can show dates that come from other than the main month being displayed. These other dates can also be made selectable.

##### Month and Year Menus

Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.

##### Basic Functionality

Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.

##### Display Button Bar

Display a button for selecting Today's date and a Done button for closing the calendar.

##### Multiple Months

Set the `numberOfMonths` option to an integer of 2 or more to show multiple months in a single datepicker.

##### Date Range

Select the date range to search for.

##### Colorpicker

A simple component to select color in the same way you select color in Adobe Photoshop.

You can allow alpha transparency selection. Check out these example.

Show pallete only. If you'd like, spectrum can show the palettes you specify, and nothing else.