Implement register request

src/components/TimezonePicker.js

@@ -1,11 +1,13 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { InputPicker } from 'rsuite';
 
 import { timezones } from '../assets/data/timezonesFlat';
 
-export default function TimezonePicker() {
-	const [timezone, setTimezone] = useState('');
-
+export default function TimezonePicker({
+	handleSelect,
+	handleClean,
+	timezone,
+}) {
 	return (
 		<InputPicker
 			data={timezones}
@@ -14,8 +16,8 @@ export default function TimezonePicker() {
 			labelKey='timezone'
 			groupBy='area'
 			placeholder='type to search your timezone'
-			onSelect={(value, item, event) => setTimezone(item.timezone)}
-			onClean={(event) => setTimezone('')}
+			onSelect={handleSelect}
+			onClean={handleClean}
 			value={timezone}
 			valueKey='timezone'
 		/>