time-picker.tsx

'use client'

import { useState } from 'react'
import clsx from 'clsx'
import clockIcon from '@iconify/icons-heroicons/clock'
import chevronDownIcon from '@iconify/icons-heroicons/chevron-down'
import { Icon } from '@/components/icon'
import {
  Listbox,
  ListboxButton,
  ListboxOptions,
  ListboxOption,
} from '@headlessui/react'
import { TIME_SLOTS, triggerButtonStyles, DEFAULT_TIMEZONE } from './utils'

// ============================================================================
// TimePicker Input Component
// ============================================================================

type TimePickerProps = {