Calendly Components

Customize your Calendly booking page without limits.

Schedule.jsx
App.jsx
import { useAvailableTimes } from './hooks'

function Schedule() {
	const { days } = useAvailableTimes({
		uuid: 'fef57cde-43ef-4bd3-b282-505a937310ec',
		range_start: '2025-9-10',
		range_end: '2025-9-12',
		timezone: 'America/New_York',
	})

	return (
		<div>
			{/* Render available times */}
			{days?.map(day => (
				<div key={day.date}>
					{day.date}
				</div>
			))}
		</div>
	)
}