Codebase - Bootstrap 4 Admin Template &UI Framework

Flatpickr Datetimepicker

Examples

Default format

Custom format

Friendly format

Range

Time Standalone

Time Standalone(24-hour format)

Calendar and time picker

Calendar and time picker(24-hour format)

Inline Datepicker

SunMonTueWedThuFriSat

123456789101112131415161718192021222324252627282930123456789101112

Inline Datetimepicker

SunMonTueWedThuFriSat

123456789101112131415161718192021222324252627282930123456789101112

Default format

Custom format

Friendly format

Range

Time Standalone

Time Standalone(24-hour format)

Calendar and time picker

Calendar and time picker(24-hour format)

SunMonTueWedThuFriSat

123456789101112131415161718192021222324252627282930123456789101112

Inline Datepicker

SunMonTueWedThuFriSat

123456789101112131415161718192021222324252627282930123456789101112

Inline Datetimepicker

Password Strength Meter

Examples

Bootstrap Datepicker

Examples

Datepicker

Date Range

Inline Datepicker


26	27	28	29	30	31	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	1	2	3	4	5	6
Today
Clear


JanFebMarAprMayJunJulAugSepOctNovDec
Today
Clear


201920202021202220232024202520262027202820292030
Today
Clear


199020002010202020302040205020602070208020902100
Today
Clear


190020002100220023002400250026002700280029003000
Today
Clear

Choose a date

Bootstrap Colorpicker

Examples

Normal

As Component

RGBa

RGBa(component)

Inline

#42A5F5

Inline(RGBa)

rgba(66, 165, 245, 0.9)

Bootstrap Maxlength

Examples

Normal

Threshold

Always Show

Custom Text

Themed Label

Position(top)

Position(top-right)

Position(right)

Position(bottom-right)

Textarea

Normal

Threshold

Custom Text

Themed Label

Position(top-right)

Textarea

Select2

Examples

Normal

Multiple Values

Normal

Multiple Values

jQuery Tags Input

Examples

jQuery AutoComplete

Examples

Masked Inputs

Default

Date(format 1)

Date(format 2)

Phone

Phone(Ext)

Tax ID

SSN

Product Key

Time Format

Date(format 1)

Date(format 2)

Phone (999) 999-9999

Phone(Ext) (999) 999-9999? x99999

Product Key a*-999-a999

Time Format 00:00

Range Sliders

Examples

Normal

101000025

Min Max

01 00000330

Grid

01 0000066002505007501 000

Double

01 000200800200 — 80002505007501 000

Negative

-500500-150150-150 — 150-500-2500250500

Step

-500500-250250-250 — 250-500-2500250500

Custom

January December00 JuneJanuary February March April May June July August September October November December

Prefixes

$0$10 000$2 500$7 500$2 500 — $7 50002 5005 0007 50010 000

Postfixes

-20°90°0035°-208356390

Friends

Activity

Profile

Settings

Flatpickr Datetimepicker

Examples

Password Strength Meter

Examples

Bootstrap Datepicker

Examples

Bootstrap Colorpicker

Examples

Bootstrap Maxlength

Examples

Select2

Examples

jQuery Tags Input

Examples

jQuery AutoComplete

Examples

Masked Inputs

Default

Range Sliders

Examples

DropzoneJS