Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Generic placeholder image
Form Picker

Lorem ipsum dolor sit amet, consectetur adipisicing elit

Default Date-Picker
Add class of .form-control with <input> tag

Date

Add type<input type="date">

Month

Add type<input type="month">

Week

Add type<input type="week">

Date-time-local

Add type<input type="datetime-local">

Time

Add type<input type="time">

Date-Dropper
Add class of .form-control with <input> tag

Default

Add id="#dropper-default"

With Animation

Add id="#dropper-animation"

Date Format

Add id="#dropper-format"

Language Support

Add id="#dropper-lang"

Lock Support

Add id="#dropper-lock"

Max Year

Add id="#dropper-max-year"

Min Year

Add id="#dropper-min-year"

Year-range

Add id="#year-range"

Custom Width

Add id="#dropper-width"

Color & Style Dropper
Add class of .form-control with <input> tag

Primary Color

Add id="#dropper-dangercolor"

Background Color

Add id="#dropper-backcolor"

Text Color

Add id="#dropper-txtcolor"

Border-radius

Add id="#dropper-radius"

Border Style

Add id="#dropper-border"

Shadow Color

Add id="#dropper-shadow"

Color Picker
Add class of .form-control with <input> tag

Flat Mode

Flat Mode With Clear

No Icon (Input Field Only)

Mini Color
Add class of .form-control with <input> tag

Control-Types

Hue (default)

Saturation

Brightness

Wheel

Input Modes

Text field

Hidden Input

Brightness

Positions

Bottom Left (default)

Top Left

Bottom Right

Top Right

RGB(A)

RGB

RGBA

More

Opacity

Keywords

Default Value

Letter Case

Swatches

Swatches and Opacity