Reshaped Calendar

import { Reshaped } from "reshaped/bundle";
import Calendar from "@/components/ui/reshaped-calendar";

export default function Demo() {
  return (
    <Reshaped theme="slate">
      <div style={{ maxWidth: 360, width: "100%", margin: "0 auto", padding: 24 }}>
        <Calendar
          range
          defaultMonth={new Date(2023, 0)}
          min={new Date(2023, 0, 5)}
          max={new Date(2023, 2, 17)}
        />
      </div>
    </Reshaped>
  );
}