24 lines
574 B
JavaScript
24 lines
574 B
JavaScript
import React, { useState } from 'react';
|
|
import { InputPicker } from 'rsuite';
|
|
|
|
import { timezones } from '../assets/data/timezonesFlat';
|
|
|
|
export default function TimezonePicker() {
|
|
const [timezone, setTimezone] = useState('');
|
|
|
|
return (
|
|
<InputPicker
|
|
data={timezones}
|
|
// cleanable={false}
|
|
style={{ width: '100%' }}
|
|
labelKey='timezone'
|
|
groupBy='area'
|
|
placeholder='type to search your timezone'
|
|
onSelect={(value, item, event) => setTimezone(item.timezone)}
|
|
onClean={(event) => setTimezone('')}
|
|
value={timezone}
|
|
valueKey='timezone'
|
|
/>
|
|
);
|
|
}
|