Top 10 JavaScript & CSS Date And Timer Picker Components Of 2017

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.

Top 10 Date And Timer Picker Components:

10. Minimal Timer Picker With Pure JavaScript

Minimal Timer Picker With Pure JavaScript

Demo Download

A JavaScript/CSS only timer picker where you can select a time from a popup with separated hours/minutes selection panels.


9. Highly Customizable Date and Time Picker with Rome.js

Highly Customizable Date and Time Picker with Rome.js

Demo Download

Rome.js is a simple to use JS library for appending a highly customizable date & time picker on your input field when clicked/focused on.


8. Material Design Date Picker With Vanilla Javascript

Material Design Date Picker With Vanilla Javascript

Demo Download

A dependency-free vanilla Javascript library used to create a material design styled date picker for your web application.


7. Simple Pure JavaScript Date Range Picker – tripPicker

tripPicker

Demo Download

tripPicker is a pure JavaScript library that helps the user select a date range in a simple way.


6. Beautiful Pure JavaScript Date Picker With Events Support – Datepickk.js

Datepickk.js

Demo Download

Datepickk.js is a JavaScript library which allows you select a date or date range from a date picker popup or inline calendar, with support for custom events.


5. Lightweight Date Picker In Vanilla JavaScript

Lightweight Date Picker In Vanilla JavaScript

Demo Download

Vanilla datepicker is a lightweight vanilla JavaScript plugin used for creating a simple yet configurable date picker attaching to text input fields. No any 3rd libraries required.


4. Lightweight Pure JavaScript Date Picker library – DatePickerX

DatePickerX

Demo Download

DatePickerX is a lightweight, native JavaScript based date picker which enables the visitor to select dates, months and years in a nice clean calendar view.


3. Pure JavaScript Date & Time Picker – MTR Datepicker

MTR Datepicker

Demo Download

A pure JavaScript date picker which enables the user to select a date & time by using up / down arrows or mouse wheel.


2. Flat Style JavaScript Date Picker – flatpickr

flatpickr

Demo Download

flatpickr is a super simple JavaScript library which enables the visitor to pick a date from a flat, clean, customizable calendar.


1. Beautiful Material Design Date & Time Picker

Beautiful Material Design Date & Time Picker

Demo Download

A beautiful, Material Design styled datetime picker component which allows you select date and time from a modal popup. Based on Materialize CSS framework.