user-image Robert Razer Art Director

$0

Your income from the last year
in sales product X.

Plugins

Built for Speed. Designed for Control.

Flatpickr

Lightweight, powerful javascript datetimepicker with no dependencies

View Official Website

Datepicker

Basic

Set data-provider="flatpickr" data-date-format="d M, Y".

DateTime

Set data-provider="flatpickr" data-date-format="d.m.y" data-enable-time.

Human-Friendly Dates

Set data-provider="flatpickr" data-altFormat="F j, Y".

MinDate and MaxDate

Set data-provider="flatpickr" data-date-format="d M, Y" data-minDate="..." data-maxDate="...".

Default Date

Set data-provider="flatpickr" data-date-format="d M, Y" data-default-date="...".

Disabling Dates

Set data-provider="flatpickr" data-disable-date="...".

Selecting Multiple Dates

Set data-provider="flatpickr" data-multiple-date="true".

Range

Set data-provider="flatpickr" data-range-date="true".

Week Numbers

Set data-provider="flatpickr" data-week-number.

Inline

Set data-provider="flatpickr" data-inline-date="true".

Timepicker

Timepicker

Set data-provider="timepickr" data-time-basic="true" attribute.

24-hour Time Picker

Set data-provider="timepickr" data-time-hrs="true" attribute.

Time Picker w/ Limits

Set data-provider="timepickr" data-min-time="Min.Time" data-max-time="Max.Time" attribute.

Preloading Time

Set data-provider="timepickr" data-default-time="Your Default Time" attribute.

Inline

Set data-provider="timepickr" data-time-inline="Your Default Time" attribute.

Choices.Js

Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

View Official Website
Single Select Input: Default

Set data-choices attribute to set a default single select.

Single Select Input: Option Groups

Set data-choices data-choices-groups attribute to set option group

Single Select Input: No Search

Set data-choices data-choices-search-false data-choices-removeItem

Single Select Input: No Sorting

Set data-choices data-choices-sorting-false attribute.

Multiple Select Input: Default

Set data-choices multiple attribute.

Multiple Select Input: With Remove Button

Set data-choices data-choices-removeItem multiple attribute.

Multiple Select Input: Option Groups

Set data-choices data-choices-multiple-groups="true" multiple attribute.

Text Input: Limit Values with Remove Button

Set data-choices data-choices-limit="3" data-choices-removeItem attribute.

Text Input: Unique Values Only

Set data-choices data-choices-text-unique-true attribute.

Text Input: Disabled

Set data-choices data-choices-text-disabled-true attribute.

Typeahead

a flexible JavaScript library that provides a strong foundation for building robust typeaheads

View Official Website
Basic
BloodHound (Suggestion Engine)
Prefetch
Default Suggestions
Custom Template
Multiple Datasets
Input Touchspin
Exclusive
Default Touchspin
Sizes
Colors
Readonly
Disabled
Style
Vertical Style
© 2015 - HOMER By WebAppLayers
10GB of 250GB Free.
Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

Skins
Default
Two
Three
Four
Five
Six
Color Scheme
Light
Dark
Topbar Color
Light
Dark
Gray
Sidenav Color
Light
Dark
Gray
Sidebar Size
Default
Collapse
Offcanvas
Layout Position