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

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.

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.

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

date picker

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.

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

  • designmodo
  • cssda
  • codrops
  • awwwards
date picker

Tell everyone!

Get started with datedropper

399 people
downloaded this product

29$

Download it now

See also

7.9k
37.7k