@@include('./partials/main.html') @@include("partials/title-meta.html", {"title": "Picker"}) @@include('./partials/head-css.html')
@@include('./partials/menu.html')
@@include('./partials/topbar.html')
@@include("./partials/page-title.html", {"subtitle":"Form","title":"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.

@@include('./partials/footer.html')
@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')