jamsrui_timefield_controlled_react_component_quickstart.ts

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