Form Advance

Examples for form control styles, layout options, and custom components for creating a wide variety of forms elements.
we have included dropzone for file uploads, datepicker and select2 for custom controls.

Select 2

You can learn more about select2 at official documentation

Input Mask

Following shows an example of input masking using jQuery Mask Plugin library


Sliders are powered by jQuery UI, which is customised according to our theme. you can check more at jQueryUI documentation

Avatar File Input Placeholder

we can use avatar as image picker in forms. Click on images to change.

Date and Time Pickers

Date picker is powered by boostrap date picker, this is customized in way that it suites our theme and design, Check scss files for more information at their official documentation

Date range can be set by the daterangepicker plugin, this is use full when taking two dates at a time. it uses Daterangepicker Plugin

you can also use this as datetimepicker with single date init and time

Easily select a time for a text input using your mouse or keyboards arrow keys. it powered by Bootstrap Timepicker

Cool Date Picker Plugin

DateDropper The smallest and powerful jQuery UI datepicker. you check it out more here


Dropzone is widely used for file uploads you can read more at their site.

Drop files here or click to upload.
(This is just a demo dropzone. Selected files are not actually uploaded.)