datedropper jQuery

Doc Get it now

37.7k

Limited offer

For only

39$

19$

datedropper is an easy to use date picker material UI. A datepicker jQuery plugin to create a modern, easy to use and customizable HTML calendar, designed with simplicity in mind so the default UI should blend into any layout.

Modern and easy to use date picker

datedropper converts your date input fields into a simple material UI calendar

Add datedropper on your websites or apps forms and initialize it on one or more elements. It runs on jQuery, so you do need that library as a dependency. However, this file is pretty lightweight, and it doesn’t take much to get it working so even with jQuery you shouldn’t notice any page lags.

Try it for free before buying

→

Test input 1

Test input 2

Date range input

Input range pickers are extremely common with scheduling programs and visual data applications. Create custom datepicker for hotels, B&Bs and other accommodation businesses which offer online bookings forms. datedropper can be used to build an awesome “from to” date picker in HTML.
←

→

Test input 3

Travel modules UI calendar

On any site providing travel information forms, improve design and usability by using datedropper, converting date input fields to easy to use date picker. You can customize the initial date, month, and year along with restrictions on which date(s) can be picked.
←

→

Test input 4

Test input 5

Payment forms calendar widget

Add a touch of style for the most basic calendar UI usages. Make your payment forms unique by using datedropper on the credit card expiration form.
←

Test input 6

Date input fields

Perfect for any other datepicker usages you can imagine, e.g. if you ask your users for their birthday, or you have a desired delivery date input field on your e-commerce.

A datepicker with a lot of options and features

Customize your date picker for all your needs

Thanks to its many options and features, datedropper allows you to customize every aspect of your date picker, from date format, date range, datepicker style to any other features.

An easy to use datepicker

It's easy to use and even easier to setup. Quickly change day/month/year with a few taps. It's one of the better date picker plugins just for its design, UX, and features.
Datepicker responsive

datedropper has been designed to be mobile-friendly and fully responsive so it’s a great solution for all devices.
Date range selection

One of the most popular features ever is finally available on datedropper. Use the roundtrip option to create a “from to” date picker. By far the most well-designed JS range selection plugin.
Fully customizable

datedropper offers a wide range of options to customize date picker. The callbacks are pretty simple to code, and you have a lot of control over how to manage the UX.

Advanced date picker
options and settings

Callbacks give you a lot of control
over your datepicker

Methods

datedropper methods give you the chance to customize any feature of your datepicker at any time.
Callbacks

You can use the available callback functions to perform any actions when a certain event occurs on the date picker.
Custom setups

datedropper allows you to customize any predefined option by developing a custom setup. For instance, you can add a new language for your date picker.