Launch Demo

    Warning: count(): Parameter must be an array or an object that implements Countable in /home/customer/www/ on line 47
  • Save
  • 33

Timedropper: A better UI timepicker

Timedropper is a jQuery UI timepicker. Its very unique in style, and adds a touch of polish to any page it’s on. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.



Illustration by akselkreis


datedropper: jQuery Dates Plugin

datedropper is a jQuery dates plugin that provides a quick and easy way to manage dates for input fields.

It supports 16 different language formats and is easy to use. The plugin only requires three bits of code for activation — head, body and end. The tool is also easy to modify so that it fits the aesthetics of any website outline — just edit the CSS in the datedropper folder and you’ll have a custom plugin.

This tool has plenty of practical applications. Use it to add dates to an an or website, set an itinerary for an upcoming event or even set an expiration date for a digital product.

When it comes to customization, you have plenty of options to choose from there as well; alter the date format, animation style, colors, language, text, number of years included, borders and strokes, shadows and boxed elements. And you can do it all with just a few clicks with datedropper. Find it on GitHub and see for yourself.


Period Selector: Select a Single Month or Year

Period Selector is a visual element to select a single month or year in your design. It simplifies selecting a predefined month or year with a single click.

The plugin is a simple library for selecting a single year or month among predefined ranges. It’s useful to filter a set of items based on the time. You can add any number of options to this Facebook-like component to your page as you need.

Key features of this plugin include:

  • Multiple plugins in a single page
  • Separated year and month click events
  • Auto arrange years and months based on input dates
  • Smooth expand and collapse

Period Selector is easy to install and use. Just download and add the markup to the <head> of your website, define the plugin container and start the engine. (The code is fairly simple and easy to understand during the installation process.)

There are multiple options and parameters for a custom experience with this plugin including year, month and year/month combinations. You can set these parameters to work in the way the best suits your website design.

  • Spotlight

ClockPicker: Clock-Style Timepicker

Don’t fret any more over the style of the clock or timer in your design. Let ClockPicker help make it easy for you.

This tiny little tool is a clock-style timepicker for Bootstrap websites. (The only dependencies are Bootstrap and jQuery.)

All of the code and options are included in the documenation, making this tool easy to implement for your projects.



Google Calendar inspired date and time picker.



Add a datetimepicker, datepicker or timepicker dropdown to your forms.

  • Spotlight


Date validation and semantic parsing of dates.



Provides a more friendly way of displaying time updates to users.

  • Spotlight
  • Video


Responsive  jQuery date & time input picker. (updated)



Add a clock, counter, or timer with a smooth flip animation.

  • Spotlight


A fully responsive and lightweight jQuery dateinput picker



A jQuery calendar plugin for creating flexible calendars.