date-picker.tsx

'use client'

import { useEffect, useState } from 'react'
import clsx from 'clsx'
import { DateTime } from 'luxon'
import calendarIcon from '@iconify/icons-heroicons/calendar'
import chevronDownIcon from '@iconify/icons-heroicons/chevron-down'
import chevronLeftIcon from '@iconify/icons-heroicons/chevron-left'
import chevronRightIcon from '@iconify/icons-heroicons/chevron-right'
import { Icon } from '@/components/icon'
import { Dialog, DialogPanel, DialogBackdrop } from '@headlessui/react'
import {
  DAYS,
  MONTHS,
  getDaysInMonth,
  getFirstDayOfMonth,
  formatDate,
  formatDateValue,
  triggerButtonStyles,
  isDatePast,