datedropper JS is a Pure Javascript user-friendly date picker that allows users to easily select a specific date from a calendar-like interface.

What does Datedropper do

Datedropper streamlines date selection, saving time and reducing errors.

This datepicker allows users to select the desired date by clicking on it. The selected date will then be displayed in the input field and can be used for any relevant purpose, such as booking a flight or making a reservation.

What features does Datedropper include

Datedropper offers compelling features.

  • Small and large calendar view

    Small and large calendar view

    datedropper date picker displays a calendar-like small and large view, allowing users to easily browse through different months and years to select the desired date. Learn more

  • Date range selection

    Date range selection

    datedropper date picker allows users to select a range of dates, such as a start and end date for a trip or event. Learn more

  • Custom date formats

    Custom date formats

    datedropper date picker offers customizable date formats, allowing users to choose the format that best suits their needs. Learn more

  • Inline and pop-up options

    Inline and pop-up options

    datedropper datepicker can be displayed inline or as a pop-up dialog when a user clicks on a designated input field. Learn more

See all the features available

How to use Datedropper

Easily install and use Datedropper on your web app.

  1. 1

    Add Datedropper library to your web page's resources

    <!-- datedropper lib -->
    <script src="datedropper-javascript.js"></script>
  2. 2

    Initialize Datedropper on a page element

    <input id="myInput">

    <!-- datedropper init -->
    <script>new dateDropper({ selector: '#myInput' });</script>

Read the full documentation to find out how to use the most of all of Datedropper's features.

Read the documentation

How to get Datedropper

Datedropper is available in two versions:

  • Brand always visible
  • Partially customizable
  • No callbacks included
  • No methods included
  • White label
  • All options included
  • All callbacks included
  • All methods included


14-day money back guarantee

Got Datedropper but realized it's not what you were looking for? No problem, you can ask for a full refund within 14 days. No questions asked.

See also