Light logo Small logo
Dark logo Small logo
Light logo Small logo
Dark logo Small logo

Picker

Choices Select

Text inputs

Multiple select input

Single select input

Form interaction

Change the values and press reset to restore to initial state.

Flatpickr - Date picker

A lightweight and powerful datetimepicker

Flatpickr - Time Picker

A lightweight and powerful datetimepicker

Input Masks

A Java-Script Plugin to make masks on form fields and HTML elements.

Add attribute data-toggle="input-mask" data-mask-format="00/00/0000"

Add attribute data-toggle="input-mask" data-mask-format="00:00:00"

Add attribute data-toggle="input-mask" data-mask-format="00/00/0000 00:00:00"

Add attribute data-toggle="input-mask" data-mask-format="00000-000"

Add attribute data-toggle="input-mask" data-mask-format="0-00-00-00"

Add attribute data-mask-format="000.000.000.000.000,00" data-reverse="true"

Add attribute data-toggle="input-mask" data-mask-format="#.##0,00" data-reverse="true"

Add attribute data-toggle="input-mask" data-mask-format="0000-0000"

Add attribute data-toggle="input-mask" data-mask-format="(00) 0000-0000"

Add attribute data-toggle="input-mask" data-mask-format="(000) 000-0000"

Add attribute data-toggle="input-mask" data-mask-format="(00) 00000-0000"

Add attribute data-mask-format="000.000.000-00" data-reverse="true"

Add attribute data-toggle="input-mask" data-mask-format="00.000.000/0000-00" data-reverse="true"

Add attribute data-toggle="input-mask" data-mask-format="099.099.099.099" data-reverse="true"

Colorpicker

Themes
Classic Demo

Use classic-colorpicker class to set classic colorpicker.

Monolith Demo

Use monolith-colorpicker class to set monolith colorpicker.

Nano Demo

Use nano-colorpicker class to set nano colorpicker.

Options
Demo

Use colorpicker-demo class to set demo option colorpicker.

Picker with Opacity & Hue

Use colorpicker-opacity-hue class to set colorpicker with opacity & hue.

Switches

Use colorpicker-switch class to set switch colorpicker.

Picker with Input

Use colorpicker-input class to set colorpicker with input.

Color Format

Use colorpicker-format class to set colorpicker with format option.