10 Best Date And Timer Pickers In Pure JavaScript (2023 Update)

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

Powerful Multilingual Date/Time Picker - Tempus Dominus

[Demo] [Download]

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

Highly Customizable Date and Time Picker with Rome.js

[Demo] [Download]

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

Material Design Date Time Picker In Vanilla JavaScript

[Demo] [Download]

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

Convenient Calendar & Date Picker Component - tui.date-picker

[Demo] [Download]

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

Material Inspired Date & Time Picker – simplePicker

[Demo] [Download]

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

User-friendly Datetime Range Picker With Predefined Date Ranges

[Demo] [Download]

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

Tiny Customizable Date Range Picker – TinyPicker

[Demo] [Download]

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

Beautiful Responsive Date & Time Picker Library – Window Date Picker

[Demo] [Download]

A beautiful, flexible, responsive, multi-language, multi-theme date & time picker library implemented in pure JavaScript.


9. Modern Calendar Date Picker In Vanilla JavaScript

Modern Calendar Date Picker In Vanilla JavaScript

[Demo] [Download]

A simple yet modern and user-friendly date picker with a monthly calendar.


10. Feature-rich Datetime Picker Component With JavaScript

Feature-rich Datetime Picker Component With JavaScript

[Demo] [Download]

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:

You Might Be Interested In: