Ruixen Pro is now live.50+ premium components, templates, blocks, and lifetime updates.

Command Palette

Search for a command to run...

Docs
Calendar Lume

Calendar Lume

A depth-zoom calendar with fractal year/month/day drill-down transitions

Installation

Usage

import { CalendarLume } from "@/components/ruixen/calendar-lume";
 
export default function App() {
  const [date, setDate] = useState<string>();
 
  return <CalendarLume value={date} onChange={setDate} />;
}

Props

PropTypeDefaultDescription
valuestring-ISO date string "YYYY-MM-DD"
onChange(date: string) => void-Fires with ISO date string on day selection
soundbooleantrueEnable tick sound