50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T34d7,import * as React from 'react' import { cn } from '@/lib/utils' import { Clock } from 'lucide-react' import { Button } from '@/components/ui/button' import { Popover, PopoverContent, PopoverTrigger, } from '@/components/ui/popover' import { ScrollArea } from '@/components/ui/scroll-area' export interface TimePickerProps extends Omit, 'onChange' | 'value' | 'defaultValue'> { value?: Date defaultValue?: Date onChange?: (date: Date | undefined) => void format?: '12h' | '24h' minuteStep?: 1 | 5 | 10 | 15 | 30 showSeconds?: boolean minTime?: Date maxTime?: Date disabled?: boolean placeholder?: string className?: string } const TimePicker = React.forwardRef( ( allProps, ref ) => { // Controlled-ness is decided by whether the `value` PROP IS PRESENT, // latched on first render — not by whether it is defined. `undefined` is a // legal controlled value for an optional date, so the ordinary // `useState()` + `value` pattern used to start uncontrolled and // silently flip on the first pick. const isControlled = React.useRef('value' in allProps).current const { value: controlledValue, defaultValue, onChange, format = '12h', minuteStep = 1, showSeconds = false, minTime, maxTime, disabled = false, placeholder = 'Select time', className, ...props } = allProps const [open, setOpen] = React.useState(false) const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue) if (process.env.NODE_ENV !== 'production') { if (isControlled !== ('value' in allProps)) { console.warn( '[TimePicker] Switching between controlled and uncontrolled is not supported. ' + 'Pass `defaultValue` for uncontrolled use.' ) } } const selectedTime = isControlled ? controlledValue : uncontrolledValue const hours = format === '12h' ? 12 : 24 const hoursArray = Array.from({ length: hours }, (_, i) => (format === '12h' ? i + 1 : i)) const minutesArray = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep) const secondsArray = Array.from({ length: 60 }, (_, i) => i) const getHour = (date: Date) => { const h = date.getHours() if (format === '12h') { return h === 0 ? 12 : h > 12 ? h - 12 : h } return h } const getPeriod = (date: Date) => { return date.getHours() >= 12 ? 'PM' : 'AM' } const selectedHour = selectedTime ? getHour(selectedTime) : null const selectedMinute = selectedTime ? selectedTime.getMinutes() : null const selectedSecond = selectedTime ? selectedTime.getSeconds() : null const selectedPeriod = selectedTime ? getPeriod(selectedTime) : 'AM' const updateTime = ( hour?: number, minute?: number, second?: number, period?: 'AM' | 'PM' ) => { const newDate = new Date(selectedTime || new Date()) if (hour !== undefined) { let h = hour if (format === '12h') { const currentPeriod = period ?? selectedPeriod if (currentPeriod === 'PM' && hour !== 12) h = hour + 12 else if (currentPeriod === 'AM' && hour === 12) h = 0 } newDate.setHours(h) } if (minute !== undefined) { newDate.setMinutes(minute) } if (second !== undefined) { newDate.setSeconds(second) } if (period !== undefined && hour === undefined && selectedTime) { let h = selectedTime.getHours() if (period === 'PM' && h < 12) h += 12 else if (period === 'AM' && h >= 12) h -= 12 newDate.setHours(h) } // Check min/max time, in seconds so showSeconds isn't ignored. const toSeconds = (d: Date) => d.getHours() * 3600 + d.getMinutes() * 60 + (showSeconds ? d.getSeconds() : 0) if (minTime && toSeconds(newDate) < toSeconds(minTime)) return if (maxTime && toSeconds(newDate) > toSeconds(maxTime)) return if (!isControlled) { setUncontrolledValue(newDate) } onChange?.(newDate) } const formatDisplayTime = (date: Date) => { const h = getHour(date) const m = date.getMinutes().toString().padStart(2, '0') const s = date.getSeconds().toString().padStart(2, '0') const period = format === '12h' ? ` ${getPeriod(date)}` : '' const hourStr = format === '12h' ? h.toString() : h.toString().padStart(2, '0') if (showSeconds) { return `${hourStr}:${m}:${s}${period}` } return `${hourStr}:${m}${period}` } const isTimeDisabled = (hour: number, minute: number) => { let h = hour if (format === '12h') { if (selectedPeriod === 'PM' && hour !== 12) h = hour + 12 else if (selectedPeriod === 'AM' && hour === 12) h = 0 } // Compare in seconds, not minutes: with showSeconds the bound was // otherwise off by up to 59 seconds in both directions. const asSeconds = (d: Date) => d.getHours() * 3600 + d.getMinutes() * 60 + (showSeconds ? d.getSeconds() : 0) const timeSeconds = h * 3600 + minute * 60 + (showSeconds ? (selectedSecond ?? 0) : 0) if (minTime) { if (timeSeconds < asSeconds(minTime)) return true } if (maxTime) { if (timeSeconds > asSeconds(maxTime)) return true } return false } // Calculate number of columns for responsive width const columnCount = 2 + (showSeconds ? 1 : 0) + (format === '12h' ? 1 : 0) return (

{/* Hours column */}

Hour

{/* Minutes column */}

Min

{/* Seconds column */} {showSeconds && (

Sec

)} {/* AM/PM column */} {format === '12h' && (

Period AP

{(['AM', 'PM'] as const).map((period) => ( ))}

)}

) } ) TimePicker.displayName = 'TimePicker' export { TimePicker } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L50",null,{"namespace":"@boldkit","registryDependencies":["@boldkit/utils","@boldkit/button","@boldkit/popover","@boldkit/scroll-area"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/ui/time-picker.tsx","content":"$52","type":"registry:ui","target":"components/ui/time-picker.tsx"}],"className":"h-[70svh] min-h-80"}]]}]