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
import { Timepicker } from "timepicker-ui-react";
import "timepicker-ui/main.css";
import "timepicker-ui/theme-dark.css";


function App() {
  return (
    <Timepicker
      options={{
        ui: { theme: "dark" }
      }}
    />
  );
}

Dark with 24h Format

index.tsxtsx
<Timepicker
  options={{
    ui: { theme: "dark" },
    clock: { type: "24h" }
  }}
/>