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.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.