Select and Tags Input
Jquery Select2 (AngularJS ui-select)
{{$select.selected.name}}
{{$select.selected.name}}
{{$select.selected.name}}
{{$select.selected.name}}
Selected: {{person.selected.name}}
{{$item}} {{color}}
Selected: {{multipleDemo.colors}}
Bootstrap Tags Inpud (ngTagsInput)
Date and Time Pickers
Bootstrap Date Picker (ui.bootstrap.datepicker)
Selected date is: {{dt | date:'fullDate' }}

Inline


Popup


Bootstrap Time Picker (ui.bootstrap.timepicker)
Time is: {{mytime | date:'shortTime' }}
Hours step is:
Minutes step is:

Bootstrap Range Date Picker
Text Area and Spinboxs
Text Area
Default Text Area

AutoSize Text Area With Animation
'
Spinbox Controls
Vertical Spinboxs
Horizontal Spinbox
Two-Sided Horizontal Spinbox
DropzoneJs
File Uploader with preview
Jquery Knob
Previous Value
Color and Size
Angle offset
Angle offset and arc
jQuery MiniColors

Control Types:

Input Modes:


Positions:

Valid positions include bottom left, bottom right, top left , and top right.

…and more!

Opacity can be assigned by setting the opacity option to true.
This field will always be uppercase.

Working with Angular form-validation

Use like any other input with Angular form-validation.

Form valid: {{form1.$valid}}

Random Color

Angular Slider

Single Knob: ( {{cost}} )


Dual Knob: ( Start:{{range.start}} -- End:{{range.end}} )


Formatting: