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"

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

Date Time Picker

Add type<input type="date">

Time Picker

Add type<input type="week">

No Icon (Input Field Only)

Add type<input type="week">

Enabled/Disabled Dates

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

Custom Icons

Add type<input type="time">

Birthday Calender

Add type<input type="time">

Linked Pickers

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

Date Range Picker

Add type<input type="time">

Min View Mode

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

Disabled Days Of The Week

Add type<input type="time">

View Mode

Add type<input type="time">

Date Range Picker Blank Input

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

Multiple Option

Add type<input type="time">

Date Time Picker

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

to
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