datedropper Javascript

Name: datedropper Javascript
Brand: felixg.io
SKU: 5
Price: 29 USD
Availability: InStock

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 Get it now

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

→

Test input 1

Test input 2

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

→

Test input 4

Test input 5

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

Test input 6

Datepicker usability

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

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.

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.
Datepicker mobile friendly

datedropper has been designed to fit on any screen and for any resolution.
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.
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

Methods

datedropper methods give you the chance to customize any aspect of your datepicker at any time. Learn more about datedropper methods.
Callbacks

You can use callbacks to perform any actions when a certain event occurs on the date picker. Learn more about datedropper callbacks.
Custom preset

datedropper allows you to choose from some predefined options to customize the default aspect to your datepicker. Learn more about this feature.