24h Format

Use 24-hour clock format instead of 12-hour with AM/PM

24-Hour Clock

Configure timepicker to use 24-hour format:

24h Format

Hours from 00 to 23

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

function App() {
  return (
    <Timepicker
      placeholder="Select time (24h)"
      options={{
        clock: { type: "24h" }
      }}
    />
  );
}

With Auto-Switch

Automatically switch to minutes after selecting hour:

Auto-Switch to Minutes

Improves user experience

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

function App() {
  return (
    <Timepicker
      options={{
        clock: {
          type: "24h",
          autoSwitchToMinutes: true
        }
      }}
    />
  );
}