TimePicker

A time picker component to pick a time.

:
tsx
'use client'

import {
	TimePicker,
	TimePickerSegment,
	TimePickerSeparator,
} from '@nerdfish/ui'
import { ClockIcon } from 'lucide-react'

export function TimePickerExample() {
	return (
		<TimePicker defaultValue={new Date()} icon={ClockIcon}>
			<TimePickerSegment segment="hours" />
			<TimePickerSeparator>:</TimePickerSeparator>
			<TimePickerSegment segment="minutes" />
		</TimePicker>
	)
}

Usage

tsx
import {
	TimePicker,
	TimePickerSegment,
	TimePickerSeparator,
} from '@nerdfish/ui'
tsx
<TimePicker defaultValue={new Date()}>
	<TimePickerSegment segment="hours" />
	<TimePickerSeparator>:</TimePickerSeparator>
	<TimePickerSegment segment="minutes" />
</TimePicker>