UNPKG

timepicker-24hr

Version:

A vanilla JavaScript web component for selecting time using a popup dropdown with 24-hour format support.

github.com/pickuse2013/timepicker-24hr

pickuse2013/timepicker-24hr

37 lines (24 loc) • 1.09 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
# ⏰ Timepicker-24hr A **vanilla JavaScript** web component for selecting time using a popup dropdown. Supports **24-hour format**, **form integration**, and requires **no frameworks**. > Built for simplicity. No dependencies. Fully native. --- ![Version](https://img.shields.io/badge/status-stable-brightgreen) ![Custom Element](https://img.shields.io/badge/web--component-native-blue) ![License](https://img.shields.io/github/license/yourname/villana-timepicker) ## 🔧 Features - ✅ 24-hour time format (00:00 ~ 23:59) - 🧩 Fully native [Custom Element](https://developer.mozilla.org/en-US/docs/Web/Web_Components) - 📝 Supports `<form>` via `name` + hidden input - 🔒 No dependencies / No bundler required - 🎨 Popup with dropdown-style `hour : minute` picker --- ## 🚀 Demo [🔗 Live Example (CodePen)](https://codepen.io/pickuse2013/pen/ByybOLd) --- ## 📦 Installation ### Option 1: Via `<script>` CDN ```html <script src="https://unpkg.com/timepicker-24hr"></script> <time-picker id="time" name="time"></time-picker> ```