Install Bila Cuti React Calendar

Use an existing React 18.3 or React 19 app.

1. Run npm install @qentrah/react-calendar.
2. Import the component and stylesheet.

1import { HolidayCalendar } from "@qentrah/react-calendar";
2import "@qentrah/react-calendar/styles.css";
3 
4export default function Holidays() {
5  return (
6    <HolidayCalendar
7      defaultYear={2026}
8      defaultStates={["johor", "kelantan"]}
9      showJumpButton={false}
10    />
11  );
12}

3. Open your app. The calendar should show 2026 with Johor and Kelantan selected.

Try the component preview. For Next.js, use a client component and import CSS in your app's supported global stylesheet entry.