#### Advanced Form Elements

#### Type options

Datetime
Using `input type="datetime-local"` `type="datetime-local" is not supported in Firefox, Safari or Internet Explorer 12 (or earlier).`
Date
Using `input type="date"`
Month
Using `input type="month"`
Time
Using `input type="time"`
Week
Using `input type="week"`
Number
Using `input type="number"`
Email
Using `input type="email"`
URL
Using `input type="url"`
Search
Using `input type="search"`
Tel
Using `input type="tel"`
Color
Using `input type="color"`

#### Basic file inputs

Default file input example
Multiple files input example
Disabled file input example
Small file input example
Large file input example

#### Custom file input

Upload
Upload

#### Input masks

Date masks:
US phone mask:
Intl US phone mask:
IP mask:

#### Color & Time Picker

Color picker:
Color picker with addon:
Time picker:

#### Date picker

Date:
Date range:
Date and time range:
Date range button:

#### Select Elements

Minimal
Disabled
Multiple
Disabled Result

#### Bootstrap Select boxes

##### Select box

##### Select boxes with Option groups

##### Multiple select boxes

##### With colored Button Classes

#### Bootstrap TouchSpin

Vertical Touchspin
Postfix
Prefix
Init
Value set 30
Button group

#### Input Tags

###### Add `data-role="tagsinput"` to your input field & its automatically change it to a tags input.

##### Select Tags

###### You can also use `select multiple` to your input field.

##### Input Group Tags

###### You can also use group tag `data-role="tagsinput"` to your input field.

Tags

#### iCheck - Checkbox & Radio Inputs

Minimal skin checkbox
Minimal red skin checkbox
Flat green skin checkbox
Minimal skin radio
Minimal red skin radio
Flat green skin radio

#### Basic Checkbox

Default Filled In Default - Disabled Filled In - Disabled

#### Basic Checkbox Design Colors

Primary Success Info Warning Danger

#### Basic Checkbox Design Colors with Filled In

Primary Success Info Warning Danger

#### Basic Radio Button

Radio - 1 Radio - 2 Radio - With Gap Radio - With Gap Radio - Disabled Radio - Disabled

#### Basic Radio Button Design Colors

Primary Success Info Warning Danger

#### Basic Radio Button Design Colors with Outline

Primary Success Info Warning Danger

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

##### Tasks Overview

Project Briefing Project Manager
Concept Design Art Director
Functional Logics Lead Developer
Development DevOps
Testing QA Managers

##### Messages

Duis faucibus lorem Pharetra, Nulla
+125$
Mauris varius augue Pharetra, Nulla
+125$
Aliquam in magna Pharetra, Nulla
+125$
Phasellus venenatis nisi Pharetra, Nulla
+125$
Vivamus consectetur Pharetra, Nulla
+125$

##### Support

Enable Notifications:
Enable Case Tracking:
Support Portal:

##### Overview

Generate Overview:
Enable Overview Export:
Allow Data Collection:

##### Users

Enable Users singup:
Allow User Feedbacks:
Enable Users Portal:
Mayra Sibley
Active
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?