bs-ad-calendar-react 1.2.0 → 1.2.1

package/dist/components/AboutTab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AboutTab: React.FC;
+export default AboutTab;

package/dist/components/BasicTab.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DateOutput } from '../types';
+interface BasicTabProps {
+    outputAD: string;
+    outputBS: string;
+    onADSelect: (date: DateOutput) => void;
+    onBSSelect: (date: DateOutput) => void;
+    copied: string | null;
+    onCopyCode: (code: string, id: string) => void;
+    renderOutput: (output: string) => React.ReactNode;
+}
+declare const BasicTab: React.FC<BasicTabProps>;
+export default BasicTab;

package/dist/components/Calendar/CalendarGrid.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CalendarGridProps } from '../../types/index.js';
+declare const CalendarGrid: React.FC<CalendarGridProps>;
+export default CalendarGrid;

package/dist/components/Calendar/CalendarHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CalendarHeaderProps } from '../../types/index.js';
+interface ExtendedCalendarHeaderProps extends CalendarHeaderProps {
+    onYearChange: (year: number) => void;
+    onMonthChange: (month: number) => void;
+    calendarType: 'BS' | 'AD';
+}
+declare const CalendarHeader: React.FC<ExtendedCalendarHeaderProps>;
+export default CalendarHeader;

package/dist/components/Calendar/MonthYearPicker.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface MonthYearPickerProps {
+    currentYear: number;
+    currentMonth: number;
+    months: string[];
+    onYearChange: (year: number) => void;
+    onMonthChange: (month: number) => void;
+    onClose: () => void;
+    showNepaliNumbers?: boolean;
+    convertToNepaliNumber?: (num: number) => string;
+    calendarType: 'BS' | 'AD';
+}
+declare const MonthYearPicker: React.FC<MonthYearPickerProps>;
+export default MonthYearPicker;

package/dist/components/Calendar/RangePresets.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { PredefinedRange, DateRange } from '../../types/index.js';
+interface RangePresetsProps {
+    presets: PredefinedRange[];
+    calendarType: 'BS' | 'AD';
+    onPresetSelect: (preset: PredefinedRange, range: DateRange) => void;
+    activePreset?: string;
+    position?: 'top' | 'right' | 'bottom' | 'left';
+}
+declare const RangePresets: React.FC<RangePresetsProps>;
+export default RangePresets;

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CalendarProps } from '../../types/index.js';
+declare const Calendar: React.FC<CalendarProps>;
+export default Calendar;

package/dist/components/CalendarInput/CalendarInput.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DateOutput, CalendarProps } from '../../types';
+interface CalendarInputProps extends Omit<CalendarProps, 'onDateSelect'> {
+    placeholder?: string;
+    format?: string;
+    onDateSelect?: (date: DateOutput) => void;
+    inputClassName?: string;
+    popupClassName?: string;
+    style?: React.CSSProperties;
+    inputStyle?: React.CSSProperties;
+    icon?: React.ReactNode;
+    showIcon?: boolean;
+}
+declare const CalendarInput: React.FC<CalendarInputProps>;
+export default CalendarInput;

package/dist/components/CalendarInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CalendarInput';

package/dist/components/CalendarInputTab.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DateOutput } from '../types';
+interface CalendarInputTabProps {
+    outputAD: string;
+    outputBS: string;
+    onADSelect: (date: DateOutput) => void;
+    onBSSelect: (date: DateOutput) => void;
+    copied: string | null;
+    onCopyCode: (code: string, id: string) => void;
+    renderOutput: (output: string) => React.ReactNode;
+}
+declare const CalendarInputTab: React.FC<CalendarInputTabProps>;
+export default CalendarInputTab;

package/dist/components/CustomizationTab.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DateOutput } from '../types';
+interface CustomizationTabProps {
+    outputAD: string;
+    onADSelect: (date: DateOutput) => void;
+    copied: string | null;
+    onCopyCode: (code: string, id: string) => void;
+    renderOutput: (output: string) => React.ReactNode;
+}
+declare const CustomizationTab: React.FC<CustomizationTabProps>;
+export default CustomizationTab;

package/dist/components/ExampleCard.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface ExampleCardProps {
+    title: string;
+    children: React.ReactNode;
+    output?: React.ReactNode;
+    code?: string;
+    codeId?: string;
+    copied?: string | null;
+    onCopyCode?: (code: string, id: string) => void;
+    isDark?: boolean;
+}
+declare const ExampleCard: React.FC<ExampleCardProps>;
+export default ExampleCard;

package/dist/components/LocalizationTab.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DateOutput } from '../types';
+interface LocalizationTabProps {
+    outputAD: string;
+    outputBS: string;
+    onADSelect: (date: DateOutput) => void;
+    onBSSelect: (date: DateOutput) => void;
+    copied: string | null;
+    onCopyCode: (code: string, id: string) => void;
+    renderOutput: (output: string) => React.ReactNode;
+}
+declare const LocalizationTab: React.FC<LocalizationTabProps>;
+export default LocalizationTab;

package/dist/components/RangeTab.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { DateRange } from '../types';
+interface RangeTabProps {
+    outputAD: string;
+    outputBS: string;
+    onADSelect: (range: DateRange) => void;
+    onBSSelect: (range: DateRange) => void;
+    copied: string | null;
+    onCopyCode: (code: string, id: string) => void;
+    renderRangeOutput: (output: string) => React.ReactNode;
+}
+declare const RangeTab: React.FC<RangeTabProps>;
+export default RangeTab;

package/dist/components/Tabs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface TabsProps {
+    tabs: {
+        id: string;
+        label: string;
+    }[];
+    activeTab: string;
+    onTabChange: (tabId: string) => void;
+}
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/dist/constants/index.d.ts

@@ -0,0 +1,28 @@
+export declare const NEPALI_MONTHS: string[];
+export declare const ENGLISH_MONTHS_BS: string[];
+export declare const ENGLISH_MONTHS_AD: string[];
+export declare const NEPALI_DAYS: string[];
+export declare const ENGLISH_DAYS: string[];
+export declare const NEPALI_DIGITS: string[];
+export declare const DEFAULT_COLORS: {
+    light: {
+        primary: string;
+        background: string;
+        text: string;
+        border: string;
+        hover: string;
+        selected: string;
+        today: string;
+        disabled: string;
+    };
+    dark: {
+        primary: string;
+        background: string;
+        text: string;
+        border: string;
+        hover: string;
+        selected: string;
+        today: string;
+        disabled: string;
+    };
+};

package/dist/hooks/useCalendar.d.ts

@@ -0,0 +1,19 @@
+import type { DateInfo, CalendarProps } from '../types/index.js';
+export declare const useCalendar: (calendarType?: CalendarProps["calendarType"]) => {
+    currentYear: number;
+    currentMonth: number;
+    selectedDate: DateInfo | null;
+    rangeStart: DateInfo | null;
+    rangeEnd: DateInfo | null;
+    today: DateInfo;
+    calendarDays: (number | null)[];
+    setCurrentYear: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setCurrentMonth: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setSelectedDate: import("react").Dispatch<import("react").SetStateAction<DateInfo | null>>;
+    setRangeStart: import("react").Dispatch<import("react").SetStateAction<DateInfo | null>>;
+    setRangeEnd: import("react").Dispatch<import("react").SetStateAction<DateInfo | null>>;
+    navigateMonth: (direction: number) => void;
+    isToday: (day: number) => boolean;
+    isSelected: (day: number, mode?: CalendarProps["mode"]) => boolean;
+    isInRange: (day: number) => boolean;
+};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Calendar } from './components/Calendar';
+export { default as CalendarInput } from './components/CalendarInput';
+export { default as DatePicker } from './components/CalendarInput';
+export type { DateInfo, DateRange, DateOutput, PredefinedRange, CalendarProps, CalendarHeaderProps, CalendarGridProps } from './types';
+export { convertToNepaliNumber, getDaysInMonth, getFirstDayOfMonth, getTodayDate, createDateOutput, isDateInRange } from './utils/dateUtils';
+export { createPredefinedRanges, PRESET_KEYS } from './utils/rangePresets';
+export { NEPALI_MONTHS, ENGLISH_MONTHS_BS, ENGLISH_MONTHS_AD, NEPALI_DAYS, ENGLISH_DAYS, NEPALI_DIGITS, DEFAULT_COLORS } from './constants';
+export { useCalendar } from './hooks/useCalendar';

package/dist/types/index.d.ts

@@ -0,0 +1,83 @@
+export type DateInfo = {
+    year: number;
+    month: number;
+    day: number;
+};
+export type DateRange = {
+    start: DateInfo | null;
+    end: DateInfo | null;
+};
+export type DateOutput = {
+    bs: string;
+    ad: string;
+    formatted: {
+        bs: string;
+        ad: string;
+    };
+};
+export type PredefinedRange = {
+    label: string;
+    getValue: (calendarType: 'BS' | 'AD') => DateRange;
+    key: string;
+};
+export type CalendarProps = {
+    calendarType?: 'BS' | 'AD';
+    value?: string;
+    onChange?: (date: string) => void;
+    mode?: 'single' | 'range';
+    outputFormat?: 'iso' | 'object' | 'both';
+    onDateSelect?: (data: DateOutput) => void;
+    onRangeSelect?: (range: {
+        start: DateInfo;
+        end: DateInfo;
+    }) => void;
+    showRangePresets?: boolean;
+    rangePresetsPosition?: 'top' | 'right' | 'bottom' | 'left';
+    predefinedRanges?: PredefinedRange[];
+    presetKeys?: string[];
+    presetLabels?: Record<string, string>;
+    onPresetSelect?: (preset: PredefinedRange, range: DateRange) => void;
+    renderPresets?: (props: {
+        onRangeChange: (start: DateInfo, end: DateInfo) => void;
+    }) => React.ReactNode;
+    showNepaliMonths?: boolean;
+    showNepaliDays?: boolean;
+    showNepaliNumbers?: boolean;
+    className?: string;
+    showToday?: boolean;
+    disabled?: boolean;
+    minDate?: string;
+    maxDate?: string;
+    theme?: 'light' | 'dark' | 'custom';
+    colors?: {
+        primary?: string;
+        background?: string;
+        text?: string;
+        border?: string;
+        hover?: string;
+        selected?: string;
+        today?: string;
+        disabled?: string;
+    };
+};
+export type CalendarHeaderProps = {
+    currentMonth: number;
+    currentYear: number;
+    months: string[];
+    onNavigateMonth: (direction: number) => void;
+    disabled?: boolean;
+    showNepaliNumbers?: boolean;
+    convertToNepaliNumber: (num: number) => string;
+};
+export type CalendarGridProps = {
+    calendarDays: (number | null)[];
+    days: string[];
+    onDateSelect: (day: number) => void;
+    isSelected: (day: number) => boolean;
+    isInRange: (day: number) => boolean;
+    isToday: (day: number) => boolean;
+    isDisabled?: (day: number) => boolean;
+    disabled?: boolean;
+    showNepaliNumbers?: boolean;
+    convertToNepaliNumber: (num: number) => string;
+};

package/dist/utils/bsDateHelpers.d.ts

@@ -0,0 +1,21 @@
+import type { DateInfo } from '../types/index.js';
+/**
+ * Add or subtract days from a BS or AD date
+ */
+export declare const addDays: (date: DateInfo, days: number, calendarType: "BS" | "AD") => DateInfo;
+/**
+ * Add or subtract months from a BS or AD date
+ */
+export declare const addMonths: (date: DateInfo, months: number, calendarType: "BS" | "AD") => DateInfo;
+/**
+ * Get the first day of the month for a given date
+ */
+export declare const getFirstDayOfMonth: (date: DateInfo) => DateInfo;
+/**
+ * Get the last day of the month for a given date
+ */
+export declare const getLastDayOfMonth: (date: DateInfo, calendarType: "BS" | "AD") => DateInfo;
+/**
+ * Get the first day of the week (Sunday) for a given date
+ */
+export declare const getStartOfWeek: (date: DateInfo, calendarType: "BS" | "AD") => DateInfo;

package/dist/utils/dateUtils.d.ts

@@ -0,0 +1,18 @@
+import type { DateInfo } from '../types/index.js';
+interface DateOutput {
+    bs: string;
+    ad: string;
+    formatted: {
+        bs: string;
+        ad: string;
+    };
+}
+export declare const convertToNepaliNumber: (num: number) => string;
+export declare const getDaysInMonth: (calendarType: "BS" | "AD", year: number, month: number) => number;
+export declare const getFirstDayOfMonth: (calendarType: "BS" | "AD", year: number, month: number) => number;
+export declare const getTodayDate: (calendarType: "BS" | "AD") => DateInfo;
+export declare const createDateOutput: (calendarType: "BS" | "AD", year: number, month: number, day: number, months: string[]) => DateOutput;
+export declare const isDateInRange: (date: DateInfo, start: DateInfo, end: DateInfo) => boolean;
+export declare const parseDate: (dateStr: string) => DateInfo | null;
+export declare const isDateDisabled: (date: DateInfo, minDate?: string, maxDate?: string) => boolean;
+export {};

package/dist/utils/rangePresets.d.ts

@@ -0,0 +1,16 @@
+import type { PredefinedRange } from '../types/index.js';
+export declare const PRESET_KEYS: {
+    readonly TODAY: "today";
+    readonly YESTERDAY: "yesterday";
+    readonly THIS_WEEK: "thisWeek";
+    readonly LAST_7_DAYS: "last7days";
+    readonly LAST_30_DAYS: "last30days";
+    readonly THIS_MONTH: "thisMonth";
+    readonly LAST_MONTH: "lastMonth";
+    readonly LAST_3_MONTHS: "last3months";
+    readonly LAST_6_MONTHS: "last6months";
+    readonly LAST_180_DAYS: "last180days";
+    readonly LAST_9_MONTHS: "last9months";
+    readonly LAST_YEAR: "lastYear";
+};
+export declare const createPredefinedRanges: (keys?: string[], labels?: Record<string, string>) => PredefinedRange[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bs-ad-calendar-react",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": false,
   "description": "A modern React calendar component supporting both Bikram Sambat (BS) and Gregorian (AD) calendars",
   "type": "module",
@@ -18,8 +18,8 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.lib.json && vite build",
-    "build:lib": "tsc -p tsconfig.lib.json && vite build",
+    "build": "rm -rf dist && tsc -p tsconfig.lib.json && vite build",
+    "build:lib": "rm -rf dist && tsc -p tsconfig.lib.json && vite build",
     "build:demo": "vite build --mode demo",
     "lint": "eslint .",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
@@ -55,8 +55,8 @@
     "@eslint/js": "^9.39.1",
     "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^24.10.1",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^5.1.1",
     "autoprefixer": "^10.4.23",
     "eslint": "^9.39.1",