Skip to content
timepicker-ui
React · Themes

Material 3 Green

Material Design 3 green theme

M3 Green Theme

Modern Material Design 3 aesthetics with green accent:

M3 Green

Material Design 3 specification

index.tsxtsx
import { Timepicker } from "timepicker-ui-react";
import "timepicker-ui/main.css";
import "timepicker-ui/theme-m3-green.css";


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

Available Themes

  • basic - Default light theme
  • dark - Dark mode
  • m3-green - Material Design 3 green
  • crane - Crane theme
  • crane-straight - Crane straight variant
  • Check vanilla examples for more themes