Ember UI LogoEmber UI
Components

Calendar

A calendar component

Preview

Loading...
"use client";import * as React from "react";import { Calendar } from "@/registry/axon/ui/calendar";export default function CalendarDemo() {  const [date, setDate] = React.useState<Date | undefined>(new Date());  return (    <Calendar      captionLayout="dropdown"      className="rounded-md border shadow-sm"      mode="single"      onSelect={setDate}      selected={date}    />  );}

Installation

CLI

npx shadcn@latest add @emberui/calendar
yarn shadcn@latest add @emberui/calendar
pnpm dlx shadcn@latest add @emberui/calendar
bunx --bun shadcn@latest add @emberui/calendar

Reference

This component is based on the shadcn/ui Calendar component.

On this page