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 08, 2021
10 Best Date And Timer Picker Components:
1. Minimal Date & Time Picker – dtsel
A minimal, clean, simple-to-implement date & time picker in plain JavaScript.
2. Flat Style JavaScript Date Picker – flatpickr
flatpickr is a super simple JavaScript library which enables the visitor to pick a date from a flat, clean, customizable calendar.
3. Minimalist Date Picker Web Component – Carbox
A minimal, easy-to-implement, framework-agnostic, date picker web component written in vanilla JavaScript.
4. simplePicker
simplePicker is a vanilla JavaScript plugin to create Material Design inspired date picker with time picker integrated.
5. Hello Week
A beautiful, Material Design styled datetime picker component which allows you select date and time from a modal popup. Based on Materialize CSS framework.
6. Simple Datepicker Calendar In Vanilla JavaScript – Datepicker.js
A simple, lightweight, configurable date picker that works with the input field and is written in pure JavaScript/CSS.
7. Tiny Event Calendar & Date Picker In JavaScript – TavoCalendar
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. 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.
9. lightPick
lightPick.js is a JavaScript library to lets you create a flexible, customizable, multi-language, user-friendly date range picker component using moment.js.
10. Touch-friendly Clock Time Picker Plugin – clocklet
clocklet is a simple, configurable, touch-friendly time picker plugin written in pure 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: