Forms extended
Extra from controls for select, date, multiselect, inline edit and spin. All form controls automatically receive some global styling.
X-editable library allows you to create editable elements on your page. It includes both popup and inline modes. Please try out demo below to see how it works.
How to use
Markup elements that should be editable. Usually it is <A> element with additional data-* attributes
| Simple text field | superuser |
| Empty text field, required | Empty |
| Select, local array, custom display | not selected |
| Combodate (date) | 15/05/1984 |
| Combodate (datetime) | Empty |
| Textarea, buttons below. Submit by ctrl+enter | awesome user! |
| Checklist | peach apple |
All examples and documentation you can find at: http://vitalets.github.io/x-editable/
Select2 Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
Bootstrap theme with Select 2 - basic example
Multi Selection example
Bootstrap-datepicker provides a flexible datepicker widget in the Twitter bootstrap style. http://bootstrap-datepicker.readthedocs.org/en/latest/index.html
Input
The simplest case: focusing the input (clicking or tabbing into it) will show the picker.
Component
Adding the date class to an input-group bootstrap component will allow the input-group-addon elements to trigger the picker.
Range
Using the input-daterange construct with multiple child inputs will instantiate one picker per input and link them together to allow selecting ranges.
Options
There are many avalible options to datapicker, check: https://bootstrap-datepicker.readthedocs.org/en/latest/options.html
