date picker-1 date picker-2 date picker-3 date picker-4 date picker-5 date picker-6 date picker-7 date picker-8 date picker-9 date picker-10 date picker-11 date picker-12

datedropper jQuery

date picker

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.

date picker
How it works
  • →

    Date range input

    Input range pickers are extremely common with scheduling programs and visual data applications. Create custom datepicker jQuery 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.

  • ←
    →

    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.

  • ←
    →

    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.

  • ←

    Date input fields

    Perfect for any other datepicker jQuery UI 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.

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.

A datepicker jQuery 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 jQuery UI style to any other features.

date picker
  • date picker easy to use

    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.

  • date picker responsive

    Datepicker responsive

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

  • from-to date picker

    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 date picker

    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 jQuery UI
options and settings

These options give you a lot of control
over your datepicker

  • Methods

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

  • Callbacks

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

  • 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.

Read the documentation

date picker

Get started with datedropper

37.759 people
downloaded this product

19$

Download it now

  • designmodo
  • cssda
  • codrops
  • awwwards

See also

JS
7.9k
timedropper jQuery
timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.
Doc Overview
JS
369
datedropper Javascript
datedropper Javascript is the lightest, the most complete and flexible javascript date picker material UI. A modern and easy to use datepicker, designed to fit into any layout.
Doc Overview