Calendar

The Calendar component provides a date picker interface using react-day-picker with daisyUI styling.

Import

import { Calendar } from "amvasdev-ui";

Examples

Basic Usage

November 2025
November 2025
import { useState } from "react";
  import { Calendar } from "amvasdev-ui";

  function App() {
    const [selectedDate, setSelectedDate] = useState(new Date());

    return (
      <Calendar
        selectedDate={selectedDate}
        onDateChange={setSelectedDate}
      />
    );
  }