Documentation Examples

Getting Started
12h Format
24h Format
With Backdrop
Without Animation

Basic Theme
Crane Straight
Crane Radius
Material 3
Dark Theme
Glassmorphic
Pastel
AI Theme
Cyberpunk

Inline Mode
Mobile Version
Editable Input
Disabled Time
Custom Labels
Current Time
Increment Steps
Focus Trap
Switch Icon

Event Callbacks
Custom Styling
Multiple Pickers
Dynamic Updates
Validation
Localization
Custom Container

Cyberpunk Theme

Neon cyberpunk aesthetic with vibrant colors

Cyberpunk Theme

Bold cyberpunk design with neon accents:

Select Time

Cyberpunk with 12h

Select Time

Cyberpunk with 24h

Select Time

Timepicker-UI

A beautiful, customizable, and accessible time picker component for modern web applications.

Documentation

Installation
Quick Start
Configuration
API Reference

Features

Themes
Mobile Support
Accessibility
Localization

Resources

GitHub
npm Package
Report Issues
Changelog

© 2025 Timepicker-UI.Made withby the Piotr Glejzer

MIT License Documentation v3.1.3