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 Javascript

date picker

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.

date picker
How it works
  • →

    Date range picker

    Perfect for hotels, B&Bs and other accommodation businesses which offer online bookings forms. datedropper can be used to build an awesome “from to” HTML date picker with javascript.

  • ←
    →

    Datepicker custom format

    Add a touch of style on your forms by customizing datepicker options. Make your forms unique by serving custom setup for each usage.

  • ←

    Datepicker usability

    Designed to offer the perfect UI for any datepicker usage you can imagine.

How to create a pure javascript date picker

Convert any date input or element into a beautiful date picker selector with the best UI ever.

We have finally converted datedropper jQuery into a pure javascript library. You no longer need to include any other libraries apart from the all-in-one datedropper file.

Show dynamic label alongside date with datedropper Javascript

A new amazing feature to show different prices or labels for each day

With the "onRender" callback function you will be able to create a really dynamic calendar by showing custom labels like prices or special events. Learn more about this feature.

date picker
date picker

A lot of new date picker options and features

An all-in-one javascript datepicker component

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

  • date picker easy to use

    The lightest datepicker ever

    All features and style in one single file. The perfect all-in-one solution to guarantee the best network loading performance.

  • date picker responsive

    Datepicker mobile friendly

    datedropper has been designed to fit on any screen and for any resolution.

  • from-to date picker

    New date range selection options

    We have added new cool features to have much control over date range selection. You can now create specific conditions to limit and manipulate the date range selection based on your needs.

  • Fully customizable date picker

    Date picker double calendar

    Available only on datedropper Javascript, it offers the chance to enable the double calendar view to have a wide range of date selection. Learn more.

Advanced javascript date picker
options and settings

These options give you a lot of control
over your datepicker

Read the documentation

date picker

Get started with datedropper

376 people
downloaded this product

29$

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
37.7k
datedropper jQuery
datedropper is a jQuery plugin developed down to the very last detail to offer you a responsive datepicker with fantastic ease of use and a marvelous design.
Doc Overview