JS
37.7k
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.
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 it works
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.
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]()
-
![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
-
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.
See also
JS
37.7k
JS
7.9k