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-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 10, 2025
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. Mobile-first iOS-style Date Picker In Vanilla JavaScript – rolldate
A mobile-first, iOS-style, multi-format date picker component that uses better-scroll library for smooth scroll experience on the mobile & desktop.
3. Vanilla JavaScript Date & Date Range Picker For The Web
A flexible, powerful, accessible, multi-language, framework-agnostic date & date range picker for modern web design. Inspired by bootstrap-datepicker, and it works with most popular front-end frameworks such as Bootstrap, Bulma, Foundation, etc.

4. 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.
5. Lightweight Accessible Datepicker Calendar Component – DateDreamer
An easy, lightweight, and accessible date picker & calendar component written in Vanilla JavaScript.
6. Elegant Accessible Date Range Picker In JavaScript – Hotel Datepicker
A simple, flexible, customizable, accessible, and multilingual date range picker written in pure JavaScript. Can be used on hotel websites to provide an intuitive interface for users to select their check-in and check-out dates.
7. Flexible JavaScript Library for Date & Time Selection – Date Picker
A multilingual, customizable, themable JavaScript date picker library designed to simplify selecting dates, times, or both on web applications.
It provides a clean UI for selecting dates and/or times through the familiar calendar interface. Users can navigate through months to reach the desired date. Perfect for forms where users need to input deadlines, appointments, or any date-related information.

8. Minimal Date & Time Picker – dtsel
A minimal, clean, simple-to-implement date & time picker in plain JavaScript.
9. Developer-friendly Date Picker In Pure JavaScript – thedatepicker
A simple, customizable, developer-friendly date picker plugin implemented in pure (vanilla) JavaScript.
10. Flat Style JavaScript Date Picker – flatpickr
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.
More Resources:
To find more about date & time pickers for your modern web applications, here are a few more resources available on our networks: