jamsrui_timefield_react_component_basic_usage.ts

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