Calendar

"use client"

import * as React from "react"
import { Calendar, useDayFormat } from "@/components/candor/ui/calendar"

// Weekends are closed for deploys here, and each closed day says so. Nothing is selected until a day is picked.
export default function Example() {
  const [day, setDay] = React.useState<Date | undefined>()
  const format = useDayFormat()
  return (
    <div className="flex flex-col items-start gap-3">
      <Calendar
        defaultMonth={new Date(2026, 10, 1)}
        today={new Date(2026, 10, 8)}
        value={day ?? null}
        onValueChange={setDay}
        unavailable={(d) => (d.getDay() === 0 || d.getDay() === 6 ? "No deploys at weekends." : null)}
        label="Deploy date"
      />
      <p className="text-sm text-muted-foreground">{day ? `Deploy on ${format(day, "full")}.` : "Pick a weekday."}</p>
    </div>
  )
}