phx-react 1.3.441 → 1.3.442

package/dist/cjs/components/DateRangePicker/DatePicker.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CalendarProps } from './components/Calendar';
+export interface DatePickerProps extends CalendarProps {
+    onChange?(value: {
+        startDate: string;
+        endDate: string;
+    }): void;
+    defaultValue?: any;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    origin?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    id?: string;
+    error?: boolean;
+    errorType?: 'required-field';
+}
+export declare function PHXDateRangePicker({ className, defaultValue, disabled, disabledDate, error, errorType, id, label, max, min, onChange, origin, }: DatePickerProps): React.JSX.Element;

package/dist/cjs/components/DateRangePicker/DatePicker.js

@@ -0,0 +1,91 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXDateRangePicker = void 0;
+var tslib_1 = require("tslib");
+var solid_1 = require("@heroicons/react/20/solid");
+var date_fns_1 = require("date-fns");
+var react_1 = tslib_1.__importStar(require("react"));
+var Calendar_1 = tslib_1.__importDefault(require("./components/Calendar"));
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+function PHXDateRangePicker(_a) {
+    var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, disabledDate = _a.disabledDate, error = _a.error, errorType = _a.errorType, id = _a.id, label = _a.label, max = _a.max, min = _a.min, onChange = _a.onChange, _b = _a.origin, origin = _b === void 0 ? 'bottom-left' : _b;
+    var message = function (type) {
+        var errorMessage = '';
+        switch (type) {
+            case 'required-field':
+                errorMessage = 'Vui lòng nhập thông tin';
+                break;
+            default:
+                break;
+        }
+        return errorMessage;
+    };
+    var inputRef = (0, react_1.useRef)(null);
+    var calendarRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(false), isCalendarVisible = _c[0], setIsCalendarVisible = _c[1];
+    var _d = (0, react_1.useState)(false), isFocus = _d[0], setIsFocus = _d[1];
+    var handleToggleCalendar = function () {
+        setIsCalendarVisible(true);
+    };
+    (0, react_1.useEffect)(function () {
+        if (defaultValue) {
+            // @ts-ignore
+            setInputValue(defaultValue);
+        }
+    }, [defaultValue]);
+    (0, react_1.useEffect)(function () {
+        var handleClickOutside = function (event) {
+            if (calendarRef.current &&
+                !calendarRef.current.contains(event.target) &&
+                inputRef.current !== event.target &&
+                !isFocus) {
+                setIsCalendarVisible(false);
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        return function () {
+            document.removeEventListener('click', handleClickOutside);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isFocus]);
+    var _e = (0, react_1.useState)(''), viewResult = _e[0], setViewResult = _e[1];
+    var handleResult = function (startDate, endDate) {
+        if (!startDate || !endDate) {
+            return;
+        }
+        var startDateResult = (0, date_fns_1.format)(startDate, 'dd/MM/yyyy');
+        var endDateResult = (0, date_fns_1.format)(endDate, 'dd/MM/yyyy');
+        if (onChange && startDateResult && endDateResult) {
+            onChange({ startDate: startDateResult, endDate: endDateResult });
+        }
+        setViewResult(startDateResult + ' - ' + endDateResult);
+        setIsCalendarVisible(false);
+    };
+    var handleCancel = function () {
+        setIsCalendarVisible(false);
+    };
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement("div", { className: className },
+            label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+            react_1["default"].createElement("div", { className: 'relative' },
+                react_1["default"].createElement("button", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full rounded-lg py-4', 
+                    // @ts-ignore
+                    htmlFor: id, onClick: handleToggleCalendar, type: 'button' }),
+                react_1["default"].createElement("input", { className: classNames('block w-full rounded-lg border border-gray-500 px-3 py-1.5 pl-9 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : ''), disabled: disabled, id: id, onBlur: function () { return setIsFocus(false); }, onFocus: function () { return setIsFocus(true); }, value: viewResult }),
+                error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+                    react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
+                    react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null,
+                react_1["default"].createElement("div", { className: 'absolute left-3 top-2' },
+                    react_1["default"].createElement(solid_1.CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
+                react_1["default"].createElement("div", { ref: calendarRef, className: classNames('absolute z-50', origin === 'top-left' && '-top-60 left-0', origin === 'top-right' && '-top-60 right-0', origin === 'bottom-left' && 'left-0 top-10', origin === 'bottom-right' && 'right-0 top-10', isCalendarVisible ? '' : 'hidden') },
+                    react_1["default"].createElement(Calendar_1["default"], { defaultDate: defaultValue, disabledDate: disabledDate, handleCancel: handleCancel, handleResult: handleResult, max: max, min: min }))))));
+}
+exports.PHXDateRangePicker = PHXDateRangePicker;
+//# sourceMappingURL=DatePicker.js.map

package/dist/cjs/components/DateRangePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/DateRangePicker/components/Calendar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface CalendarProps {
+    defaultDate?: string;
+    disabledDate?: Array<string>;
+    max?: string;
+    min?: string;
+}
+interface Props extends CalendarProps {
+    inputValue?: string;
+    handleResult(startDate: number | Date, endDate: number | Date): void;
+    handleCancel(): void;
+}
+export default function Calendar({ defaultDate, disabledDate, handleCancel, handleResult, inputValue, max, min, }: Props): React.JSX.Element;
+export {};

package/dist/cjs/components/DateRangePicker/components/Calendar.js

@@ -0,0 +1,298 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var solid_1 = require("@heroicons/react/20/solid");
+var date_fns_1 = require("date-fns");
+var react_1 = tslib_1.__importStar(require("react"));
+var utils_1 = require("../utils");
+var Input_1 = require("../../Input");
+var Button_1 = require("../../Button");
+var dayOfWeek = ['T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN'];
+var menuDay = [
+    { id: 1, content: 'Hôm nay', active: true },
+    { id: 2, content: 'Ngày hôm qua' },
+    { id: 3, content: '7 ngày qua' },
+    { id: 4, content: '30 ngày qua' },
+    { id: 5, content: '90 ngày qua' },
+    { id: 6, content: '365 ngày qua' },
+];
+function Calendar(_a) {
+    var defaultDate = _a.defaultDate, disabledDate = _a.disabledDate, handleCancel = _a.handleCancel, handleResult = _a.handleResult, inputValue = _a.inputValue, max = _a.max, min = _a.min;
+    var currentDate = (0, utils_1.formatDate)(new Date());
+    var _b = (0, react_1.useState)(new Date().getFullYear()), currentYear = _b[0], setCurrentYear = _b[1];
+    var _c = (0, react_1.useState)(new Date().getMonth()), currentMonth = _c[0], setCurrentMonth = _c[1];
+    var _d = (0, react_1.useState)([]), calendar = _d[0], setCalendar = _d[1];
+    var _e = (0, react_1.useState)(''), daySelected = _e[0], setDaySelected = _e[1];
+    var checkToday = function (dayOfWeeks, curMonth) {
+        var _a;
+        var today = (_a = calendar.find(function (item) { return item.date === currentDate && item.currentMonth === curMonth; })) === null || _a === void 0 ? void 0 : _a.dayOfWeek;
+        return today === dayOfWeeks;
+    };
+    (0, react_1.useEffect)(function () {
+        var selectDate = function (inputValues, daySplit) {
+            if (daySplit.length >= 3) {
+                setDaySelected(inputValues);
+                setCurrentMonth(parseInt(daySplit[1]) - 1);
+                setCurrentYear(parseInt(daySplit[2]));
+            }
+        };
+        if (inputValue) {
+            // @ts-ignore
+            var daySplit = inputValue === null || inputValue === void 0 ? void 0 : inputValue.split('-');
+            selectDate(inputValue, daySplit);
+        }
+    }, [inputValue]);
+    (0, react_1.useEffect)(function () {
+        var calendars = (0, utils_1.createMonthCalendarWithAdjacentMonths)(currentYear, currentMonth);
+        var selectedCalendar = calendars.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { currentMonth: currentMonth + 1, isSelected: (0, utils_1.checkActive)(daySelected, item.date), disabled: (0, utils_1.checkDisabled)({
+                date: item.date,
+                disabledDate: disabledDate,
+                max: max,
+                min: min
+            }) })); });
+        var calendars2 = (0, utils_1.createMonthCalendarWithAdjacentMonths)(currentYear, currentMonth + 1);
+        var selectedCalendar2 = calendars2.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { currentMonth: currentMonth === 11 ? 1 : currentMonth + 2, isSelected: (0, utils_1.checkActive)(daySelected, item.date), disabled: (0, utils_1.checkDisabled)({
+                date: item.date,
+                disabledDate: disabledDate,
+                max: max,
+                min: min
+            }) })); });
+        var totalCalendar = tslib_1.__spreadArray(tslib_1.__spreadArray([], selectedCalendar, true), selectedCalendar2, true);
+        setCalendar(totalCalendar);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [daySelected, currentMonth, currentYear]);
+    (0, react_1.useEffect)(function () {
+        if (defaultDate) {
+            // @ts-ignore
+            setDaySelected(defaultDate);
+            var daySplit = defaultDate === null || defaultDate === void 0 ? void 0 : defaultDate.split('-');
+            setCurrentMonth(parseInt(daySplit[1]) - 1);
+            setCurrentYear(parseInt(daySplit[2]));
+        }
+        else {
+            return;
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var handleChangeMonth = function (type) {
+        if (type === 'next') {
+            if (currentMonth === 11) {
+                setCurrentMonth(0);
+                setCurrentYear(currentYear + 1);
+            }
+            else
+                setCurrentMonth(currentMonth + 1);
+        }
+        else {
+            if (currentMonth === 0) {
+                setCurrentMonth(11);
+                setCurrentYear(currentYear - 1);
+            }
+            else
+                setCurrentMonth(currentMonth - 1);
+        }
+    };
+    var _f = (0, react_1.useState)(null), startDate = _f[0], setStartDate = _f[1];
+    var _g = (0, react_1.useState)(null), endDate = _g[0], setEndDate = _g[1];
+    var _h = (0, react_1.useState)(null), hoveredDate = _h[0], setHoveredDate = _h[1];
+    var _j = (0, react_1.useState)(null), endDateHoverNoParse = _j[0], setEndDateHoverNoParse = _j[1];
+    var _k = (0, react_1.useState)(''), startDateWatch = _k[0], setStartDateWatch = _k[1];
+    var _l = (0, react_1.useState)(''), endDateWatch = _l[0], setEndDateWatch = _l[1];
+    var _m = (0, react_1.useState)(), startDateOld = _m[0], setStartDateOld = _m[1];
+    var _o = (0, react_1.useState)(), endDateOld = _o[0], setEndDateOld = _o[1];
+    var _p = (0, react_1.useState)(menuDay), menuSelectDay = _p[0], setMenuSelectDay = _p[1];
+    var handleSelectMenuDay = function (clickedItem) {
+        var currentDateParse = (0, date_fns_1.parse)(currentDate, 'dd-MM-yyyy', new Date());
+        switch (clickedItem) {
+            case 1:
+                setStartDate(currentDateParse);
+                setEndDate(currentDateParse);
+                setStartDateWatch((0, date_fns_1.format)(currentDateParse, 'dd-MM-yyyy'));
+                setEndDateWatch((0, date_fns_1.format)(currentDateParse, 'dd-MM-yyyy'));
+                break;
+            case 2:
+                // Ngày hôm qua
+                setStartDate((0, date_fns_1.subDays)(currentDateParse, 1));
+                setEndDate((0, date_fns_1.subDays)(currentDateParse, 1));
+                setStartDateWatch((0, date_fns_1.format)((0, date_fns_1.subDays)(currentDateParse, 1), 'dd-MM-yyyy'));
+                setEndDateWatch((0, date_fns_1.format)((0, date_fns_1.subDays)(currentDateParse, 1), 'dd-MM-yyyy'));
+                break;
+            case 3:
+                // 7 ngày qua
+                setEndDate(currentDateParse);
+                setStartDate((0, date_fns_1.subDays)(currentDateParse, 6));
+                setEndDateWatch((0, date_fns_1.format)(currentDateParse, 'dd-MM-yyyy'));
+                setStartDateWatch((0, date_fns_1.format)((0, date_fns_1.subDays)(currentDateParse, 6), 'dd-MM-yyyy'));
+                break;
+            case 4:
+                // 30 ngày qua
+                setEndDate(currentDateParse);
+                setStartDate((0, date_fns_1.subDays)(currentDateParse, 29));
+                setEndDateWatch((0, date_fns_1.format)(currentDateParse, 'dd-MM-yyyy'));
+                setStartDateWatch((0, date_fns_1.format)((0, date_fns_1.subDays)(currentDateParse, 29), 'dd-MM-yyyy'));
+                break;
+            case 5:
+                // 90 ngày qua
+                setEndDate(currentDateParse);
+                setStartDate((0, date_fns_1.subDays)(currentDateParse, 89));
+                setEndDateWatch((0, date_fns_1.format)(currentDateParse, 'dd-MM-yyyy'));
+                setStartDateWatch((0, date_fns_1.format)((0, date_fns_1.subDays)(currentDateParse, 89), 'dd-MM-yyyy'));
+                break;
+            case 6:
+                // 365 ngày qua
+                setEndDate(currentDateParse);
+                setStartDate((0, date_fns_1.subDays)(currentDateParse, 364));
+                setEndDateWatch((0, date_fns_1.format)(currentDateParse, 'dd-MM-yyyy'));
+                setStartDateWatch((0, date_fns_1.format)((0, date_fns_1.subDays)(currentDateParse, 364), 'dd-MM-yyyy'));
+                break;
+            default:
+                break;
+        }
+        var updatedMenuSelectDay = menuSelectDay.map(function (item) {
+            return item.id === clickedItem ? tslib_1.__assign(tslib_1.__assign({}, item), { active: true }) : tslib_1.__assign(tslib_1.__assign({}, item), { active: false });
+        });
+        setMenuSelectDay(updatedMenuSelectDay);
+    };
+    var handleSelectDate = function (days) {
+        var day = days.date;
+        if (days.disabled) {
+            return;
+        }
+        if (!startDate) {
+            setStartDate((0, date_fns_1.parse)(day, 'dd-MM-yyyy', new Date()));
+            setStartDateWatch(day);
+            setEndDate(null);
+        }
+        else if (!endDate) {
+            var selectedDay = (0, date_fns_1.parse)(day, 'dd-MM-yyyy', new Date());
+            if (selectedDay < startDate) {
+                setStartDate(selectedDay);
+                setStartDateWatch(day);
+                setEndDate(null);
+            }
+            else {
+                setEndDate(selectedDay);
+                setEndDateWatch(day);
+            }
+        }
+        else {
+            setStartDate((0, date_fns_1.parse)(day, 'dd-MM-yyyy', new Date()));
+            setStartDateWatch(day);
+            setEndDate(null);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        var updatedMenuSelectDay = menuDay.map(function (item) { return (item.id === 1 ? tslib_1.__assign(tslib_1.__assign({}, item), { active: true }) : item); });
+        setMenuSelectDay(updatedMenuSelectDay);
+        setStartDate((0, date_fns_1.parse)(currentDate, 'dd-MM-yyyy', new Date()));
+        setEndDate((0, date_fns_1.parse)(currentDate, 'dd-MM-yyyy', new Date()));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var handleMouseOver = function (days) {
+        var day = days.date;
+        if (days.disabled) {
+            return;
+        }
+        setHoveredDate((0, date_fns_1.parse)(day, 'dd-MM-yyyy', new Date()));
+        setEndDateHoverNoParse(day);
+    };
+    (0, react_1.useEffect)(function () {
+        var isValidStartDate = (0, utils_1.isValidDateFormat)(startDateWatch);
+        if (!isValidStartDate) {
+            return;
+        }
+        setStartDate((0, date_fns_1.parse)(startDateWatch, 'dd-MM-yyyy', new Date()));
+        setStartDateOld(startDateWatch);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [startDateWatch]);
+    (0, react_1.useEffect)(function () {
+        var isValidEndDate = (0, utils_1.isValidDateFormat)(endDateWatch);
+        if (!isValidEndDate) {
+            return;
+        }
+        setEndDate((0, date_fns_1.parse)(endDateWatch, 'dd-MM-yyyy', new Date()));
+        setEndDateOld(endDateWatch);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [endDateWatch]);
+    var handleClickOutsite = function (type) {
+        var isValidStartDate = (0, utils_1.isValidDateFormat)(startDateWatch);
+        var isValidEndDate = (0, utils_1.isValidDateFormat)(endDateWatch);
+        switch (type) {
+            case 'start_date': {
+                if (!isValidStartDate) {
+                    setStartDateWatch(startDateOld);
+                }
+                return;
+            }
+            case 'end_date':
+                if (!isValidEndDate) {
+                    setEndDateWatch(endDateOld);
+                }
+                break;
+            default:
+                break;
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        var currentDateParse = (0, date_fns_1.parse)(currentDate, 'dd-MM-yyyy', new Date());
+        handleResult(currentDateParse, currentDateParse);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var handleSubmit = function () {
+        handleResult(startDate, endDate);
+    };
+    var handleRemove = function () {
+        handleCancel();
+    };
+    return (react_1["default"].createElement("div", { className: 'max-w-[730px] rounded-lg border-[0.5px] border-gray-200 bg-white pr-4 shadow-lg' },
+        react_1["default"].createElement("div", { className: 'flex' },
+            react_1["default"].createElement("div", { className: 'w-48 p-1 text-sm' }, menuSelectDay.map(function (item) { return (react_1["default"].createElement("button", { key: item.id, className: "ml-1 mt-1 w-full rounded-md px-3 py-1 text-start hover:cursor-pointer ".concat(item.active ? 'bg-gray-200 font-normal text-gray-900' : 'text-gray-500 hover:bg-gray-100'), onClick: function () { return handleSelectMenuDay(item.id); }, type: 'button' }, item.content)); })),
+            react_1["default"].createElement("div", { className: 'ml-3 w-[504px] py-3' },
+                react_1["default"].createElement("div", { className: 'mb-4 flex' },
+                    react_1["default"].createElement(Input_1.PHXInput, { className: 'w-full', onBlur: function () { return handleClickOutsite('start_date'); }, onChange: function (e) { return setStartDateWatch(e.target.value); }, placeholder: 'DD-MM-YYYY', type: 'text', value: startDateWatch }),
+                    react_1["default"].createElement(solid_1.ArrowRightIcon, { "aria-hidden": 'true', className: 'mx-3 my-auto h-5 w-10 text-gray-400' }),
+                    react_1["default"].createElement(Input_1.PHXInput, { className: 'w-full', onBlur: function () { return handleClickOutsite('end_date'); }, onChange: function (e) { return setEndDateWatch(e.target.value); }, placeholder: 'DD-MM-YYYY', type: 'text', value: endDateWatch })),
+                react_1["default"].createElement("div", { className: 'mx-auto flex w-full justify-between' },
+                    react_1["default"].createElement("div", { className: 'flex items-center text-gray-900' },
+                        react_1["default"].createElement("button", { className: '-m-1.5 mr-12 flex flex-none items-center justify-center rounded-lg p-1 text-gray-500 hover:bg-gray-200', onClick: function () { return handleChangeMonth('prev'); }, type: 'button' },
+                            react_1["default"].createElement("span", { className: 'sr-only' }, "Previous month"),
+                            react_1["default"].createElement(solid_1.ArrowLeftIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })),
+                        react_1["default"].createElement("div", { className: 'flex-auto text-xs font-medium' }, (0, utils_1.getMonthName)(currentMonth) + ' ' + currentYear)),
+                    react_1["default"].createElement("div", { className: 'flex items-center text-gray-900' },
+                        react_1["default"].createElement("div", { className: 'flex-auto text-xs font-medium' }, currentMonth === 11
+                            ? "Th\u00E1ng 1 ".concat(currentYear + 1)
+                            : (0, utils_1.getMonthName)(currentMonth + 1) + ' ' + currentYear),
+                        react_1["default"].createElement("button", { className: '-m-1.5 ml-12 flex flex-none items-center justify-center rounded-lg p-1 text-gray-500 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); }, type: 'button' },
+                            react_1["default"].createElement("span", { className: 'sr-only' }, "Next month"),
+                            react_1["default"].createElement(solid_1.ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
+                react_1["default"].createElement("div", { className: 'flex w-full' }, [currentMonth + 1, currentMonth === 11 ? 1 : currentMonth + 2].map(function (month, idx) { return (react_1["default"].createElement("div", { key: idx, className: "w-full text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9 ".concat(month === currentMonth + 1 ? 'mr-4' : '') },
+                    react_1["default"].createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' }, dayOfWeek.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: (0, utils_1.classNames)(checkToday(index === 7 ? 0 : index + 1, month) && '!font-semibold !text-gray-900') }, item)); })),
+                    react_1["default"].createElement("div", { className: 'isolate mt-2 grid grid-cols-7 rounded-lg text-xs' }, calendar.map(function (day, index) {
+                        if (day.currentMonth === month) {
+                            var selectedDay = (0, date_fns_1.parse)(day.date, 'dd-MM-yyyy', new Date());
+                            var hoveredDay = (0, date_fns_1.parse)(endDateHoverNoParse, 'dd-MM-yyyy', new Date());
+                            var isInRange = startDate && endDate && selectedDay > startDate && selectedDay < endDate;
+                            var isHovered = hoveredDate && startDate && !endDate && selectedDay >= startDate && selectedDay <= hoveredDate;
+                            var isHighlighted = startDate && endDate && selectedDay > startDate && selectedDay < endDate;
+                            var isSelectedStartDate = startDate && selectedDay.getTime() === startDate.getTime();
+                            var isSelectedEndDate = endDate && selectedDay.getTime() === endDate.getTime();
+                            var isStartNoRange = startDate && !endDate;
+                            var isSelectedStart = startDate && endDate && isSelectedStartDate;
+                            var isSelectedEnd = startDate && endDate && isSelectedEndDate;
+                            var isInRangeDynamicStart = selectedDay <= hoveredDate && isSelectedStartDate;
+                            var isInRangeDynamicEnd = startDate && isHovered && hoveredDay.getTime() === selectedDay.getTime();
+                            return (react_1["default"].createElement("button", { key: index, className: (0, utils_1.classNames)("cursor-pointer py-[0.425rem] text-[0.75rem] font-light text-gray-800  hover:text-white focus:z-10", day.isCurrentMonth ? 'bg-white' : 'text-gray-300', day.isCurrentMonth ? 'bg-white' : 'text-gray-300', day.disabled ? '' : 'hover:rounded-lg hover:!bg-gray-900', day.isToday ? 'font-semibold text-gray-900' : 'font-normal', day.disabled && day.isCurrentMonth
+                                    ? '!cursor-default !text-gray-300 hover:!bg-transparent hover:!text-gray-300'
+                                    : '', !day.isToday && day.isCurrentMonth && !day.isSelected && !day.disabled && 'text-gray-700', isSelectedStartDate && !day.disabled ? 'rounded-l-lg !bg-gray-800 text-white' : '', isSelectedEndDate && 'rounded-r-lg !bg-gray-800 text-white', isHovered && '!rounded-none !bg-gray-200', day.isSelected && '!bg-gray-800 text-white', isHighlighted && 'rounded-none !bg-gray-200', !day.isCurrentMonth && 'hidden', isStartNoRange && 'rounded-lg', isInRange && 'hover:rounded-none', isSelectedStart && 'hover:rounded-r-none', isSelectedEnd && 'hover:rounded-l-none', isInRangeDynamicStart && '!rounded-l-lg', isInRangeDynamicEnd && '!rounded-r-lg'), onClick: function () { return handleSelectDate(day); }, onMouseOver: function () { return handleMouseOver(day); }, style: {
+                                    gridColumn: day.dayOfWeek === 0 ? 7 : day.dayOfWeek
+                                }, type: 'button' },
+                                react_1["default"].createElement("time", { className: '', dateTime: day.date }, day.date.split('-')[0].replace(/^0/, ''))));
+                        }
+                        return null;
+                    })))); })))),
+        react_1["default"].createElement("div", { className: 'flex justify-end border-t py-5' },
+            react_1["default"].createElement(Button_1.PHXButton, { onClick: handleRemove, secondary: true, size: 'micro' }, "Hu\u1EF7"),
+            react_1["default"].createElement(Button_1.PHXButton, { className: 'ml-2', onClick: handleSubmit, primary: true, size: 'micro' }, "X\u00E1c nh\u1EADn"))));
+}
+exports["default"] = Calendar;
+//# sourceMappingURL=Calendar.js.map

package/dist/cjs/components/DateRangePicker/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DateRangePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/DateRangePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePicker';

package/dist/cjs/components/DateRangePicker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DatePicker"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DateRangePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/cjs/components/DateRangePicker/utils.d.ts

@@ -0,0 +1,21 @@
+export declare const formatDate: (date: any) => string;
+export declare const createMonthCalendarWithAdjacentMonths: (year: number, month: number) => {
+    date: string;
+    dayOfWeek: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+}[];
+export declare const getMonthName: (month: number) => string | undefined;
+export declare const dateStrToDate: (date: string) => Date;
+export declare const getHour: () => {
+    name: any;
+    current: boolean;
+}[];
+export declare const getMinutes: () => {
+    name: any;
+    current: boolean;
+}[];
+export declare const checkActive: (select: string, date: string) => boolean;
+export declare const checkDisabled: (allDate: any) => any;
+export declare function isValidDateFormat(dateString: any): boolean;
+export declare function classNames(...classes: Array<string | boolean | undefined>): string;