react-modular-datepicker 0.0.2-canary.20 → 0.0.2-canary.22

package/README.md

@@ -103,7 +103,6 @@ function BasicExample() {
 }
 ```
 
-https://github.com/Dragate/react-modular-datepicker/tree/test/docs/videos/basic.webm
 </details>
 
 <details>
@@ -118,7 +117,6 @@ Select a start and end date with a beautiful hover preview.
 />
 ```
 
-https://github.com/Dragate/react-modular-datepicker/tree/test/docs/videos/range.webm
 </details>
 
 <details>
@@ -132,7 +130,6 @@ Select as many dates as you want.
 />
 ```
 
-https://github.com/Dragate/react-modular-datepicker/tree/test/docs/videos/multiple.webm
 </details>
 
 <details>
@@ -155,7 +152,6 @@ return (
 );
 ```
 
-https://github.com/Dragate/react-modular-datepicker/tree/test/docs/videos/headless.webm 
 </details>
 
 <details>
@@ -174,7 +170,6 @@ Easily customize the look and feel using the `classNames` prop.
 />
 ```
 
-https://github.com/Dragate/react-modular-datepicker/tree/test/docs/videos/styling.webm
 </details>
 
 ---
@@ -197,7 +192,7 @@ Start the development server with the example app:
 ```bash
 pnpm run dev
 ```
-This runs `bunchee` in watch mode for the library and starts the Next.js example app at `http://localhost:3000`.
+This runs `vite` in watch mode for the library and starts the Next.js example app at `http://localhost:3000`.
 
 ### Testing
 

package/dist/adapters/dayjs.d.ts

@@ -0,0 +1,21 @@
+import { Dayjs } from 'dayjs';
+import { DateAdapter } from '../types';
+export declare class DayjsAdapter implements DateAdapter<Dayjs> {
+    date(value?: any): Dayjs;
+    add(date: Dayjs, amount: number, unit: 'day' | 'month' | 'year'): Dayjs;
+    subtract(date: Dayjs, amount: number, unit: 'day' | 'month' | 'year'): Dayjs;
+    startOf(date: Dayjs, unit: 'day' | 'month' | 'year'): Dayjs;
+    endOf(date: Dayjs, unit: 'day' | 'month' | 'year'): Dayjs;
+    isBefore(date: Dayjs, comparison: Dayjs, unit?: 'day' | 'month' | 'year'): boolean;
+    isAfter(date: Dayjs, comparison: Dayjs, unit?: 'day' | 'month' | 'year'): boolean;
+    isSame(date: Dayjs, comparison: Dayjs, unit?: 'day' | 'month' | 'year'): boolean;
+    set(date: Dayjs, unit: 'day' | 'month' | 'year', value: number): Dayjs;
+    get(date: Dayjs, unit: 'day' | 'month' | 'year'): number;
+    format(date: Dayjs, formatStr: string, locale?: string): string;
+    getDaysInMonth(date: Dayjs): number;
+    toDate(date: Dayjs): Date;
+    diff(date: Dayjs, comparison: Dayjs, unit: 'month' | 'year'): number;
+    getMonths(locale?: string): string[];
+    getWeekdays(locale?: string): string[];
+}
+export declare const defaultAdapter: DayjsAdapter;

package/dist/classNames.d.ts

@@ -0,0 +1,67 @@
+export interface DayClassNames {
+    day?: string;
+    selected?: string;
+    unselected?: string;
+    disabled?: string;
+    rangeStart?: string;
+    rangeEnd?: string;
+    rangeBetween?: string;
+    rangeHovering?: string;
+    [key: string]: string | undefined;
+}
+export declare const defaultClassNames: {
+    root: string;
+    header: string;
+    calendarsContainer: string;
+    calendarContainer: string;
+    weekdayGrid: string;
+    weekday: string;
+    daysGrid: string;
+    footer: string;
+    navButton: string;
+    monthYearContainer: string;
+    monthYearLabel: string;
+    monthYearButton: string;
+    day: {
+        day: string;
+        selected: string;
+        unselected: string;
+        disabled: string;
+        rangeStart: string;
+        rangeEnd: string;
+        rangeBetween: string;
+        rangeHovering: string;
+    };
+    monthsGrid: string;
+    monthButton: string;
+    monthButtonSelected: string;
+    monthButtonUnselected: string;
+    yearsGrid: string;
+    yearButton: string;
+    yearButtonSelected: string;
+    yearButtonUnselected: string;
+};
+export interface CalendarClassNames {
+    root?: string;
+    header?: string;
+    calendarsContainer?: string;
+    calendarContainer?: string;
+    weekdayGrid?: string;
+    weekday?: string;
+    daysGrid?: string;
+    footer?: string;
+    navButton?: string;
+    monthYearContainer?: string;
+    monthYearLabel?: string;
+    monthYearButton?: string;
+    day?: DayClassNames;
+    monthsGrid?: string;
+    monthButton?: string;
+    monthButtonSelected?: string;
+    monthButtonUnselected?: string;
+    yearsGrid?: string;
+    yearButton?: string;
+    yearButtonSelected?: string;
+    yearButtonUnselected?: string;
+}
+export declare const mergeClassNames: (custom?: CalendarClassNames) => Required<CalendarClassNames>;

package/dist/components/Calendar.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { UseDatesProps } from '../useDates';
+import { Translations } from '../i18n';
+import { DateObj, CalendarClassNames } from '../types';
+interface CalendarProps extends UseDatesProps {
+    classNames?: CalendarClassNames;
+    locale?: string;
+    translations?: Partial<Translations>;
+    header?: React.ReactNode | ((props: any) => React.ReactNode);
+    footer?: React.ReactNode;
+    renderDayTooltip?: (dateObj: DateObj) => React.ReactNode;
+}
+export declare const Calendar: React.FC<CalendarProps>;
+export {};

package/dist/components/CalendarHeader.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { Calendar, CalendarClassNames } from '../types';
+export interface HeaderProps {
+    calendars: Calendar[];
+    getBackProps: (args: any) => any;
+    getForwardProps: (args: any) => any;
+    setView: (view: 'days' | 'months' | 'years') => void;
+    monthNames: string[];
+    t: {
+        back: string;
+        forward: string;
+    };
+    classNames: Required<CalendarClassNames>;
+    slideDirection?: 'left' | 'right' | null;
+    currentView?: 'days' | 'months' | 'years';
+}
+export declare const ChevronLeftIcon: () => React.JSX.Element;
+export declare const ChevronRightIcon: () => React.JSX.Element;
+export declare const CalendarHeader: React.FC<HeaderProps>;

package/dist/components/Day.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CalendarClassNames, DateObj } from '../types';
+interface DayProps {
+    dateObj: DateObj | null;
+    getDateProps: (args: {
+        dateObj: DateObj;
+        [key: string]: any;
+    }) => any;
+    tooltip?: React.ReactNode;
+    classNames: Required<CalendarClassNames>;
+}
+export declare const Day: React.FC<DayProps>;
+export {};

package/dist/components/MonthSelection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CalendarClassNames } from '../types';
+interface MonthSelectionProps {
+    year: number;
+    month: number;
+    monthNames: string[];
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    onMonthSelect: (month: number) => void;
+    classNames: Required<CalendarClassNames>;
+}
+export declare const MonthSelection: React.FC<MonthSelectionProps>;
+export {};

package/dist/components/YearSelection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { CalendarClassNames, DateAdapter } from '../types';
+interface YearSelectionProps {
+    year: number;
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    adapter: DateAdapter;
+    onYearSelect: (year: number) => void;
+    classNames: Required<CalendarClassNames>;
+}
+export declare const YearSelection: React.FC<YearSelectionProps>;
+export {};

package/dist/i18n.d.ts

@@ -0,0 +1,9 @@
+import { DateAdapter } from './types';
+export interface Translations {
+    months: string[];
+    weekdays: string[];
+    back: string;
+    forward: string;
+}
+export declare function getDefaults(adapter?: DateAdapter, locale?: string): Translations;
+export declare function getTranslations(adapter?: DateAdapter, locale?: string, custom?: Partial<Translations>): Translations;