27 lines
676 B
JavaScript
27 lines
676 B
JavaScript
import React, { useState, useEffect } from 'react';
|
|
import { timezones } from '../../assets/data/timezonesFlat';
|
|
import { InputPicker } from 'rsuite';
|
|
|
|
export default function TimezonePicker(props) {
|
|
const [timezone, setTimezone] = useState('');
|
|
|
|
useEffect(() => {
|
|
console.log('useEffect:', timezone);
|
|
}, [timezone]);
|
|
|
|
return (
|
|
<InputPicker
|
|
data={timezones}
|
|
// cleanable={false}
|
|
style={{ width: 320 }}
|
|
labelKey='timezone'
|
|
groupBy='area'
|
|
placeholder='Type to search and select your timezone'
|
|
onSelect={(value, item, event) => setTimezone(item.timezone)}
|
|
onClean={(event) => setTimezone('')}
|
|
value={timezone}
|
|
valueKey='timezone'
|
|
/>
|
|
);
|
|
}
|