Calendar

An inline month grid for choosing a single day or a range.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { useState } from "react";
import { Calendar } from "@aile.sh/elia";

export function Example() {
  const [day, setDay] = useState<Date | null>(new Date());

  return (
    <Calendar
      className="rounded-card bg-surface p-3 shadow-card"
      value={day}
      onChange={setDay}
    />
  );
}

— elia design system · MIT · base · https://github.com/aile-sh/elia