Form advanced

Input Mask


Modern Color Picker Powered by Pickr
Full-featured picker with all components
Compact design with modern styling
Minimal picker for simple color selection
Includes alpha/transparency control
Pre-defined color palette with custom swatches
Supports HEX, RGB, HSL, HSV formats

Input knob

Display value

× 'cursor' mode

Step 0.1

Angle arc

Alternate design

Angle offset

Date Pickers Available with multiple designs

December 30, 2014 - January 28, 2015

Date Range Picker with opening to right and left

December 30, 2014 - January 28, 2015
Date Range Picker
Date and Time
Oct 2016
SuMoTuWeThFrSa
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345
(success)
Oct 2016
SuMoTuWeThFrSa
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345
(success)
Oct 2016
SuMoTuWeThFrSa
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345
(success)
Oct 2016
SuMoTuWeThFrSa
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345
(success)

Date Pickers Available with multiple designs

Basic Example
Only Date Picker
Only Time Picker For 24H format use format: 'HH:mm'
Using ReadOnly
Linked Picker Parent
Linked Picker Children

Grid Slider

Default grid slider with min and max values

Grid with slider labels are far away outside it's container

Grid with labels inside container using force_edges attribute

Create Grid with pre-defined steps

Prevent one from dragging the labels

Grid with minimum and maximum values

Grid With time in 24 hour format



Picture
px
px
px
px
deg
Cropper.js