AD & BS Calendar Components

Patro

Calendar components for every framework

Beautiful, accessible calendar UI for React, Vue, Svelte, Angular, and Vanilla JS with full Bikram Sambat (BS) and Gregorian (AD) support.

$ npm install @thaparoyal/calendar-react
React Vue Svelte Angular Vanilla JS
Get Started Try Playground

Dual Calendar Support

Seamlessly switch between AD (Gregorian) and BS (Bikram Sambat) calendars with accurate date conversion.

12 Beautiful Themes

Choose from 12 pre-built themes or customize with CSS variables and shadcn-style classNames API.

Multi-Framework

First-class support for React, Vue 3, Svelte, Angular, and Vanilla JS with framework-specific APIs.

Advanced Selection

Single date, date range, and multi-date selection modes with hover preview support.

Multi-Calendar View

Display multiple months side-by-side with synchronized navigation.

Fully Accessible

WAI-ARIA compliant with full keyboard navigation and screen reader support.

See it in action

Interactive calendars with real-time theme switching

Quick Install

npm install @thaparoyal/calendar-react

Choose Your Framework

Full support for all major UI frameworks

R

React

Headless, composable calendar components with hooks for maximum flexibility.

Get started with React →
V

Vue

Reactive calendar components built for Vue 3 Composition API.

Get started with Vue →
S

Svelte

Lightweight calendar components that compile away for zero runtime overhead.

Get started with Svelte →
A

Angular

Injectable services with RxJS Observables for building Angular calendar UIs.

Get started with Angular →
JS

Vanilla JS

Framework-free usage via CDN or bundler. Render calendars with a single function call.

Get started with Vanilla JS →