10 Best Date And Timer Pickers In Pure JavaScript (2022 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 20, 2022

10 Best Date And Timer Picker Components:

1. Minimal Date & Time Picker – dtsel

Minimal Date & Time Picker – dtsel

Demo Download

A minimal, clean, simple-to-implement date & time picker in plain JavaScript.


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


3. Beautiful Date Picker Component – MCDatepicker

Beautiful Date Picker Component – MCDatepicker

[Demo] [Download]

A well-designed, fully responsive, highly-customizable, framework-agnostic date & date range picker component written in Vanilla JavaScript.


4. Vanilla JavaScript Date & Date Range Picker For The Web

Vanilla JavaScript Date & Date Range Picker For The Web

Demo Download

A flexible, powerful, accessible, multi-language, framework-agnostic date & date range picker for modern web design.


5. Flat Style JavaScript Date Picker – flatpickr

Flat Style JavaScript Date Picker – flatpickr

[Demo] [Download]

A simple yet powerful and customizable JavaScript library that enables the visitor to pick a date/time/date range from a flat, clean, customizable calendar.


6. Developer-friendly Date Picker In Pure JavaScript – thedatepicker

Developer-friendly Date Picker In Pure JavaScript – thedatepicker

[Demo] [Download]

A simple, customizable, developer-friendly date picker plugin implemented in pure (vanilla) JavaScript.


7. Tiny Event Calendar & Date Picker In JavaScript – TavoCalendar

Tiny Event Calendar & Date Picker In JavaScript – TavoCalendar

Demo Download

A Vanilla JavaScrip based inline calendar where the users are able to select a date (or a date range) or view events with mouse click.


8. Simple Datepicker Calendar In Vanilla JavaScript – Datepicker.js

Simple Datepicker Calendar In Vanilla JavaScript – Datepicker.js

Demo Download

A simple, lightweight, configurable date picker that works with the input field and is written in pure JavaScript/CSS.


9. Mobile-first iOS-style Date Picker In Vanilla JavaScript – rolldate

Mobile-first iOS-style Date Picker In Vanilla JavaScript – rolldate

[Demo] [Download]

A mobile-first, iOS-style, multi-format date picker component that uses better-scroll library for smooth scroll experience on the mobile & desktop.


10. Minimalist Date Picker Web Component – Carbox

Minimalist Date Picker Web Component – Carbox

Demo Download

A minimal, easy-to-implement, framework-agnostic, date picker web component written in vanilla 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: