Riday - Restaurant Bootstrap Admin Template Webapp

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"

Default file input example

Multiple files input example

Disabled file input example

Small file input example

Large file input example

Upload

Date masks:

US phone mask:

Intl US phone mask:

IP mask:

Color picker:

Color picker with addon:

Time picker:

Date:

Date range:

Date and time range:

Date range button:

Minimal

Disabled

Multiple

Disabled Result

Notifications

Messages

Lorem Ipsum 15 mins

Nullam tempor 4 hours

Proin venenatis Today

Praesent suscipit Yesterday

Donec tempor 2 days

Advanced Form Elements

Type options

Basic file inputs

Custom file input

Input masks

Color & Time Picker

Date picker

Select Elements

Bootstrap Select boxes

Select box

Select boxes with Option groups

Multiple select boxes

With colored Button Classes

Bootstrap TouchSpin

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.

iCheck - Checkbox & Radio Inputs

Basic Checkbox

Basic Checkbox Design Colors

Basic Checkbox Design Colors with Filled In

Basic Radio Button

Basic Radio Button Design Colors

Basic Radio Button Design Colors with Outline

Total Sale

$254.90

6 total orders

Total Sessions

845

Customer rate

5.12%

First Time

Returning

Resent Activity

10:10

08:40

07:10

01:15

23:12

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

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

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