nearpay-datepicker-react 0.2.2

package/dist/libs/date.d.ts

@@ -0,0 +1,30 @@
+import dayjs from "dayjs";
+import { DateType, WeekDaysIndexType, WeekStringType } from "../types";
+export declare function loadLanguageModule(language?: string): void;
+export declare function dateIsValid(date: DateType): boolean;
+export declare function isCurrentDay(date: Date): boolean;
+export declare function dateIsSame(a: Date, b: Date, unit: dayjs.OpUnitType): boolean;
+export declare function dateIsBefore(a: Date, b: Date, unit: dayjs.OpUnitType): boolean;
+export declare function dateIsAfter(a: Date, b: Date, unit: dayjs.OpUnitType): boolean;
+export declare function dateIsSameOrBefore(a: DateType, b: DateType, unit: dayjs.OpUnitType): boolean;
+export declare function dateIsSameOrAfter(a: DateType, b: DateType, unit: dayjs.OpUnitType): boolean;
+export declare function dateIsBetween(whoIsBetween: Date, start: Date, end: Date, unit: dayjs.OpUnitType, include?: {
+    start?: boolean;
+    end?: boolean;
+}): boolean;
+export declare function dateFormat(date: DateType, format: string, local?: string): string | null;
+export declare function dateStringToDate(dateString: string): Date | null;
+export declare function previousMonthBy(date: DateType): Date;
+export declare function nextMonthBy(date: DateType): Date;
+export declare function dateUpdateMonth(date: DateType, value: number): Date;
+export declare function dateUpdateYear(date: DateType, value: number): Date;
+export declare function firstDayOfMonth(date?: Date): Date;
+export declare function endDayOfMonth(date?: Date): Date;
+export declare function dayIndexInWeek(date?: Date): 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export declare function previousDaysInWeek(date: Date, weekStartDayIndex?: WeekDaysIndexType): Date[];
+export declare function nextDaysInWeek(date: Date, weekStartDayIndex?: WeekDaysIndexType): Date[];
+export declare function daysInMonth(date?: dayjs.ConfigType): number;
+export declare function allDaysInMonth(date?: Date): Date[];
+export declare function weekDayStringToIndex(dayString?: WeekStringType): WeekDaysIndexType;
+export declare function dateAdd(date: Date, value: number, unit: dayjs.ManipulateType): Date;
+export declare function getNextDates(date: Date, limit: number): Date[];

package/dist/types/index.d.ts

@@ -0,0 +1,98 @@
+import { MouseEventHandler, ReactNode } from "react";
+import { COLORS, DATE_LOOKING_OPTIONS, DAYS } from "../constants";
+export type DateType = null | Date;
+export interface Period {
+    start: DateType;
+    end: DateType;
+}
+interface CustomShortcuts {
+    [key: string]: ShortcutsItem;
+}
+interface DefaultShortcuts {
+    today?: string;
+    yesterday?: string;
+    past?: (period: number) => string;
+    currentMonth?: string;
+    pastMonth?: string;
+}
+export interface Configs {
+    shortcuts?: DefaultShortcuts | CustomShortcuts;
+    footer?: {
+        cancel?: string;
+        apply?: string;
+    };
+}
+export interface ShortcutsItem {
+    text: string;
+    daysNumber?: number;
+    period: {
+        start: Date;
+        end: Date;
+    };
+}
+export type DateRangeType = {
+    startDate: DateType;
+    endDate: DateType;
+};
+export type DateValueType = DateRangeType | null;
+export type ClassNameType = ((className: string) => string) | string | null;
+export type ClassNamesTypeProp = {
+    container?: (p?: object | null | undefined) => string | undefined;
+    input?: (p?: object | null | undefined) => string | undefined;
+    toggleButton?: (p?: object | null | undefined) => string | undefined;
+    footer?: (p?: object | null | undefined) => string | undefined;
+};
+export type PopoverDirectionType = "up" | "down";
+export type WeekStringType = "mon" | "tue" | "wed" | "thu" | "fri" | "sat" | "sun";
+export type WeekDaysIndexType = (typeof DAYS)[number];
+export type DateLookingType = (typeof DATE_LOOKING_OPTIONS)[number];
+export interface DatepickerType {
+    primaryColor?: ColorKeys;
+    value: DateValueType;
+    onChange: (value: DateValueType, e?: HTMLInputElement | null | undefined) => void;
+    useRange?: boolean;
+    showFooter?: boolean;
+    showShortcuts?: boolean;
+    configs?: Configs;
+    asSingle?: boolean;
+    placeholder?: string;
+    separator?: string;
+    startFrom?: DateType;
+    i18n?: string;
+    disabled?: boolean;
+    classNames?: ClassNamesTypeProp;
+    containerClassName?: ClassNameType;
+    popupClassName?: ClassNameType;
+    inputClassName?: ClassNameType;
+    toggleClassName?: ClassNameType;
+    toggleIcon?: (open: boolean) => ReactNode;
+    inputId?: string;
+    inputName?: string;
+    displayFormat?: string;
+    readOnly?: boolean;
+    minDate?: DateType;
+    maxDate?: DateType;
+    dateLooking?: DateLookingType;
+    disabledDates?: DateRangeType[];
+    startWeekOn?: WeekStringType;
+    popoverDirection?: PopoverDirectionType;
+    required?: boolean;
+}
+export type ColorKeys = (typeof COLORS)[number];
+export interface Colors {
+    [key: string]: {
+        [K in ColorKeys]: string;
+    };
+}
+export interface IconProps {
+    className: string;
+}
+export interface ButtonProps {
+    children: ReactNode;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    roundedFull?: boolean;
+    padding?: string;
+    active?: boolean;
+}
+export {};

package/package.json

@@ -0,0 +1,88 @@
+{
+    "name": "nearpay-datepicker-react",
+    "version": "0.2.2",
+    "description": "A modern React Datepicker using Tailwind CSS 3",
+    "main": "dist/index.cjs.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/index.d.ts",
+    "author": "nearpayio",
+    "license": "MIT",
+    "scripts": {
+        "watch": "rollup -c -w",
+        "clean": "rm -rf dist .rollup.cache tsconfig.tsbuildinfo",
+        "lint": "eslint .",
+        "lint:fix": "eslint --fix .",
+        "pret": "prettier -c .",
+        "pret:fix": "prettier --ignore-path .gitignore --config ./.prettierrc --write './**/*.{js,jsx,ts,tsx,css,md,json}'",
+        "code-style": "npm run pret && npm run lint",
+        "code-style:fix": "npm run pret:fix && npm run pret:fix",
+        "build": "npm run code-style && npm run clean && rollup -c rollup.config.js --bundleConfigAsCjs",
+        "pub": "npm run build && npm publish --access public",
+        "dev": "next dev -p 8888",
+        "prepare": "husky"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/nearpayio/nearpay-datepicker"
+    },
+    "keywords": [
+        "nearpay-datepicker",
+        "react-datepicker",
+        "tailwind-datepicker",
+        "datepicker",
+        "date-picker",
+        "daterangepicker",
+        "react-daterangepicker",
+        "date-range",
+        "date-range-picker",
+        "tailwind-daterange-picker"
+    ],
+    "peerDependencies": {
+        "dayjs": "^1.11.12",
+        "react": "^17.0.2 || ^18.2.0"
+    },
+    "devDependencies": {
+        "@rollup/plugin-commonjs": "^26.0.1",
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "@rollup/plugin-typescript": "^11.1.6",
+        "@tailwindcss/forms": "^0.5.7",
+        "@tailwindcss/postcss": "^4.1.13",
+        "@types/node": "^22.3.0",
+        "@types/react": "^18.3.3",
+        "@typescript-eslint/eslint-plugin": "^8.1.0",
+        "@typescript-eslint/parser": "^8.1.0",
+        "dayjs": "^1.11.12",
+        "eslint": "^8.57.0",
+        "eslint-config-next": "^14.2.5",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-prettier": "^5.2.1",
+        "eslint-plugin-react": "^7.35.0",
+        "eslint-plugin-react-hooks": "^4.6.2",
+        "eslint-plugin-react-refresh": "^0.4.9",
+        "husky": "^9.1.4",
+        "lint-staged": "^15.2.9",
+        "next": "^14.2.5",
+        "pinst": "^3.0.0",
+        "postcss": "^8.4.41",
+        "prettier": "^3.3.3",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "rollup": "^4.20.0",
+        "tailwindcss": "^4.1.13",
+        "tslib": "^2.6.3",
+        "typescript": "^5.5.4"
+    },
+    "lint-staged": {
+        "*.{ts,tsx}": [
+            "eslint",
+            "prettier --write"
+        ],
+        "*.{css,scss,json,md}": [
+            "prettier --write"
+        ]
+    },
+    "files": [
+        "dist"
+    ]
+}