react_jamsrui_time_input_component_basic_usage.ts

1import React, { useState } from 'react';
2import { TimeInput } from '@jamsrui/time-input';
3
4const TimeInputExample: React.FC = () => {
5  const [time, setTime] = useState<string>('12:00');
6
7  const handleChange = (newTime: string) => {
8    setTime(newTime);
9    console.log('Selected time:', newTime);
10  };
11
12  return (
13    <div style={{ padding: '20px' }}>
14      <label htmlFor="time-picker">Select Time:</label>
15      <TimeInput
16        id="time-picker"
17        value={time}
18        onChange={handleChange}
19      />
20      <p>Current Value: {time}</p>
21    </div>
22  );
23};
24
25export default TimeInputExample;