20+ JS Time Picker

Time Picker – Are you looking for Time Picker Plugin, If yes then in this post I am going to share hand-picked Free Time Picker Examples for you. There are so many datepicker plugins all over the web but fewer are timepicker so here i have listed some cool time picker examples which you can use in your next web based projects.

Time Picker

Following are the list of Time Picker.

Vue timepicker DEMO

 Vue timepicker

This is a timepicker component for Vue 2. This was my first experiment with Vue 2 and I wanted to create something “real”.


Timepicker for Materializecss DEMO

 Timepicker for Materializecss


HTML & CSS Timepicker (No Js) DEMO

 HTML & CSS Timepicker (No Js)

This pen simulates a functional timepicker using HTML semantic elements and CSS3 super-powers. Problem Statement:


Javascript timepicker DEMO

 Javascript timepicker

Javascript timepicker.


Vanilla Javascript Timepicker DEMO

 Vanilla Javascript Timepicker


AngularJS Timepicker Input DEMO

 AngularJS Timepicker Input


Timepicker DEMO

 Timepicker


HTML & CSS Timepicker (No Js) – Final Version DEMO

 HTML & CSS Timepicker (No Js) - Final Version

This pen simulates a functional timepicker using HTML semantic elements and CSS3 super-powers. Problem Statement:


Bootstrap date & time picker DEMO

 Bootstrap date & time picker


Directly Draggable Analog-Clock Style Timepicker DEMO

 Directly Draggable Analog-Clock Style Timepicker

Directly draggable at hour or minute hand of the analog-clock style timepicker. Touch devices are supported.


Timepicker using SwiperJS DEMO

 Timepicker using SwiperJS

A timepicker implementation, made ridiculously simple by using Swiper.js


Date and Time Picker DEMO

 Date and Time Picker

Date and time picker directive


timepicker DEMO

 timepicker


Time Picker DEMO

 Time Picker


Wickedpicker Title Issue DEMO

 Wickedpicker Title Issue


Datepicker / Timepicker DEMO

 Datepicker / Timepicker


Bootstrap Timepicker DEMO

 Bootstrap Timepicker


Bootstrap Date/Time Picker DEMO

 Bootstrap Date/Time Picker

Custom bootstrap styling for Eonasdan’s DateTimePicker.


Timepicker DEMO

 Timepicker


Date and time picker with Pikadate.js and Materialize DEMO

 Date and time picker with Pikadate.js and Materialize


Make an appointment DEMO

 Make an appointment

Chose a date to pick a time, where you want the appointment to take place 🙂


HofO DEMO

 HofO


WIP – Material Open/Close Timepicker DEMO

 WIP - Material Open/Close Timepicker

Timepicker for setting open and close hours. This is a simple way to set operational hours without having to open and close multiple timepickers.


Timepicker with validation DEMO

 Timepicker with validation


I Hope you liked Hand-picked list of Time Picker, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked HTML and CSS code examples, tutorials and articles.