phx-react 1.3.2023

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

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXDateRangePicker = PHXDateRangePicker;
+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"));
+var utils_1 = require("./utils");
+var ErrorMessage_1 = tslib_1.__importDefault(require("../../commons/ErrorMessage"));
+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, label = _a.label, max = _a.max, min = _a.min, onChange = _a.onChange, position_component = _a.position_component, _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 handleToggleCalendar = function () {
+        setIsCalendarVisible(true);
+    };
+    (0, react_1.useEffect)(function () {
+        var handleClickOutside = function (event) {
+            if (calendarRef.current && !calendarRef.current.contains(event.target) && inputRef.current !== event.target) {
+                setIsCalendarVisible(false);
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        return function () {
+            document.removeEventListener('click', handleClickOutside);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (defaultValue) {
+            var endDate = new Date();
+            var startDate = (0, date_fns_1.subDays)(endDate, defaultValue - 1);
+            var formattedStartDate = (0, date_fns_1.format)(startDate, 'dd-MM-yyyy');
+            var formattedEndDate = (0, date_fns_1.format)(endDate, 'dd-MM-yyyy');
+            var parsedStartDate = (0, date_fns_1.parse)(formattedStartDate, 'dd-MM-yyyy', new Date());
+            var parsedEndDate = (0, date_fns_1.parse)(formattedEndDate, 'dd-MM-yyyy', new Date());
+            handleResult(parsedStartDate, parsedEndDate);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValue]);
+    var _d = (0, react_1.useState)('Ngày hôm nay'), viewResult = _d[0], setViewResult = _d[1];
+    var handleResult = function (startDate, endDate) {
+        if (!startDate || !endDate) {
+            return;
+        }
+        var startDateResult = (0, date_fns_1.format)(startDate, 'yyyy/MM/dd');
+        var endDateResult = (0, date_fns_1.format)(endDate, 'yyyy/MM/dd');
+        if (onChange && startDateResult && endDateResult) {
+            onChange({ startDate: startDateResult, endDate: endDateResult });
+        }
+        var viewDate = (0, utils_1.formatViewResult)(startDate, endDate);
+        setViewResult(viewDate);
+        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", { disabled: disabled, className: "bg-white px-2.5 pl-8 py-1.5 text-xs rounded-lg font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 hover:bg-gray-100 ".concat(isCalendarVisible ? '!shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !border-b-gray-300 !bg-gray-100' : ''), onClick: handleToggleCalendar, ref: inputRef, type: 'button' }, viewResult),
+                error && errorType ? react_1.default.createElement(ErrorMessage_1.default, { message: 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: position_component === 'left'
+                        ? classNames('left-30 absolute right-[8px] top-10 z-50', isCalendarVisible ? '' : 'hidden')
+                        : 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 }))))));
+}
+//# 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?: number;
+    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";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Calendar;
+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 CheckIcon_1 = tslib_1.__importDefault(require("@heroicons/react/24/outline/CheckIcon"));
+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]);
+    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];
+    (0, react_1.useEffect)(function () {
+        if (defaultDate) {
+            var currentDateParse = (0, date_fns_1.parse)(currentDate, 'dd-MM-yyyy', new Date());
+            setEndDate(currentDateParse);
+            setStartDate((0, date_fns_1.subDays)(currentDateParse, defaultDate - 1));
+            setEndDateWatch((0, date_fns_1.format)(currentDateParse, 'dd-MM-yyyy'));
+            setStartDateWatch((0, date_fns_1.format)((0, date_fns_1.subDays)(currentDateParse, defaultDate - 1), 'dd-MM-yyyy'));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultDate]);
+    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-300 bg-white shadow-xl' },
+        react_1.default.createElement("div", { className: 'flex pr-4' },
+            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 flex justify-between items-center ".concat(item.active ? 'bg-gray-200 font-medium text-gray-900' : 'text-gray-600 hover:bg-gray-100 font-light'), onClick: function () { return handleSelectMenuDay(item.id); }, type: 'button' },
+                item.content,
+                item.active ? react_1.default.createElement(CheckIcon_1.default, { className: 'h-4 w-4' }) : null)); })),
+            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-4 pr-4' },
+            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"))));
+}
+//# 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";
+Object.defineProperty(exports, "__esModule", { value: 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,22 @@
+export declare const formatDate: (date: any) => string;
+export declare function formatViewResult(startDate: any, endDate: 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;