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.