Advanced Plugins

Input Tags

Select2 Components

Switchery

Basic

Add an attribute data-plugin="switchery" data-color="@colors" to your input element and it will be converted into switch.

Sizes & Secondary color

Add an attribute data-size="small",data-size="large" to your input element and it will be converted into switch. Add an attribute data-color="@color" data-secondary-color="@color" to your input element and it will be converted into switch.

Timepicker

Easily select a time for a text input using your mouse or keyboards arrow keys.

Colorpicker

Datepicker

The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. Click elsewhere on the page or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.

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


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

Multiple Select

Masked inputs

999-99-999-9999-9
999 99 999 9999 9
999/99/999/9999/9
192.168.110.310
4deg:1340:6547:2:540:h8je:ve73:98pd
99-9999999
(999) 999-9999
$ 999,999,999.99
dd/mm/yyyy
dd-mm-yyyy

Bootstrap Touchspin

Theme Customizer

Download Now
 Choose Demos