Increment Steps

Allow only specific minute intervals

15-Minute Intervals

Restrict minute selection to 15-minute increments:

15-Minute Steps

Only 00, 15, 30, 45 available

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

function App() {
  return (
    <Timepicker
      options={{
        clock: { incrementMinutes: 15 }
      }}
    />
  );
}

30-Minute Intervals

<Timepicker
  options={{
    clock: { incrementMinutes: 30 }
  }}
/>

Use Cases

Appointment scheduling (15 or 30-minute slots)
Meeting duration selection
Business hours with fixed time slots
Simplified time selection for users