react_timezone_select_component_with_dwidge_library.ts

1import React, { useState } from 'react';
2import { TimezoneSelect } from '@dwidge/timezone-react';
3
4const App: React.FC = () => {
5  const [timezone, setTimezone] = useState<string>(
6    Intl.DateTimeFormat().resolvedOptions().timeZone
7  );
8
9  return (
10    <div>
11      <h1>Select Timezone</h1>
12      <TimezoneSelect
13        value={timezone}
14        onChange={(tz: string) => setTimezone(tz)}
15      />
16      <p>Selected Timezone: {timezone}</p>
17    </div>
18  );
19};
20
21export default App;