Multiple Pickers

1import { Timepicker } from "timepicker-ui-react";
2import { useState } from "react";
3
4function App() {
5  const [startTime, setStartTime] = useState("9:00 AM");
6  const [endTime, setEndTime] = useState("5:00 PM");
7
8  return (
9    <div>
10      <label>Start Time</label>
11      <Timepicker
12        value={startTime}
13        onUpdate={(data) => {
14          setStartTime(`${data.hour}:${data.minutes} ${data.type}`);
15        }}
16      />
17
18      <label>End Time</label>
19      <Timepicker
20        value={endTime}
21        onUpdate={(data) => {
22          setEndTime(`${data.hour}:${data.minutes} ${data.type}`);
23        }}
24      />
25      
26      <p>Range: {startTime} - {endTime}</p>
27    </div>
28  );
29}