Installation

Get started with Timepicker-UI in your project

Package Manager

Install via npm, yarn, or pnpm:

npm install timepicker-ui

yarn add timepicker-ui

pnpm add timepicker-ui

Required Global CSS

Add this to your global stylesheet to avoid layout issues:

*,
*::before,
*::after {
  box-sizing: border-box;
}

Import Styles

Import the library styles in your main entry file:

import "timepicker-ui/main.css";

CDN

For quick prototyping, use the CDN version:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/timepicker-ui@3.1.3/dist/css/main.css">
<script src="https://cdn.jsdelivr.net/npm/timepicker-ui@3.1.3/dist/index.js"></script>

✅

Ready for the next step?

Check out the Quick Start guide to start building with Timepicker-UI