The date and time picker is a useful and commonly used component in modern web design.
Here’s a constantly updated list of the 10 best JavaScript and/or CSS based Date and Time Picker components we published on CSSScript.com.
With these components, your users are able to quickly and simply select dates and times for a specific input field.
I hope you like it and don’t forget to spread the world.
Originally Published Nov 23 2017, updated Jan 14, 2023
10 Best Date And Timer Picker Components:
1. Powerful Multilingual Date/Time Picker – Tempus Dominus
A powerful, fully customizable and lightweight date/time picker for Vanilla JavaScript and jQuery. It is a zero dependency replacement for the native HTML5 date & time input type.
2. Highly Customizable Date and Time Picker with Rome.js
A simple to use JS library for appending a highly customizable date & time picker on your input field when clicked/focused on.
3. Material Design Date Time Picker In Vanilla JavaScript
A vanilla JavaScript library which uses moment.js to create beautiful, Material Design styled pickers for easy date and time selection.
4. Convenient Calendar & Date Picker Component – tui.date-picker
An easy-to-use, user-friendly, multi-language, highly customizable calendar, time/date/month/year picker and date range picker component implemented in jQuery or Vanilla JavaScript.
5. Material Inspired Date & Time Picker – simplePicker
A vanilla JavaScript plugin to create Material Design inspired date picker with time picker integrated.
6. User-friendly Datetime Range Picker With Predefined Date Ranges
This is the vanilla JS version of the jQuery Date Range Picker plugin, which allows you to create a customizable, nice-looking date range picker with pre-defined date ranges.
7. Tiny Customizable Date Range Picker – TinyPicker
A tiny yet customizable date picker library that makes it easier to select date ranges from a minimal clean calendar popup. With no 3rd dependencies like jQuery, moment.js, etc.
8. Beautiful Responsive Date & Time Picker Library – Window Date Picker
A beautiful, flexible, responsive, multi-language, multi-theme date & time picker library implemented in pure JavaScript.
9. Modern Calendar Date Picker In Vanilla JavaScript
A simple yet modern and user-friendly date picker with a monthly calendar.
10. Feature-rich Datetime Picker Component With JavaScript
A responsive, multilingual, feature-rich, and easy-to-customize date, time, and date range picker component written in JavaScript.
More Resources:
To find more about date & time pickers for your modern web applications, here are a few more resources available on our networks: