import {Switch} from "@headlessui/react"; import TimezoneSelect from "react-timezone-select"; import {useEffect, useState} from "react"; import {timeZone, is24h} from '../../lib/clock'; function classNames(...classes) { return classes.filter(Boolean).join(' ') } const TimeOptions = (props) => { const [selectedTimeZone, setSelectedTimeZone] = useState(''); const [is24hClock, setIs24hClock] = useState(false); useEffect( () => { setIs24hClock(is24h()); setSelectedTimeZone(timeZone()); }, []); useEffect( () => { props.onSelectTimeZone(timeZone(selectedTimeZone)); }, [selectedTimeZone]); useEffect( () => { props.onToggle24hClock(is24h(is24hClock)); }, [is24hClock]); return selectedTimeZone !== "" && (