Reshaped Calendar

import * as React from "react";
import { Reshaped, View } from "reshaped/bundle";
import Calendar from "@/components/ui/reshaped-calendar";

function Component() {
  const [disabledDates] = React.useState([
    new Date(2023, 0, 10),
    new Date(2023, 0, 13),
    new Date(2023, 0, 25),
  ]);
  return (
    <View maxWidth="360px">
      <Calendar
        defaultMonth={new Date(2023, 0)}
        disabledDates={disabledDates}
        value={null}
      />
    </View>
  );
}

export default function Demo() {
  return (
    <Reshaped theme="slate">
      <div style={{ maxWidth: 360, width: "100%", margin: "0 auto", padding: 24 }}>
        <Component />
      </div>
    </Reshaped>
  );
}