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

import { Timepicker } from "timepicker-ui-react";

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