Skip to content
timepicker-ui
React · Themes

Dark Theme

Dark mode theme for reduced eye strain

Dark Theme

Perfect for night-time use and dark interfaces:

Dark Theme

Optimized for low-light environments

index.tsxtsx
1import { Timepicker } from "timepicker-ui-react";
2

3function App() {
4  return (
5    <Timepicker
6      options={{
7        ui: { theme: "dark" }
8      }}
9    />
10  );
11}

Dark with 24h Format

index.tsxtsx
1<Timepicker
2  options={{
3    ui: { theme: "dark" },
4    clock: { type: "24h" }
5  }}
6/>