Datepicker Add to shortcut list

The CSS of Bootstrap Datepicker plugin is completely rewritten in SASS, without modifying however anything in JavaScript.

Default Datepicker

Datepicker with default settings.

Today Highlight

Highlights the current date.

Today Button

Displays a "Today" button at the bottom.

Clear Button

Displays a "Clear" button at the bottom.

Custom Format (long)

Combination of DD, MM d, yyyy.

Date of Birth (+18)

Restrict the range of selectable dates.

Button trigger (left)

Click the button next to the input field.

Button trigger (right)

Click the button next to the input field.

Select a Date Range

Select the date range to search for.

to
To change the appearance of Datepicker you can use variables stated in the file _variables.scss, under the section Datepicker.

Timepicker

The CSS of jQuery Timepicker plugin is completely rewritten in SASS, without modifying however anything in JavaScript.
Default Timepicker

Timepicker with default settings.

Set Time to "NOW"

Click the button next to the input field.

Duration

Set a starting time and see duration from that starting time.

Disable Time Ranges

Allowed range: 9:00am to 6:00pm.

24-hour format

Timepicker uses the time portion of PHP.

To change the appearance of Timepicker you can use variables stated in the file _variables.scss, under the section Timepicker.
Datepicker, Timepicker and Datepair

Datepair can automatically set the other input when a first value is selected.

Board meeting (6:00pm)

Custom options with label can be added to the dropdown menu.

Step (every 15 min)

Generate drop-down options with varying levels of precision.

Buy Elephant Now!
  • Theme Settings
  • Header fixed
  • Sidebar fixed
  • Sidebar sticky*
  • Sidebar collapsed
  • Footer fixed
  • Sidebar sticky* - by scrolling up and down the page, the menu placed on the sidebar moves along with the content until the bottom of the menu is reached. Learn more