Skip to content
timepicker-ui
React · Features

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

index.tsxtsx
1import { Timepicker } from "timepicker-ui-react";
2

3function App() {
4  return (
5    <Timepicker
6      options={{
7        clock: { incrementMinutes: 15 }
8      }}
9    />
10  );
11}

30-Minute Intervals

index.tsxtsx
1<Timepicker
2  options={{
3    clock: { incrementMinutes: 30 }
4  }}
5/>

Use Cases

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