onConfirm

Handle time confirmation when user clicks OK

Confirm Callback

The onConfirm event fires when user clicks the OK button:

Confirmation Handler

Only saves value when confirmed

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

function App() {
  const [confirmedTime, setConfirmedTime] = useState("");

  return (
    <div>
      <Timepicker
        onConfirm={(data) => {
          setConfirmedTime(`${data.hour}:${data.minutes} ${data.type}`);
        }}
      />
      {confirmedTime && <p>Confirmed: {confirmedTime}</p>}
    </div>
  );
}

Event Data

The onConfirm callback receives an object with selected time:

interface ConfirmEventData {
  hour: string;        // e.g., "3", "15"
  minutes: string;     // e.g., "30", "00"
  type?: "AM" | "PM";  // Only in 12h mode
  degreesHours: number;
  degreesMinutes: number;
}

onConfirm={(data) => {
  console.log(data.hour);     // "3"
  console.log(data.minutes);  // "30"
  console.log(data.type);     // "PM"
}}