Time Picker

Hour, minute, and AM/PM columns that read and write a 24-hour time string.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { useState } from "react";
import { TimePicker } from "@aile.sh/elia";

export function Example() {
  const [time, setTime] = useState("09:30");

  return (
    <div className="w-full max-w-[280px] rounded-card bg-surface p-3 shadow-card">
      <TimePicker hour12 minuteStep={5} value={time} onChange={setTime} />
    </div>
  );
}

— elia design system · MIT · base · https://github.com/aile-sh/elia