TimePicker

Use TimePicker

TimePicker is a named export of @flood-md/react. Connect the package once, then import what you use.

"use client";

import { FloodRoot, TimePicker } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <TimePicker label="Start time" name="time" defaultValue="09:30" min="08:00" max="18:00" interval={1800} />
    </FloodRoot>
  );
}

Design notes

• Interval and step use seconds; the list contains at most 1000 entries.
• Manual entry remains available; this is wall-clock time without timezone conversion.
• One flat list, with selected-time visibility and a trailing action aligned with DatePicker.

API reference