Advanced Form Components

Summernote Editor

Hello Summernote

WYSIWYG Editors

Switchey

Default with different sizes

Colored

Select2

Basic Single Select Box

Multiple Single Select Box

Multiple Select

Default

Grouped Options

Searchable

Date Pickers

Input

Input Group

Months & Date Only

Helper Buttons

clear and today helper buttons added

Date Range

Datetime Pickers

Default input Datetimepicker

Component Datetimepicker

Advance Datetimepicker

Meridian Format

Time Pickers

Default Timepicker

24hr Timepicker

Color Pickers

Simple usage

Setting the initial color

Automatic format detection

Whenever the formatoption is false(default), the first parsed color format will be detected and used as default, but when the option equals nullor empty string, the format is recalculated every time.

Force a format

Horizontal mode

Spinner

Spinner 1

basic example

Spinner 2

disabled state

Spinner 3

with max value: 10

Spinner 4

with step: 5

Advanced File Input

Default

Without input

Select fileChange

Image Upload

Select imageChangeRemove

NOTE!Attached image thumbnail is supported in Latest Firefox, Chrome, Opera, Safari and Internet Explorer 10 only

Online Customers

pending Task