Components
Loading preview...
Here is notification scheduler component
npx shadcn@latest add https://21st.dev/r/hari/scheduler// This is a demo of a preview
import React, { useState } from "react";
import { Component } from "@/components/ui/scheduler";
const DemoOne = () => {
const [isRepeating, setIsRepeating] = useState(false);
const [repeatInterval, setRepeatInterval] = useState("Weekly");
const daysOfWeek = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
const toggleRepeating = () => {
setIsRepeating((prev) => !prev);
};
return (
<div className="flex w-full h-screen justify-center items-center">
<Component
isRepeating={isRepeating}
toggleRepeating={toggleRepeating}
repeatInterval={repeatInterval}
setRepeatInterval={setRepeatInterval}
daysOfWeek={daysOfWeek}
/>
</div>
);
};
export default DemoOne;