Pickers

Date/Time Picker

A clean, flexible, and fully customizable date picker. User can navigate through months and years. The datepicker shows dates that come from other than the main month being displayed. These other dates are also selectable. 

Selected date is: {{dt | date:'MM/dd/yyyy  h:mma' }}
Inline
Popup

Timepicker
Time is: {{dt | date:'shortTime' }}
Hours step is:
Minutes step is:
Date Range Picker
to
Date Range Picker for Bootstrap
Angular Spectrum Colorpicker

AngularJS Color Picker Directive.

Inline
Default

Selected Color: {{inlineColor}}

Palette

Selected Color: {{inlineColor2}}

Pickers
HSL Format

Selected Color: {{myColor}}

HSV Format

Selected Color: {{myColor2}}

RGB Format

Selected Color: {{myColor3}}

HEX Format

Selected Color: {{myColor4}}

HEX8 Format

Selected Color: {{myColor5}}

Alpha

Selected Color: {{myColor6}}

Picker Control Options
Show Input

Selected Color: {{myColor7}}

Disabled

Selected Color: {{myColor8}}

Show Palette

Selected Color: {{myColor9}}

Show Palette Only

Selected Color: {{myColor10}}

Toggle Palette

Selected Color: {{myColor11}}

Show Selection Palette

Selected Color: {{myColor12}}

Show Initial

Selected Color: {{myColor13}}

Show Input and Initial

Selected Color: {{myColor14}}

Button Text

Selected Color: {{myColor15}}

Rate Picker

Rating directive that will take care of visualising a star rating bar.

Default

Four options are available: top, right, bottom, and left aligned.

{{percent}}%
Rate: {{rate}} - Readonly is: {{isReadonly}} - Hovering over: {{overStar || "none"}}
Custom icons

Four options are available: top, right, bottom, and left aligned.

(Rate: {{x}})
(Love: {{h}})