@nofinite/nui 1.1.1 → 2.0.1

package/dist/components/datepicker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["// DatePicker.tsx\r\n// Final Version — Minimal, Elegant, Inline Year + Month Selector\r\n// Calendar hides during year/month selection. No dependencies. Zero warnings.\r\n\r\nimport { useState, useRef, useEffect, KeyboardEvent, useMemo } from 'react';\r\nimport './DatePicker.css';\r\nimport { Portal, onClickOutside, restoreFocus } from '../../utils/index';\r\n\r\n/* ------------------------------------------\r\n   Helpers\r\n------------------------------------------- */\r\n\r\nconst pad = (n: number) => (n < 10 ? `0${n}` : `${n}`);\r\nconst toISO = (d: Date) =>\r\n  `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;\r\n\r\nfunction fromISO(s?: string | null): Date | null {\r\n  if (!s) return null;\r\n  const [y, m, d] = s.split('-').map(Number);\r\n  const dt = new Date(y, m - 1, d);\r\n  return Number.isNaN(dt.getTime()) ? null : dt;\r\n}\r\n\r\nconst startOfMonth = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\r\nconst addMonths = (d: Date, n: number) =>\r\n  new Date(d.getFullYear(), d.getMonth() + n, 1);\r\nconst daysInMonth = (d: Date) =>\r\n  new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();\r\n\r\n/* ------------------------------------------\r\n   Component Props\r\n------------------------------------------- */\r\n\r\nexport interface DatePickerProps {\r\n  value?: string; // YYYY-MM-DD\r\n  defaultValue?: string;\r\n  onChange?: (v: string) => void;\r\n  minDate?: string;\r\n  maxDate?: string;\r\n  placeholder?: string;\r\n  name?: string;\r\n  locale?: string;\r\n  id?: string;\r\n  className?: string;\r\n}\r\n\r\n/* ------------------------------------------\r\n   Component\r\n------------------------------------------- */\r\n\r\nexport function DatePicker({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  minDate,\r\n  maxDate,\r\n  placeholder = 'Select date',\r\n  name,\r\n  locale = 'en-US',\r\n  id,\r\n  className = '',\r\n}: DatePickerProps) {\r\n  const controlled = value !== undefined;\r\n  const [internal, setInternal] = useState<string | undefined>(defaultValue);\r\n  const selected = controlled ? value : internal;\r\n  const selectedDate = fromISO(selected) ?? new Date();\r\n\r\n  const [visible, setVisible] = useState<Date>(startOfMonth(selectedDate));\r\n  const [open, setOpen] = useState(false);\r\n  const [showYMM, setShowYMM] = useState(false);\r\n\r\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\r\n  const popRef = useRef<HTMLDivElement | null>(null);\r\n  const gridDayRefs = useRef<Record<string, HTMLButtonElement | null>>({});\r\n\r\n  /* ------------------------------------------\r\n     Min/Max handling\r\n  ------------------------------------------- */\r\n\r\n  const minDt = fromISO(minDate) ?? undefined;\r\n  const maxDt = fromISO(maxDate) ?? undefined;\r\n\r\n  const isDisabledDate = (d: Date): boolean => {\r\n    if (minDt && d < minDt) return true;\r\n    if (maxDt && d > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Click outside\r\n  ------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    return onClickOutside(popRef, () => {\r\n      setOpen(false);\r\n      setShowYMM(false);\r\n    });\r\n  }, [open]);\r\n\r\n  /* ------------------------------------------\r\n     Restore focus when closing\r\n  ------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const t = triggerRef.current;\r\n    return () => {\r\n      restoreFocus(t ?? null);\r\n      setShowYMM(false);\r\n    };\r\n  }, [open]);\r\n\r\n  /* ------------------------------------------\r\n     Positioning\r\n  ------------------------------------------- */\r\n\r\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!open || !triggerRef.current) return;\r\n    const r = triggerRef.current.getBoundingClientRect();\r\n    setPos({ top: r.bottom + 8, left: r.left });\r\n  }, [open, visible]);\r\n\r\n  /* ------------------------------------------\r\n     Calendar Grid\r\n  ------------------------------------------- */\r\n  const grid = useMemo(() => {\r\n    const first = startOfMonth(visible);\r\n    const startDow = first.getDay();\r\n    const totalDays = daysInMonth(visible);\r\n\r\n    const cells: (number | null)[] = [];\r\n\r\n    for (let i = 0; i < startDow; i++) cells.push(null);\r\n    for (let d = 1; d <= totalDays; d++) cells.push(d);\r\n    while (cells.length % 7 !== 0) cells.push(null);\r\n\r\n    return cells;\r\n  }, [visible]);\r\n\r\n  const weekdays = useMemo(\r\n    () =>\r\n      Array.from({ length: 7 }).map((_, i) =>\r\n        new Date(2020, 5, 7 + i).toLocaleDateString(locale, {\r\n          weekday: 'short',\r\n        })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  /* ------------------------------------------\r\n     Year & Month Overlay Grids\r\n  ------------------------------------------- */\r\n\r\n  const visibleYear = visible.getFullYear();\r\n  const YEAR_SPAN = 100;\r\n  const yearStart = visibleYear - YEAR_SPAN;\r\n\r\n  const years = useMemo(\r\n    () =>\r\n      Array.from({ length: YEAR_SPAN * 2 + 1 }).map((_, i) => yearStart + i),\r\n    [yearStart]\r\n  );\r\n\r\n  const months = useMemo(\r\n    () =>\r\n      Array.from({ length: 12 }).map((_, i) =>\r\n        new Date(2020, i, 1).toLocaleDateString(locale, { month: 'short' })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  const isMonthDisabled = (year: number, month: number): boolean => {\r\n    const start = new Date(year, month, 1);\r\n    const end = new Date(year, month, daysInMonth(start));\r\n    if (minDt && end < minDt) return true;\r\n    if (maxDt && start > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Commit selections\r\n  ------------------------------------------- */\r\n\r\n  const commitDay = (d: number) => {\r\n    const dt = new Date(visible.getFullYear(), visible.getMonth(), d);\r\n    if (isDisabledDate(dt)) return;\r\n\r\n    const iso = toISO(dt);\r\n    if (!controlled) setInternal(iso);\r\n    onChange?.(iso);\r\n\r\n    setOpen(false);\r\n    setShowYMM(false);\r\n  };\r\n\r\n  const commitMonth = (month: number) => {\r\n    setVisible(new Date(visible.getFullYear(), month, 1));\r\n    setShowYMM(false); // close overlay\r\n  };\r\n\r\n  const commitYear = (year: number) => {\r\n    setVisible(new Date(year, visible.getMonth(), 1));\r\n    // leave overlay open for month selection\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Keyboard navigation for days\r\n  ------------------------------------------- */\r\n\r\n  const focusDayByIndex = (idx: number) => {\r\n    if (idx < 0 || idx >= grid.length) return;\r\n    const day = grid[idx];\r\n    if (!day) return;\r\n    const key = `${visible.getFullYear()}-${visible.getMonth()}-${day}`;\r\n    gridDayRefs.current[key]?.focus();\r\n  };\r\n\r\n  const onDayKey = (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\r\n    const idx = grid.findIndex((c) => c === day);\r\n    if (idx === -1) return;\r\n\r\n    const cols = 7;\r\n    let nextIdx: number | null = null;\r\n\r\n    switch (e.key) {\r\n      case 'ArrowRight':\r\n        nextIdx = idx + 1;\r\n        break;\r\n      case 'ArrowLeft':\r\n        nextIdx = idx - 1;\r\n        break;\r\n      case 'ArrowDown':\r\n        nextIdx = idx + cols;\r\n        break;\r\n      case 'ArrowUp':\r\n        nextIdx = idx - cols;\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        e.preventDefault();\r\n        commitDay(day);\r\n        return;\r\n      case 'PageUp':\r\n        setVisible((v) => addMonths(v, -1));\r\n        return;\r\n      case 'PageDown':\r\n        setVisible((v) => addMonths(v, 1));\r\n        return;\r\n      case 'Escape':\r\n        setOpen(false);\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    e.preventDefault();\r\n\r\n    if (nextIdx === null) return;\r\n    if (nextIdx < 0 || nextIdx >= grid.length) return;\r\n\r\n    if (grid[nextIdx] != null) focusDayByIndex(nextIdx);\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Labels\r\n  ------------------------------------------- */\r\n\r\n  const headerMonthLabel = visible.toLocaleDateString(locale, {\r\n    month: 'long',\r\n  });\r\n  const headerYearLabel = visible.getFullYear();\r\n\r\n  /* ------------------------------------------\r\n     Render\r\n  ------------------------------------------- */\r\n\r\n  return (\r\n    <div className={`ui-datepicker minimal ${className}`}>\r\n      {name && <input type=\"hidden\" name={name} value={selected ?? ''} />}\r\n\r\n      <button\r\n        id={id}\r\n        ref={triggerRef}\r\n        type=\"button\"\r\n        className=\"ui-datepicker-input\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        onClick={() => {\r\n          setOpen((s) => !s);\r\n          setShowYMM(false);\r\n        }}\r\n      >\r\n        {selected ?? placeholder}\r\n      </button>\r\n\r\n      {open && pos && (\r\n        <Portal>\r\n          <div\r\n            ref={popRef}\r\n            className=\"ui-datepicker-popover\"\r\n            style={{\r\n              position: 'fixed',\r\n              top: pos.top,\r\n              left: pos.left,\r\n            }}\r\n          >\r\n            <div className=\"ui-datepicker-panel minimal\">\r\n              {/* Header */}\r\n              <div className=\"ui-header-row\">\r\n                <button\r\n                  className=\"ui-arrow\"\r\n                  aria-label=\"Previous month\"\r\n                  onClick={() => setVisible((v) => addMonths(v, -1))}\r\n                >\r\n                  ‹\r\n                </button>\r\n\r\n                <button\r\n                  className=\"ui-header-center\"\r\n                  onClick={() => setShowYMM((s) => !s)}\r\n                  aria-expanded={showYMM}\r\n                >\r\n                  {headerMonthLabel} {headerYearLabel}\r\n                </button>\r\n\r\n                <button\r\n                  className=\"ui-arrow\"\r\n                  aria-label=\"Next month\"\r\n                  onClick={() => setVisible((v) => addMonths(v, 1))}\r\n                >\r\n                  ›\r\n                </button>\r\n              </div>\r\n\r\n              {/* Year + Month Selector */}\r\n              {showYMM && (\r\n                <div className=\"ui-ym-panel\">\r\n                  <div className=\"ui-year-grid\">\r\n                    {years.map((y) => {\r\n                      const sel = y === visible.getFullYear();\r\n                      return (\r\n                        <button\r\n                          key={y}\r\n                          className={`ui-year-item ${sel ? 'selected' : ''}`}\r\n                          onClick={() => commitYear(y)}\r\n                        >\r\n                          {y}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n\r\n                  <div className=\"ui-month-grid\">\r\n                    {months.map((label, i) => {\r\n                      const disabled = isMonthDisabled(\r\n                        visible.getFullYear(),\r\n                        i\r\n                      );\r\n                      const sel = i === visible.getMonth();\r\n\r\n                      return (\r\n                        <button\r\n                          key={i}\r\n                          className={`ui-month-item ${\r\n                            disabled ? 'disabled' : ''\r\n                          } ${sel ? 'selected' : ''}`}\r\n                          disabled={disabled ? true : undefined}\r\n                          onClick={() => !disabled && commitMonth(i)}\r\n                        >\r\n                          {label}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* Calendar ONLY when overlay hidden */}\r\n              {!showYMM && (\r\n                <div\r\n                  className=\"ui-calendar minimal\"\r\n                  role=\"grid\"\r\n                  aria-label={`${headerMonthLabel} ${headerYearLabel}`}\r\n                >\r\n                  <div className=\"ui-weekdays\">\r\n                    {weekdays.map((w, i) => (\r\n                      <div key={i} className=\"ui-weekday\">\r\n                        {w}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  <div className=\"ui-days-grid\">\r\n                    {grid.map((cell, idx) => {\r\n                      if (cell === null)\r\n                        return <div key={idx} className=\"ui-day-empty\" />;\r\n\r\n                      const dt = new Date(\r\n                        visible.getFullYear(),\r\n                        visible.getMonth(),\r\n                        cell\r\n                      );\r\n                      const iso = toISO(dt);\r\n                      const disabled = isDisabledDate(dt);\r\n                      const sel = selected === iso;\r\n                      const key = `${visible.getFullYear()}-${visible.getMonth()}-${cell}`;\r\n\r\n                      return (\r\n                        <button\r\n                          key={key}\r\n                          ref={(el) => {\r\n                            gridDayRefs.current[key] = el;\r\n                          }}\r\n                          className={`ui-day ${sel ? 'selected' : ''}`}\r\n                          aria-selected={sel || undefined}\r\n                          onClick={() => !disabled && commitDay(cell)}\r\n                          onKeyDown={(e) => onDayKey(e, cell)}\r\n                          disabled={disabled ? true : undefined}\r\n                        >\r\n                          {cell}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <div className=\"ui-footer\">\r\n                <button\r\n                  onClick={() => {\r\n                    setOpen(false);\r\n                    setShowYMM(false);\r\n                  }}\r\n                >\r\n                  Close\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Portal>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["pad","toISO","d","fromISO","s","y","m","dt","startOfMonth","addMonths","n","daysInMonth","DatePicker","value","defaultValue","onChange","minDate","maxDate","placeholder","name","locale","id","className","controlled","internal","setInternal","useState","selected","selectedDate","visible","setVisible","open","setOpen","showYMM","setShowYMM","triggerRef","useRef","popRef","gridDayRefs","minDt","maxDt","isDisabledDate","useEffect","onClickOutside","t","restoreFocus","pos","setPos","r","grid","useMemo","startDow","totalDays","cells","i","weekdays","_","visibleYear","YEAR_SPAN","yearStart","years","months","isMonthDisabled","year","month","start","end","commitDay","iso","commitMonth","commitYear","focusDayByIndex","idx","day","key","onDayKey","c","cols","nextIdx","v","headerMonthLabel","headerYearLabel","jsxs","jsx","Portal","sel","label","disabled","w","cell","el","e"],"mappings":"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"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useRef, useEffect, KeyboardEvent, useMemo, useCallback, useLayoutEffect } from 'react';\nimport { cn } from '../../utils';\nimport { Portal, onClickOutside, restoreFocus } from '../../utils';\nimport './DatePicker.css';\n\n/* ------------------------------------------\n   Helpers\n------------------------------------------- */\nconst pad = (n: number) => (n < 10 ? `0${n}` : `${n}`);\nconst toISO = (d: Date) => `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;\n\nfunction fromISO(s?: string | null): Date | null {\n  if (!s) return null;\n  const [y, m, d] = s.split('-').map(Number);\n  const dt = new Date(y, m - 1, d);\n  return Number.isNaN(dt.getTime()) ? null : dt;\n}\n\nconst startOfMonth = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\nconst addMonths = (d: Date, n: number) => new Date(d.getFullYear(), d.getMonth() + n, 1);\nconst daysInMonth = (d: Date) => new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();\n\n/* ------------------------------------------\n   Component Props\n------------------------------------------- */\nexport interface DatePickerProps {\n  /** Controlled value in YYYY-MM-DD format */\n  value?: string; \n  /** Initial uncontrolled value in YYYY-MM-DD format */\n  defaultValue?: string;\n  onChange?: (v: string) => void;\n  minDate?: string;\n  maxDate?: string;\n  placeholder?: string;\n  name?: string;\n  /** Used for formatting the display date and weekdays. Defaults to 'en-US' */\n  locale?: string;\n  id?: string;\n  className?: string;\n  disabled?: boolean;\n  /** Custom formatter for the trigger button label */\n  formatDisplay?: (date: Date) => string;\n}\n\n/* ------------------------------------------\n   Component\n------------------------------------------- */\n\n/**\n * DatePicker Component\n * * A robust, accessible date selection tool.\n * Architecture Note: Implements smart collision detection to flip the popover\n * above the trigger if it hits the bottom of the viewport.\n */\nexport function DatePicker({\n  value,\n  defaultValue,\n  onChange,\n  minDate,\n  maxDate,\n  placeholder = 'Select date',\n  name,\n  locale = 'en-US',\n  id,\n  className,\n  disabled = false,\n  formatDisplay,\n}: DatePickerProps) {\n  const controlled = value !== undefined;\n  const [internal, setInternal] = useState<string | undefined>(defaultValue);\n  const selected = controlled ? value : internal;\n  const selectedDate = fromISO(selected) ?? new Date();\n\n  const [visible, setVisible] = useState<Date>(startOfMonth(selectedDate));\n  const [open, setOpen] = useState(false);\n  const [showYMM, setShowYMM] = useState(false);\n\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const popRef = useRef<HTMLDivElement | null>(null);\n  const gridDayRefs = useRef<Record<string, HTMLButtonElement | null>>({});\n  const selectedYearRef = useRef<HTMLButtonElement | null>(null);\n  const calendarRef = useRef<HTMLDivElement | null>(null);\n\n  /* ------------------------------------------\n     Min/Max handling\n  ------------------------------------------- */\n  const minDt = fromISO(minDate) ?? undefined;\n  const maxDt = fromISO(maxDate) ?? undefined;\n\n  const isDisabledDate = useCallback((d: Date): boolean => {\n    if (minDt && d < minDt) return true;\n    if (maxDt && d > maxDt) return true;\n    return false;\n  }, [minDt, maxDt]);\n\n  /* ------------------------------------------\n     Click outside & Focus\n  ------------------------------------------- */\n  useEffect(() => {\n    if (!open) return;\n    const cleanup = onClickOutside([popRef, triggerRef], () => {\n      setOpen(false);\n      setShowYMM(false);\n    });\n    return cleanup;\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return;\n    const t = triggerRef.current;\n    \n    const timeoutId = setTimeout(() => {\n      if (!showYMM) {\n        const targetDate = fromISO(selected) || new Date();\n        const d = (targetDate.getMonth() === visible.getMonth() && targetDate.getFullYear() === visible.getFullYear())\n            ? targetDate.getDate()\n            : 1;\n\n        const key = `${visible.getFullYear()}-${visible.getMonth()}-${d}`;\n        \n        if (gridDayRefs.current[key]) {\n            gridDayRefs.current[key]?.focus();\n        } else {\n            const firstValidKey = `${visible.getFullYear()}-${visible.getMonth()}-1`;\n            gridDayRefs.current[firstValidKey]?.focus();\n        }\n      }\n    }, 10);\n\n    return () => {\n      clearTimeout(timeoutId);\n      restoreFocus(t ?? null);\n      setShowYMM(false);\n    };\n  }, [open, showYMM, selected, visible]);\n\n /* ------------------------------------------\n     Positioning & Smart Collision\n  ------------------------------------------- */\n  const [coords, setCoords] = useState({ top: -9999, left: -9999 });\n\n  const updatePosition = useCallback(() => {\n    if (!triggerRef.current || !popRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const popRect = popRef.current.getBoundingClientRect();\n\n    const scrollY = window.scrollY;\n    const scrollX = window.scrollX;\n\n    let top = triggerRect.bottom + scrollY + 8;\n    let left = triggerRect.left + scrollX;\n\n    const padding = 16;\n    const maxLeft = document.documentElement.clientWidth - popRect.width - padding;\n\n    if (left > maxLeft + scrollX) {\n      left = triggerRect.right + scrollX - popRect.width;\n      \n      if (left < padding + scrollX) {\n        left = padding + scrollX;\n      }\n    }\n\n    const maxTop = document.documentElement.clientHeight - popRect.height - padding;\n    \n    if (triggerRect.bottom + 8 > maxTop) {\n      top = triggerRect.top + scrollY - popRect.height - 8;\n    }\n\n    setCoords({ top, left });\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', updatePosition, true);\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [open, updatePosition]);\n\n  /* ------------------------------------------\n     Auto-Scroll Year Selector\n  ------------------------------------------- */\n  useEffect(() => {\n    if (showYMM && selectedYearRef.current) {\n      selectedYearRef.current.scrollIntoView({ block: 'center', behavior: 'smooth' });\n    }\n  }, [showYMM]);\n\n  /* ------------------------------------------\n     Calendar Grids\n  ------------------------------------------- */\n  const grid = useMemo(() => {\n    const first = startOfMonth(visible);\n    const startDow = first.getDay(); \n    const totalDays = daysInMonth(visible);\n    \n    const cells: (number | null)[] = [];\n\n    for (let i = 0; i < startDow; i++) cells.push(null);\n    for (let d = 1; d <= totalDays; d++) cells.push(d);\n    while (cells.length % 7 !== 0) cells.push(null);\n\n    return cells;\n  }, [visible]);\n\n  const weekdays = useMemo(\n    () => Array.from({ length: 7 }).map((_, i) =>\n        new Date(2020, 5, 7 + i).toLocaleDateString(locale, { weekday: 'short' })\n      ),\n    [locale]\n  );\n\n  const visibleYear = visible.getFullYear();\n  const YEAR_SPAN = 100;\n  const yearStart = visibleYear - YEAR_SPAN;\n\n  const years = useMemo(\n    () => Array.from({ length: YEAR_SPAN * 2 + 1 }).map((_, i) => yearStart + i),\n    [yearStart]\n  );\n\n  const months = useMemo(\n    () => Array.from({ length: 12 }).map((_, i) =>\n        new Date(2020, i, 1).toLocaleDateString(locale, { month: 'short' })\n      ),\n    [locale]\n  );\n\n  const isMonthDisabled = useCallback((year: number, month: number): boolean => {\n    const start = new Date(year, month, 1);\n    const end = new Date(year, month, daysInMonth(start));\n    if (minDt && end < minDt) return true;\n    if (maxDt && start > maxDt) return true;\n    return false;\n  }, [minDt, maxDt]);\n\n  /* ------------------------------------------\n     Commit Selections\n  ------------------------------------------- */\n  const commitDay = (d: number) => {\n    const dt = new Date(visible.getFullYear(), visible.getMonth(), d);\n    if (isDisabledDate(dt)) return;\n\n    const iso = toISO(dt);\n    if (!controlled) setInternal(iso);\n    onChange?.(iso);\n\n    setOpen(false);\n    setShowYMM(false);\n  };\n\n  const commitMonth = (month: number) => {\n    setVisible(new Date(visible.getFullYear(), month, 1));\n    setShowYMM(false);\n  };\n\n  const commitYear = (year: number) => {\n    setVisible(new Date(year, visible.getMonth(), 1));\n  };\n\n  /* ------------------------------------------\n     Keyboard Navigation\n  ------------------------------------------- */\n  const focusDayByIndex = (idx: number) => {\n    if (idx < 0 || idx >= grid.length) return;\n    const day = grid[idx];\n    if (!day) return;\n    const key = `${visible.getFullYear()}-${visible.getMonth()}-${day}`;\n    gridDayRefs.current[key]?.focus();\n  };\n\n  const onCalendarKey = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.target === calendarRef.current && ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'].includes(e.key)) {\n        e.preventDefault();\n        \n        const targetDate = fromISO(selected) || new Date();\n        const d = (targetDate.getMonth() === visible.getMonth() && targetDate.getFullYear() === visible.getFullYear())\n            ? targetDate.getDate()\n            : 1;\n\n        const idx = grid.findIndex((c) => c === d);\n        \n        if (idx !== -1) {\n            focusDayByIndex(idx);\n        } else {\n            const firstValidIdx = grid.findIndex((c) => c !== null);\n            if (firstValidIdx !== -1) focusDayByIndex(firstValidIdx);\n        }\n    }\n  }\n\n  const onDayKey = (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\n    const idx = grid.findIndex((c) => c === day);\n    if (idx === -1) return;\n\n    const cols = 7;\n    let nextIdx: number | null = null;\n\n    switch (e.key) {\n      case 'ArrowRight': nextIdx = idx + 1; break;\n      case 'ArrowLeft': nextIdx = idx - 1; break;\n      case 'ArrowDown': nextIdx = idx + cols; break;\n      case 'ArrowUp': nextIdx = idx - cols; break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        commitDay(day);\n        return;\n      case 'PageUp':\n        e.preventDefault();\n        setVisible((v) => addMonths(v, -1));\n        return;\n      case 'PageDown':\n        e.preventDefault();\n        setVisible((v) => addMonths(v, 1));\n        return;\n      case 'Escape':\n        e.preventDefault();\n        setOpen(false);\n        return;\n      default:\n        return;\n    }\n\n    if (nextIdx !== null && nextIdx >= 0 && nextIdx < grid.length) {\n      if (grid[nextIdx] !== null) {\n        e.preventDefault();\n        focusDayByIndex(nextIdx);\n      }\n    }\n  };\n\n  const headerMonthLabel = visible.toLocaleDateString(locale, { month: 'long' });\n  const headerYearLabel = visible.getFullYear();\n\n  /* ------------------------------------------\n     Render\n  ------------------------------------------- */\n  return (\n    <div className={cn(\"nui-datepicker-root\", className)}>\n      {name && <input type=\"hidden\" name={name} value={selected ?? ''} />}\n\n      <button\n        id={id}\n        ref={triggerRef}\n        type=\"button\"\n        disabled={disabled}\n        className=\"nui-datepicker-trigger\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        onClick={() => {\n          setOpen((s) => !s);\n          setShowYMM(false);\n        }}\n      >\n        <span className={!selected ? \"nui-datepicker-placeholder\" : \"\"}>\n          {selected\n            ? formatDisplay\n              ? formatDisplay(selectedDate)\n              : new Intl.DateTimeFormat(locale, {\n                  year: 'numeric',\n                  month: 'short',\n                  day: 'numeric',\n                }).format(selectedDate)\n            : placeholder}\n        </span>\n        <svg className=\"nui-datepicker-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\n        </svg>\n      </button>\n\n      {open && (\n        <Portal>\n          <div\n            ref={popRef}\n            className=\"nui-datepicker-popover\"\n            style={{\n              position: 'absolute',\n              top: coords.top,\n              left: coords.left,\n            }}\n          >\n            <div className=\"nui-datepicker-panel\">\n              \n              {/* Header */}\n              <div className=\"nui-datepicker-header\">\n                <button\n                  className=\"nui-datepicker-arrow\"\n                  aria-label=\"Previous month\"\n                  onClick={() => setVisible((v) => addMonths(v, -1))}\n                >\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"></polyline></svg>\n                </button>\n\n                <button\n                  className=\"nui-datepicker-ym-toggle\"\n                  onClick={() => setShowYMM((s) => !s)}\n                  aria-expanded={showYMM}\n                >\n                  {headerMonthLabel} {headerYearLabel}\n                </button>\n\n                <button\n                  className=\"nui-datepicker-arrow\"\n                  aria-label=\"Next month\"\n                  onClick={() => setVisible((v) => addMonths(v, 1))}\n                >\n                  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n                </button>\n              </div>\n\n              {/* Year + Month Selector */}\n              {showYMM && (\n                <div className=\"nui-datepicker-ym-panel\">\n                  <div className=\"nui-datepicker-year-grid\">\n                    {years.map((y) => {\n                      const sel = y === visible.getFullYear();\n                      return (\n                        <button\n                          key={y}\n                          ref={sel ? selectedYearRef : null}\n                          className={cn(\"nui-datepicker-year\", sel && \"selected\")}\n                          onClick={() => commitYear(y)}\n                        >\n                          {y}\n                        </button>\n                      );\n                    })}\n                  </div>\n\n                  <div className=\"nui-datepicker-month-grid\">\n                    {months.map((label, i) => {\n                      const disabled = isMonthDisabled(visible.getFullYear(), i);\n                      const sel = i === visible.getMonth();\n                      return (\n                        <button\n                          key={i}\n                          className={cn(\"nui-datepicker-month\", disabled && \"disabled\", sel && \"selected\")}\n                          disabled={disabled ? true : undefined}\n                          onClick={() => !disabled && commitMonth(i)}\n                        >\n                          {label}\n                        </button>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n\n              {/* Calendar Grid */}\n              {!showYMM && (\n                <div \n                  className=\"nui-datepicker-calendar\" \n                  role=\"grid\" \n                  aria-label={`${headerMonthLabel} ${headerYearLabel}`}\n                  ref={calendarRef}\n                  tabIndex={-1}\n                  onKeyDown={onCalendarKey}\n                  style={{ outline: 'none' }}\n                >\n                  <div className=\"nui-datepicker-weekdays\">\n                    {weekdays.map((w, i) => (\n                      <div key={i} className=\"nui-datepicker-weekday\">{w}</div>\n                    ))}\n                  </div>\n\n                  <div className=\"nui-datepicker-days\">\n                    {grid.map((cell, idx) => {\n                      if (cell === null) return <div key={idx} className=\"nui-datepicker-empty\" />;\n\n                      const dt = new Date(visible.getFullYear(), visible.getMonth(), cell);\n                      const iso = toISO(dt);\n                      const disabled = isDisabledDate(dt);\n                      const sel = selected === iso;\n                      const today = toISO(new Date()) === iso;\n                      const key = `${visible.getFullYear()}-${visible.getMonth()}-${cell}`;\n\n                      return (\n                        <button\n                          key={key}\n                          ref={(el) => { gridDayRefs.current[key] = el; }}\n                          className={cn(\n                            \"nui-datepicker-day\", \n                            sel && \"selected\", \n                            today && !sel && \"today\"\n                          )}\n                          aria-selected={sel || undefined}\n                          onClick={() => !disabled && commitDay(cell)}\n                          onKeyDown={(e) => onDayKey(e, cell)}\n                          disabled={disabled ? true : undefined}\n                        >\n                          {cell}\n                        </button>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        </Portal>\n      )}\n    </div>\n  );\n}"],"names":["pad","n","toISO","d","fromISO","s","y","m","dt","startOfMonth","addMonths","daysInMonth","DatePicker","value","defaultValue","onChange","minDate","maxDate","placeholder","name","locale","id","className","disabled","formatDisplay","controlled","internal","setInternal","useState","selected","selectedDate","visible","setVisible","open","setOpen","showYMM","setShowYMM","triggerRef","useRef","popRef","gridDayRefs","selectedYearRef","calendarRef","minDt","maxDt","isDisabledDate","useCallback","useEffect","onClickOutside","t","timeoutId","targetDate","key","firstValidKey","restoreFocus","coords","setCoords","updatePosition","triggerRect","popRect","scrollY","scrollX","top","left","padding","maxLeft","maxTop","useLayoutEffect","grid","useMemo","startDow","totalDays","cells","i","weekdays","_","visibleYear","YEAR_SPAN","yearStart","years","months","isMonthDisabled","year","month","start","end","commitDay","iso","commitMonth","commitYear","focusDayByIndex","idx","day","onCalendarKey","c","firstValidIdx","onDayKey","cols","nextIdx","v","headerMonthLabel","headerYearLabel","cn","jsxs","jsx","Portal","sel","label","w","cell","today","el","e"],"mappings":"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"}

package/dist/components/datepicker/DatePicker.js

@@ -1,265 +1,298 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useState as D, useRef as S, useEffect as A, useMemo as v } from "react";
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { useState as M, useRef as N, useCallback as O, useEffect as T, useLayoutEffect as De, useMemo as A } from "react";
 /* empty css               */
-import { onClickOutside as ue } from "../../utils/onclickoutside/onClickOutside.js";
-import { restoreFocus as de } from "../../utils/restorefocus/restoreFocus.js";
-import { Portal as me } from "../../utils/portal/portal.js";
-const V = (n) => n < 10 ? `0${n}` : `${n}`, q = (n) => `${n.getFullYear()}-${V(n.getMonth() + 1)}-${V(n.getDate())}`;
-function I(n) {
-  if (!n) return null;
-  const [h, Y, $] = n.split("-").map(Number), w = new Date(h, Y - 1, $);
-  return Number.isNaN(w.getTime()) ? null : w;
+import { onClickOutside as ye } from "../../utils/onclickoutside/onClickOutside.js";
+import { restoreFocus as ve } from "../../utils/restorefocus/restoreFocus.js";
+import { cn as R } from "../../utils/cn/cn.js";
+import { Portal as be } from "../../utils/portal/portal.js";
+const ee = (s) => s < 10 ? `0${s}` : `${s}`, U = (s) => `${s.getFullYear()}-${ee(s.getMonth() + 1)}-${ee(s.getDate())}`;
+function F(s) {
+  if (!s) return null;
+  const [v, S, P] = s.split("-").map(Number), L = new Date(v, S - 1, P);
+  return Number.isNaN(L.getTime()) ? null : L;
 }
-const z = (n) => new Date(n.getFullYear(), n.getMonth(), 1), M = (n, h) => new Date(n.getFullYear(), n.getMonth() + h, 1), G = (n) => new Date(n.getFullYear(), n.getMonth() + 1, 0).getDate();
-function be({
-  value: n,
-  defaultValue: h,
-  onChange: Y,
-  minDate: $,
-  maxDate: w,
-  placeholder: H = "Select date",
-  name: P,
+const te = (s) => new Date(s.getFullYear(), s.getMonth(), 1), E = (s, v) => new Date(s.getFullYear(), s.getMonth() + v, 1), ne = (s) => new Date(s.getFullYear(), s.getMonth() + 1, 0).getDate();
+function Ce({
+  value: s,
+  defaultValue: v,
+  onChange: S,
+  minDate: P,
+  maxDate: L,
+  placeholder: re = "Select date",
+  name: V,
   locale: p = "en-US",
-  id: J,
-  className: Q = ""
+  id: oe,
+  className: ae,
+  disabled: ie = !1,
+  formatDisplay: W
 }) {
-  const R = n !== void 0, [W, X] = D(h), b = R ? n : W, Z = I(b) ?? /* @__PURE__ */ new Date(), [a, d] = D(z(Z)), [i, g] = D(!1), [F, u] = D(!1), y = S(null), L = S(null), O = S({}), N = I($) ?? void 0, k = I(w) ?? void 0, E = (e) => !!(N && e < N || k && e > k);
-  A(() => {
-    if (i)
-      return ue(L, () => {
-        g(!1), u(!1);
-      });
-  }, [i]), A(() => {
-    if (!i) return;
-    const e = y.current;
+  const _ = s !== void 0, [se, le] = M(v), c = _ ? s : se, B = F(c) ?? /* @__PURE__ */ new Date(), [o, g] = M(te(B)), [d, $] = M(!1), [f, m] = M(!1), b = N(null), C = N(null), x = N({}), j = N(null), z = N(null), w = F(P) ?? void 0, k = F(L) ?? void 0, X = O((e) => !!(w && e < w || k && e > k), [w, k]);
+  T(() => d ? ye([C, b], () => {
+    $(!1), m(!1);
+  }) : void 0, [d]), T(() => {
+    if (!d) return;
+    const e = b.current, t = setTimeout(() => {
+      if (!f) {
+        const n = F(c) || /* @__PURE__ */ new Date(), a = n.getMonth() === o.getMonth() && n.getFullYear() === o.getFullYear() ? n.getDate() : 1, r = `${o.getFullYear()}-${o.getMonth()}-${a}`;
+        if (x.current[r])
+          x.current[r]?.focus();
+        else {
+          const l = `${o.getFullYear()}-${o.getMonth()}-1`;
+          x.current[l]?.focus();
+        }
+      }
+    }, 10);
     return () => {
-      de(e ?? null), u(!1);
+      clearTimeout(t), ve(e ?? null), m(!1);
     };
-  }, [i]);
-  const [x, ee] = D(null);
-  A(() => {
-    if (!i || !y.current) return;
-    const e = y.current.getBoundingClientRect();
-    ee({ top: e.bottom + 8, left: e.left });
-  }, [i, a]);
-  const m = v(() => {
-    const t = z(a).getDay(), r = G(a), l = [];
-    for (let s = 0; s < t; s++) l.push(null);
-    for (let s = 1; s <= r; s++) l.push(s);
-    for (; l.length % 7 !== 0; ) l.push(null);
-    return l;
-  }, [a]), te = v(
+  }, [d, f, c, o]);
+  const [H, ce] = M({ top: -9999, left: -9999 }), D = O(() => {
+    if (!b.current || !C.current) return;
+    const e = b.current.getBoundingClientRect(), t = C.current.getBoundingClientRect(), n = window.scrollY, a = window.scrollX;
+    let r = e.bottom + n + 8, l = e.left + a;
+    const y = 16, I = document.documentElement.clientWidth - t.width - y;
+    l > I + a && (l = e.right + a - t.width, l < y + a && (l = y + a));
+    const Y = document.documentElement.clientHeight - t.height - y;
+    e.bottom + 8 > Y && (r = e.top + n - t.height - 8), ce({ top: r, left: l });
+  }, []);
+  De(() => {
+    if (d)
+      return D(), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0), () => {
+        window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
+      };
+  }, [d, D]), T(() => {
+    f && j.current && j.current.scrollIntoView({ block: "center", behavior: "smooth" });
+  }, [f]);
+  const u = A(() => {
+    const t = te(o).getDay(), n = ne(o), a = [];
+    for (let r = 0; r < t; r++) a.push(null);
+    for (let r = 1; r <= n; r++) a.push(r);
+    for (; a.length % 7 !== 0; ) a.push(null);
+    return a;
+  }, [o]), de = A(
     () => Array.from({ length: 7 }).map(
-      (e, t) => new Date(2020, 5, 7 + t).toLocaleDateString(p, {
-        weekday: "short"
-      })
+      (e, t) => new Date(2020, 5, 7 + t).toLocaleDateString(p, { weekday: "short" })
     ),
     [p]
-  ), ne = a.getFullYear(), _ = 100, U = ne - _, re = v(
-    () => Array.from({ length: _ * 2 + 1 }).map((e, t) => U + t),
-    [U]
-  ), ae = v(
+  ), ue = o.getFullYear(), q = 100, G = ue - q, he = A(
+    () => Array.from({ length: q * 2 + 1 }).map((e, t) => G + t),
+    [G]
+  ), fe = A(
     () => Array.from({ length: 12 }).map(
       (e, t) => new Date(2020, t, 1).toLocaleDateString(p, { month: "short" })
     ),
     [p]
-  ), se = (e, t) => {
-    const r = new Date(e, t, 1), l = new Date(e, t, G(r));
-    return !!(N && l < N || k && r > k);
-  }, j = (e) => {
-    const t = new Date(a.getFullYear(), a.getMonth(), e);
-    if (E(t)) return;
-    const r = q(t);
-    R || X(r), Y?.(r), g(!1), u(!1);
-  }, oe = (e) => {
-    d(new Date(a.getFullYear(), e, 1)), u(!1);
-  }, le = (e) => {
-    d(new Date(e, a.getMonth(), 1));
-  }, ie = (e) => {
-    if (e < 0 || e >= m.length) return;
-    const t = m[e];
+  ), pe = O((e, t) => {
+    const n = new Date(e, t, 1), a = new Date(e, t, ne(n));
+    return !!(w && a < w || k && n > k);
+  }, [w, k]), J = (e) => {
+    const t = new Date(o.getFullYear(), o.getMonth(), e);
+    if (X(t)) return;
+    const n = U(t);
+    _ || le(n), S?.(n), $(!1), m(!1);
+  }, ge = (e) => {
+    g(new Date(o.getFullYear(), e, 1)), m(!1);
+  }, me = (e) => {
+    g(new Date(e, o.getMonth(), 1));
+  }, K = (e) => {
+    if (e < 0 || e >= u.length) return;
+    const t = u[e];
     if (!t) return;
-    const r = `${a.getFullYear()}-${a.getMonth()}-${t}`;
-    O.current[r]?.focus();
-  }, ce = (e, t) => {
-    const r = m.findIndex((c) => c === t);
-    if (r === -1) return;
-    const l = 7;
-    let s = null;
+    const n = `${o.getFullYear()}-${o.getMonth()}-${t}`;
+    x.current[n]?.focus();
+  }, we = (e) => {
+    if (e.target === z.current && ["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp"].includes(e.key)) {
+      e.preventDefault();
+      const t = F(c) || /* @__PURE__ */ new Date(), n = t.getMonth() === o.getMonth() && t.getFullYear() === o.getFullYear() ? t.getDate() : 1, a = u.findIndex((r) => r === n);
+      if (a !== -1)
+        K(a);
+      else {
+        const r = u.findIndex((l) => l !== null);
+        r !== -1 && K(r);
+      }
+    }
+  }, ke = (e, t) => {
+    const n = u.findIndex((l) => l === t);
+    if (n === -1) return;
+    const a = 7;
+    let r = null;
     switch (e.key) {
       case "ArrowRight":
-        s = r + 1;
+        r = n + 1;
         break;
       case "ArrowLeft":
-        s = r - 1;
+        r = n - 1;
         break;
       case "ArrowDown":
-        s = r + l;
+        r = n + a;
         break;
       case "ArrowUp":
-        s = r - l;
+        r = n - a;
         break;
       case "Enter":
       case " ":
-        e.preventDefault(), j(t);
+        e.preventDefault(), J(t);
         return;
       case "PageUp":
-        d((c) => M(c, -1));
+        e.preventDefault(), g((l) => E(l, -1));
         return;
       case "PageDown":
-        d((c) => M(c, 1));
+        e.preventDefault(), g((l) => E(l, 1));
         return;
       case "Escape":
-        g(!1);
+        e.preventDefault(), $(!1);
         return;
       default:
         return;
     }
-    e.preventDefault(), s !== null && (s < 0 || s >= m.length || m[s] != null && ie(s));
-  }, B = a.toLocaleDateString(p, {
-    month: "long"
-  }), K = a.getFullYear();
-  return /* @__PURE__ */ f("div", { className: `ui-datepicker minimal ${Q}`, children: [
-    P && /* @__PURE__ */ o("input", { type: "hidden", name: P, value: b ?? "" }),
-    /* @__PURE__ */ o(
+    r !== null && r >= 0 && r < u.length && u[r] !== null && (e.preventDefault(), K(r));
+  }, Q = o.toLocaleDateString(p, { month: "long" }), Z = o.getFullYear();
+  return /* @__PURE__ */ h("div", { className: R("nui-datepicker-root", ae), children: [
+    V && /* @__PURE__ */ i("input", { type: "hidden", name: V, value: c ?? "" }),
+    /* @__PURE__ */ h(
       "button",
       {
-        id: J,
-        ref: y,
+        id: oe,
+        ref: b,
         type: "button",
-        className: "ui-datepicker-input",
+        disabled: ie,
+        className: "nui-datepicker-trigger",
         "aria-haspopup": "dialog",
-        "aria-expanded": i,
+        "aria-expanded": d,
         onClick: () => {
-          g((e) => !e), u(!1);
+          $((e) => !e), m(!1);
         },
-        children: b ?? H
+        children: [
+          /* @__PURE__ */ i("span", { className: c ? "" : "nui-datepicker-placeholder", children: c ? W ? W(B) : new Intl.DateTimeFormat(p, {
+            year: "numeric",
+            month: "short",
+            day: "numeric"
+          }).format(B) : re }),
+          /* @__PURE__ */ h("svg", { className: "nui-datepicker-icon", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+            /* @__PURE__ */ i("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+            /* @__PURE__ */ i("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+            /* @__PURE__ */ i("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+            /* @__PURE__ */ i("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+          ] })
+        ]
       }
     ),
-    i && x && /* @__PURE__ */ o(me, { children: /* @__PURE__ */ o(
+    d && /* @__PURE__ */ i(be, { children: /* @__PURE__ */ i(
       "div",
       {
-        ref: L,
-        className: "ui-datepicker-popover",
+        ref: C,
+        className: "nui-datepicker-popover",
         style: {
-          position: "fixed",
-          top: x.top,
-          left: x.left
+          position: "absolute",
+          top: H.top,
+          left: H.left
         },
-        children: /* @__PURE__ */ f("div", { className: "ui-datepicker-panel minimal", children: [
-          /* @__PURE__ */ f("div", { className: "ui-header-row", children: [
-            /* @__PURE__ */ o(
+        children: /* @__PURE__ */ h("div", { className: "nui-datepicker-panel", children: [
+          /* @__PURE__ */ h("div", { className: "nui-datepicker-header", children: [
+            /* @__PURE__ */ i(
               "button",
               {
-                className: "ui-arrow",
+                className: "nui-datepicker-arrow",
                 "aria-label": "Previous month",
-                onClick: () => d((e) => M(e, -1)),
-                children: "‹"
+                onClick: () => g((e) => E(e, -1)),
+                children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ i("polyline", { points: "15 18 9 12 15 6" }) })
               }
             ),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ h(
               "button",
               {
-                className: "ui-header-center",
-                onClick: () => u((e) => !e),
-                "aria-expanded": F,
+                className: "nui-datepicker-ym-toggle",
+                onClick: () => m((e) => !e),
+                "aria-expanded": f,
                 children: [
-                  B,
+                  Q,
                   " ",
-                  K
+                  Z
                 ]
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "button",
               {
-                className: "ui-arrow",
+                className: "nui-datepicker-arrow",
                 "aria-label": "Next month",
-                onClick: () => d((e) => M(e, 1)),
-                children: "›"
+                onClick: () => g((e) => E(e, 1)),
+                children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ i("polyline", { points: "9 18 15 12 9 6" }) })
               }
             )
           ] }),
-          F && /* @__PURE__ */ f("div", { className: "ui-ym-panel", children: [
-            /* @__PURE__ */ o("div", { className: "ui-year-grid", children: re.map((e) => {
-              const t = e === a.getFullYear();
-              return /* @__PURE__ */ o(
+          f && /* @__PURE__ */ h("div", { className: "nui-datepicker-ym-panel", children: [
+            /* @__PURE__ */ i("div", { className: "nui-datepicker-year-grid", children: he.map((e) => {
+              const t = e === o.getFullYear();
+              return /* @__PURE__ */ i(
                 "button",
                 {
-                  className: `ui-year-item ${t ? "selected" : ""}`,
-                  onClick: () => le(e),
+                  ref: t ? j : null,
+                  className: R("nui-datepicker-year", t && "selected"),
+                  onClick: () => me(e),
                   children: e
                 },
                 e
               );
             }) }),
-            /* @__PURE__ */ o("div", { className: "ui-month-grid", children: ae.map((e, t) => {
-              const r = se(
-                a.getFullYear(),
-                t
-              ), l = t === a.getMonth();
-              return /* @__PURE__ */ o(
+            /* @__PURE__ */ i("div", { className: "nui-datepicker-month-grid", children: fe.map((e, t) => {
+              const n = pe(o.getFullYear(), t), a = t === o.getMonth();
+              return /* @__PURE__ */ i(
                 "button",
                 {
-                  className: `ui-month-item ${r ? "disabled" : ""} ${l ? "selected" : ""}`,
-                  disabled: r ? !0 : void 0,
-                  onClick: () => !r && oe(t),
+                  className: R("nui-datepicker-month", n && "disabled", a && "selected"),
+                  disabled: n ? !0 : void 0,
+                  onClick: () => !n && ge(t),
                   children: e
                 },
                 t
               );
             }) })
           ] }),
-          !F && /* @__PURE__ */ f(
+          !f && /* @__PURE__ */ h(
             "div",
             {
-              className: "ui-calendar minimal",
+              className: "nui-datepicker-calendar",
               role: "grid",
-              "aria-label": `${B} ${K}`,
+              "aria-label": `${Q} ${Z}`,
+              ref: z,
+              tabIndex: -1,
+              onKeyDown: we,
+              style: { outline: "none" },
               children: [
-                /* @__PURE__ */ o("div", { className: "ui-weekdays", children: te.map((e, t) => /* @__PURE__ */ o("div", { className: "ui-weekday", children: e }, t)) }),
-                /* @__PURE__ */ o("div", { className: "ui-days-grid", children: m.map((e, t) => {
-                  if (e === null)
-                    return /* @__PURE__ */ o("div", { className: "ui-day-empty" }, t);
-                  const r = new Date(
-                    a.getFullYear(),
-                    a.getMonth(),
-                    e
-                  ), l = q(r), s = E(r), c = b === l, T = `${a.getFullYear()}-${a.getMonth()}-${e}`;
-                  return /* @__PURE__ */ o(
+                /* @__PURE__ */ i("div", { className: "nui-datepicker-weekdays", children: de.map((e, t) => /* @__PURE__ */ i("div", { className: "nui-datepicker-weekday", children: e }, t)) }),
+                /* @__PURE__ */ i("div", { className: "nui-datepicker-days", children: u.map((e, t) => {
+                  if (e === null) return /* @__PURE__ */ i("div", { className: "nui-datepicker-empty" }, t);
+                  const n = new Date(o.getFullYear(), o.getMonth(), e), a = U(n), r = X(n), l = c === a, y = U(/* @__PURE__ */ new Date()) === a, I = `${o.getFullYear()}-${o.getMonth()}-${e}`;
+                  return /* @__PURE__ */ i(
                     "button",
                     {
-                      ref: (C) => {
-                        O.current[T] = C;
+                      ref: (Y) => {
+                        x.current[I] = Y;
                       },
-                      className: `ui-day ${c ? "selected" : ""}`,
-                      "aria-selected": c || void 0,
-                      onClick: () => !s && j(e),
-                      onKeyDown: (C) => ce(C, e),
-                      disabled: s ? !0 : void 0,
+                      className: R(
+                        "nui-datepicker-day",
+                        l && "selected",
+                        y && !l && "today"
+                      ),
+                      "aria-selected": l || void 0,
+                      onClick: () => !r && J(e),
+                      onKeyDown: (Y) => ke(Y, e),
+                      disabled: r ? !0 : void 0,
                       children: e
                     },
-                    T
+                    I
                   );
                 }) })
               ]
             }
-          ),
-          /* @__PURE__ */ o("div", { className: "ui-footer", children: /* @__PURE__ */ o(
-            "button",
-            {
-              onClick: () => {
-                g(!1), u(!1);
-              },
-              children: "Close"
-            }
-          ) })
+          )
         ] })
       }
     ) })
   ] });
 }
 export {
-  be as DatePicker
+  Ce as DatePicker
 };
 //# sourceMappingURL=DatePicker.js.map