With Callbacks

Handle time selection with callback functions

onConfirm Callback

Execute code when user confirms time selection:

Confirm Handler

Shows alert with selected time

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

function App() {
  return (
    <Timepicker
      placeholder="Select time"
      onConfirm={(data) => {
        alert(`Selected: ${data.hour}:${data.minutes} ${data.type}`);
      }}
    />
  );
}

Multiple Callbacks

Listen to multiple events:

Open, Confirm, Cancel

Check console (F12) for event logs

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

function App() {
  return (
    <Timepicker
      onOpen={(data) => console.log("Opened:", data)}
      onConfirm={(data) => console.log("Confirmed:", data)}
      onCancel={() => console.log("Cancelled")}
    />
  );
}