Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Josephin Doe
Generic placeholder image

hello Datta! Will you tell me something

about yourself?

8:20 a.m.

Ohh! very nice

8:22 a.m.

Generic placeholder image

can you help me?

8:20 a.m.

Material Datetimepicker
Date Picker

Time Picker

Date Time Picker

French Locales (Week starts at Monday)

Min Date Set

Events

Color Picker
Control Types

Hue (default)
Saturation
Brightness
Wheel
Input Modes

Text Field
Hidden Input
Inline
Positions

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


Bottom Left (default)
Top Left
Bottom Right
Top Right
RGB(A)

RGB
RGB input can be assigned by setting the format option to rgb.
RGBA
RGBA input can be assigned by setting the formatoption to rgb and opacity option totrue.
…And More!

Opacity
Opacity can be assigned by including the data-opacityattribute or by setting the opacity option totrue.
Keywords
CSS-wide keywords can be assigned by setting the keywordsoption to a comma-separated list of valid keywords: transparent,initial, inherit.
Default Value
This field has a default value assigned to it, so it will never be empty.
Letter Case
This field will always be uppercase.
Input Groups
Example using Bootstrap's input groups.
Color
Input group example with addon.
Swatches
Example with swatches.
Swatches and Opacity
Example with swatches and opacity.