awing-library 2.1.2-dev.99 → 2.1.2-preview.1

package/dist/AWING/DateRangePicker/component/utils.js

@@ -0,0 +1,52 @@
+import moment from "moment";
+const identity = (x)=>x;
+const chunks = (array, size)=>Array.from({
+        length: Math.ceil(array.length / size)
+    }, (_v, i)=>array.slice(i * size, i * size + size));
+const getDaysInMonth = (date, _locale)=>{
+    const startWeek = moment(date).startOf('month').startOf('week').toDate();
+    const endWeek = moment(date).endOf('month').endOf('week').toDate();
+    const days = [];
+    const curr = moment(startWeek);
+    while(curr.isBefore(endWeek)){
+        days.push(curr.toDate());
+        curr.add(1, 'days');
+    }
+    return days;
+};
+const isStartOfRange = ({ startDate }, day)=>!!(startDate && moment(day).isSame(startDate, 'day'));
+const isEndOfRange = ({ endDate }, day)=>!!(endDate && moment(day).isSame(endDate, 'day'));
+const inDateRange = ({ startDate, endDate }, day)=>!!(startDate && endDate && (moment(day).isBetween(startDate, endDate, 'day', '[]') || moment(day).isSame(startDate, 'day') || moment(day).isSame(endDate, 'day')));
+const isRangeSameDay = ({ startDate, endDate })=>{
+    if (startDate && endDate) return moment(startDate).isSame(endDate, 'day');
+    return false;
+};
+const parseOptionalDate = (date, defaultValue)=>{
+    if (date) {
+        const parsed = date instanceof Date ? moment(date) : moment(date);
+        if (parsed.isValid()) return parsed.toDate();
+    }
+    return defaultValue;
+};
+const getValidatedMonths = (range)=>{
+    const { startDate, endDate } = range;
+    if (startDate && endDate) {
+        const momentStart = moment(startDate);
+        const momentEnd = moment(endDate);
+        return [
+            startDate,
+            momentStart.isSame(momentEnd, 'month') ? momentStart.add(1, 'months').toDate() : endDate
+        ];
+    }
+    return [
+        startDate,
+        endDate
+    ];
+};
+function formatDateRange(value) {
+    if (!value || !value.startDate || !value.endDate) return '';
+    const start = moment(value.startDate).format('DD/MM/YYYY');
+    const end = moment(value.endDate).format('DD/MM/YYYY');
+    return `${start} - ${end}`;
+}
+export { chunks, formatDateRange, getDaysInMonth, getValidatedMonths, identity, inDateRange, isEndOfRange, isRangeSameDay, isStartOfRange, parseOptionalDate };

package/dist/AWING/DateRangePicker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { type DateRangePickerProps } from './Container';
+export { default } from './Container';
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/DateRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/AWING/DateRangePicker/index.js

@@ -0,0 +1,3 @@
+import Container from "./Container.js";
+export * from "./types/index.js";
+export { Container as default };

package/dist/AWING/DateRangePicker/types/index.d.ts

@@ -0,0 +1,38 @@
+import type { PopoverProps } from '@mui/material/Popover';
+import type { PickerProps, ModalCustomProps } from './utils';
+export type PickerModalProps = PickerProps & {
+    modalProps: PopoverProps;
+    customProps?: ModalCustomProps;
+};
+export type Labels = {
+    predefinedRanges?: string;
+    actions?: {
+        apply?: string;
+        cancel?: string;
+    };
+    footer?: {
+        startDate?: string;
+        endDate?: string;
+    };
+};
+export type DefinedRange = {
+    startDate: Date;
+    endDate: Date;
+    label: string;
+};
+export interface DateRange {
+    startDate?: Date;
+    endDate?: Date;
+}
+export type Setter<T> = React.Dispatch<React.SetStateAction<T>> | ((value: T) => void);
+export declare enum NavigationAction {
+    Previous = -1,
+    Next = 1
+}
+export interface OptionsDateRangePickerProps {
+    minDate?: Date;
+    maxDate?: Date;
+    hideDefaultRanges?: boolean;
+    hideOutsideMonthDays?: boolean;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/DateRangePicker/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DateRangePicker/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IACzC,UAAU,EAAE,YAAY,CAAC;IACzB,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,MAAM,CAAC,EAAE;QACL,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,SAAS;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAClB;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AAEvF,oBAAY,gBAAgB;IACxB,QAAQ,KAAK;IAEb,IAAI,IAAI;CACX;AAED,MAAM,WAAW,2BAA2B;IACxC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC"}

package/dist/AWING/DateRangePicker/types/index.js

@@ -0,0 +1,6 @@
+var types_NavigationAction = /*#__PURE__*/ function(NavigationAction) {
+    NavigationAction[NavigationAction["Previous"] = -1] = "Previous";
+    NavigationAction[NavigationAction["Next"] = 1] = "Next";
+    return NavigationAction;
+}({});
+export { types_NavigationAction as NavigationAction };

package/dist/AWING/DateRangePicker/types/utils.d.ts

@@ -0,0 +1,35 @@
+import type { SvgIconProps } from '@mui/material';
+import type { ElementType } from 'react';
+import type { Labels } from '.';
+export type DefinedRange = {
+    startDate: Date;
+    endDate: Date;
+    label: string;
+};
+export type DateRange = {
+    startDate?: Date;
+    endDate?: Date;
+};
+export type RangeSeparatorIconsProps = {
+    xs?: ElementType<SvgIconProps>;
+    md?: ElementType<SvgIconProps>;
+};
+export type PickerProps = {
+    initialDateRange?: DateRange;
+    definedRanges?: DefinedRange[];
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    locale?: any;
+    labels?: Labels;
+    onChange?: (dateRange: DateRange) => void;
+    hideDefaultRanges?: boolean;
+    hideOutsideMonthDays?: boolean;
+};
+export type ModalCustomProps = {
+    value?: DateRange;
+    onSubmit?: (dateRange: DateRange) => void;
+    onCloseCallback?: () => void;
+    RangeSeparatorIcons?: RangeSeparatorIconsProps;
+    hideActionButtons?: boolean;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/AWING/DateRangePicker/types/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DateRangePicker/types/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACpB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,EAAE,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAC/B,EAAE,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAExB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAE1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC"}

package/dist/AWING/DateRangePickerOld/InputMask.d.ts

@@ -0,0 +1,3 @@
+declare const InputMask: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default InputMask;
+//# sourceMappingURL=InputMask.d.ts.map

package/dist/AWING/DateRangePickerOld/InputMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePickerOld/InputMask.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,SAAS,UAAW,GAAG,4CAiH5B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/AWING/DateRangePickerOld/InputMask.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import { useMask } from "@react-input/mask";
+import { CalendarTodaySharp } from "@mui/icons-material";
+import { IconButton, InputAdornment, TextField } from "@mui/material";
+import { useTranslation } from "react-i18next";
+import { omit } from "lodash";
+const maskInit = '__/__/____ - __/__/____';
+const InputMask = (props)=>{
+    const { t } = useTranslation();
+    const { inputValue, required, id, variant, label, isValid, error, disableHelperText, helperText, onClickInput } = props;
+    const inputRef = useMask({
+        mask: maskInit,
+        replacement: {
+            _: /\d/
+        },
+        showMask: true,
+        modify: (_value)=>({
+                mask: inputValue
+            })
+    });
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            position: 'relative'
+        },
+        children: /*#__PURE__*/ jsx(TextField, {
+            "data-testid": "date-range-picker-inputmask",
+            required: required,
+            "aria-describedby": id,
+            variant: variant,
+            label: label,
+            error: !isValid || error,
+            helperText: disableHelperText ? '' : error ? helperText || t('Common.InvalidData') : isValid ? '' : t('DatePicker.InvalidDateRange'),
+            ...omit(props.textFieldProps, [
+                'readOnly'
+            ]),
+            slotProps: {
+                input: {
+                    endAdornment: /*#__PURE__*/ jsx(InputAdornment, {
+                        position: "end",
+                        children: /*#__PURE__*/ jsx(IconButton, {
+                            children: /*#__PURE__*/ jsx(CalendarTodaySharp, {})
+                        })
+                    }),
+                    value: inputValue
+                }
+            },
+            disabled: props.disabled,
+            onClick: (e)=>{
+                props.textFieldProps?.readOnly || onClickInput(e);
+            },
+            style: {},
+            inputRef: inputRef
+        })
+    });
+};
+const DateRangePickerOld_InputMask = InputMask;
+export { DateRangePickerOld_InputMask as default };

package/dist/AWING/DateRangePickerOld/Types.d.ts

@@ -0,0 +1,34 @@
+import { MomentInput, Moment } from 'moment';
+import { TextFieldProps } from '@mui/material';
+export interface DateRangePickerOldProps {
+    required?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    autoFocusEndDate?: boolean;
+    initialStartDate?: Moment | null;
+    initialEndDate?: Moment | null;
+    callback: (newValue: {
+        startDate: MomentInput;
+        endDate: MomentInput;
+    }) => void;
+    label?: string;
+    isShowCalendarInfo?: boolean;
+    isFutureDate?: boolean;
+    variant?: TextFieldProps['variant'];
+    className?: any;
+    value?: {
+        startDate: Moment;
+        endDate: Moment;
+    };
+    error?: boolean;
+    helperText?: string;
+    disableHelperText?: boolean;
+    textFieldProps?: any;
+    openDirection?: 'up' | 'down';
+    numberOfMonths?: number;
+    isDayBlocked?: (day: Moment | null) => boolean;
+    isOutsideRange?: (day: Moment) => boolean;
+    handleValid?: (valid: boolean) => void;
+    handleDateRangePopover?: (currentTarget: any) => void;
+}
+//# sourceMappingURL=Types.d.ts.map

package/dist/AWING/DateRangePickerOld/Types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePickerOld/Types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,uBAAuB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE;QAAE,SAAS,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,sBAAsB,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC;CACzD"}

package/dist/AWING/DateRangePickerOld/component.d.ts

@@ -0,0 +1,8 @@
+import 'react-dates/initialize';
+import 'react-dates/lib/css/_datepicker.css';
+import 'moment/locale/vi';
+import 'moment/locale/id';
+import { DateRangePickerOldProps } from './Types';
+declare const DateRangePickerWrapper: (props: DateRangePickerOldProps) => import("react/jsx-runtime").JSX.Element;
+export default DateRangePickerWrapper;
+//# sourceMappingURL=component.d.ts.map

package/dist/AWING/DateRangePickerOld/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePickerOld/component.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAI7C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAI1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIlD,QAAA,MAAM,sBAAsB,UAAW,uBAAuB,4CAib7D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/AWING/DateRangePickerOld/component.js

@@ -0,0 +1,218 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { DayPickerRangeController, isSameDay } from "react-dates";
+import { END_DATE, START_DATE } from "react-dates/constants";
+import { useTranslation } from "react-i18next";
+import "react-dates/initialize";
+import "react-dates/lib/css/_datepicker.css";
+import { ClickAwayListener, Paper, Popper } from "@mui/material";
+import configDate from "./configDate.js";
+import "moment/locale/vi";
+import "moment/locale/id";
+import moment from "moment";
+import { get, omit } from "lodash";
+import { useFormatDateByLanguage, useStyles } from "./helper.js";
+import InputMask from "./InputMask.js";
+const DateRangePickerWrapper = (props)=>{
+    const { i18n, t } = useTranslation();
+    const classes = useStyles();
+    const { value, error, helperText, autoFocus = false, autoFocusEndDate = false, initialStartDate = null, initialEndDate = null, callback = ()=>{}, label = null, isShowCalendarInfo = false, variant, openDirection, isDayBlocked = ()=>false, handleValid = ()=>{}, handleDateRangePopover = ()=>{}, disableHelperText, isFutureDate = false, required = false, numberOfMonths = 2 } = props;
+    let initialFocusedInput = null;
+    if (autoFocus) initialFocusedInput = START_DATE;
+    else if (autoFocusEndDate) initialFocusedInput = END_DATE;
+    const [focusedInput, setFocusedInput] = useState(initialFocusedInput);
+    const [startDate, setStartDate] = useState(initialStartDate);
+    const [endDate, setEndDate] = useState(initialEndDate);
+    const [isValid, setIsValid] = useState(true);
+    const [inputValue, setInputValue] = useState(`${useFormatDateByLanguage(value ? value?.startDate : startDate, i18n)} - ${useFormatDateByLanguage(value ? value?.endDate : endDate, i18n)}`);
+    let momentLanguage = useMemo(()=>i18n?.language?.split('-')?.[0] || 'en', [
+        i18n.language
+    ]);
+    useEffect(()=>{
+        setInputValue(`${useFormatDateByLanguage(value ? value?.startDate : startDate, i18n)} - ${useFormatDateByLanguage(value ? value?.endDate : endDate, i18n)}`);
+    }, [
+        momentLanguage
+    ]);
+    useEffect(()=>{
+        if (void 0 !== value) {
+            const inputUpdate = `${useFormatDateByLanguage(value ? value?.startDate : startDate, i18n)} - ${useFormatDateByLanguage(value ? value?.endDate : endDate, i18n)}`;
+            if (inputUpdate != inputValue) {
+                setInputValue(inputUpdate);
+                const momentStartDate = moment(value ? value?.startDate : startDate, 'L', true);
+                const momentEndDate = moment(value ? value?.endDate : endDate, 'L', true);
+                momentStartDate.isValid() && momentEndDate.isValid() && momentEndDate.diff(momentStartDate) >= 0 ? setIsValid(true) : setIsValid(false);
+            }
+        }
+    }, [
+        value
+    ]);
+    useEffect(()=>{
+        moment.locale(momentLanguage);
+        if ((value ? value?.startDate : startDate) !== null && moment(value ? value?.startDate : startDate).locale() !== momentLanguage) setStartDate(moment(value ? value?.startDate : startDate).locale(momentLanguage));
+    }, [
+        momentLanguage,
+        i18n.language,
+        value?.startDate
+    ]);
+    useEffect(()=>{
+        handleValid(isValid);
+    }, [
+        isValid
+    ]);
+    const onDatesChange = ({ startDate, endDate })=>{
+        setStartDate(startDate);
+        setEndDate(endDate);
+        if (startDate && moment.isMoment(startDate)) startDate.set({
+            hour: 0,
+            minute: 0,
+            second: 0,
+            millisecond: 0
+        });
+        if (endDate && moment.isMoment(endDate)) endDate.set({
+            hour: 0,
+            minute: 0,
+            second: 0,
+            millisecond: 0
+        });
+        callback({
+            startDate,
+            endDate
+        });
+        const momentStartDate = moment(startDate, 'L', true);
+        const momentEndDate = moment(endDate, 'L', true);
+        momentStartDate.isValid() && momentEndDate.isValid() && momentEndDate.diff(momentStartDate) >= 0 ? setIsValid(true) : setIsValid(false);
+        setInputValue(`${useFormatDateByLanguage(startDate, i18n)} - ${useFormatDateByLanguage(endDate, i18n)}`);
+    };
+    const onFocusChange = (focusedInput)=>{
+        setFocusedInput(focusedInput ? focusedInput : START_DATE);
+    };
+    const controlButtonClick = (daterange)=>{
+        onDatesChange(daterange);
+    };
+    let nextProps = {
+        ...props
+    };
+    const presets = configDate(t, isFutureDate);
+    const renderDatePresets = ()=>/*#__PURE__*/ jsx("div", {
+            className: classes.CustomDateRangePicker_panel,
+            children: presets.map(({ text, start, end })=>{
+                const isSelected = isSameDay(start, value ? value?.startDate : startDate) && isSameDay(end, value ? value?.endDate : endDate);
+                return /*#__PURE__*/ jsx("button", {
+                    className: `${classes.CustomDateRangePicker_button} ${isSelected ? classes.CustomDateRangePicker_button__selected : ''}`,
+                    "data-testid": "date-range-picker-button-selected",
+                    type: "button",
+                    onClick: ()=>controlButtonClick({
+                            startDate: start,
+                            endDate: end
+                        }),
+                    children: text
+                }, text);
+            })
+        });
+    nextProps = omit(nextProps, [
+        'helperText',
+        'disableHelperText',
+        'value',
+        'autoFocus',
+        'autoFocusEndDate',
+        'initialStartDate',
+        'initialEndDate',
+        'presets',
+        'callback',
+        'label',
+        'error',
+        'isShowCalendarInfo',
+        'isValid',
+        'variant',
+        'textFieldProps',
+        'startDatePlaceholderText',
+        'endDatePlaceholderText',
+        'openDirection',
+        'startDateId',
+        'endDateId',
+        'anchorDirection',
+        'verticalSpacing',
+        'className',
+        'isDayBlocked',
+        'handleValid',
+        'handleDateRangePopover',
+        'required'
+    ]);
+    const [anchorElPopover, setAnchorElPopover] = useState(null);
+    const openPopper = Boolean(anchorElPopover);
+    const id = openPopper ? 'datePicker-popper' : void 0;
+    const popperRef = useRef(null);
+    const handleClickInput = (event)=>{
+        handleDateRangePopover(event.currentTarget);
+        setAnchorElPopover(anchorElPopover ? null : event.currentTarget);
+        setFocusedInput(focusedInput ? focusedInput : START_DATE);
+        setTimeout(()=>{
+            if (popperRef.current) get(popperRef.current, 'update');
+        }, 250);
+    };
+    const handleClosePopover = ()=>{
+        setAnchorElPopover(null);
+        handleDateRangePopover(null);
+    };
+    const handleChanged = (value)=>{
+        setInputValue(value);
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(InputMask, {
+                onChange: handleChanged,
+                inputValue: inputValue,
+                required: required,
+                id: id,
+                variant: variant,
+                label: label,
+                isValid: isValid,
+                error: error,
+                disableHelperText: disableHelperText,
+                helperText: helperText,
+                onClickInput: handleClickInput,
+                textFieldProps: props?.textFieldProps
+            }),
+            /*#__PURE__*/ jsx(Popper, {
+                id: id,
+                open: openPopper,
+                anchorEl: anchorElPopover,
+                style: {
+                    zIndex: 30000
+                },
+                placement: 'up' === openDirection ? 'top-start' : 'bottom-start',
+                popperRef: popperRef,
+                "data-testid": "date-range-picker-popper",
+                children: /*#__PURE__*/ jsx(ClickAwayListener, {
+                    onClickAway: handleClosePopover,
+                    children: /*#__PURE__*/ jsx(Paper, {
+                        elevation: 8,
+                        className: classes.CustomPickerSelected,
+                        children: /*#__PURE__*/ jsx(DayPickerRangeController, {
+                            ...nextProps,
+                            calendarInfoPosition: "before",
+                            renderCalendarInfo: isShowCalendarInfo ? renderDatePresets : null,
+                            onDatesChange: onDatesChange,
+                            onFocusChange: onFocusChange,
+                            focusedInput: focusedInput,
+                            startDate: value ? value?.startDate : startDate,
+                            endDate: value ? value?.endDate : endDate,
+                            hideKeyboardShortcutsPanel: true,
+                            numberOfMonths: numberOfMonths,
+                            daySize: 32,
+                            transitionDuration: 0,
+                            isDayBlocked: (day)=>{
+                                if (value ? value?.startDate : startDate) {
+                                    if (isDayBlocked(value ? value?.startDate : startDate)) setIsValid(false);
+                                }
+                                return isDayBlocked(day);
+                            }
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+const component = DateRangePickerWrapper;
+export { component as default };

package/dist/AWING/DateRangePickerOld/configDate.d.ts

@@ -0,0 +1,9 @@
+import { TFunction } from 'i18next';
+import moment from 'moment';
+declare const configInitialDate: (t: TFunction<"translation", undefined>, isFutureDate: boolean) => {
+    text: string;
+    start: moment.Moment;
+    end: moment.Moment;
+}[];
+export default configInitialDate;
+//# sourceMappingURL=configDate.d.ts.map

package/dist/AWING/DateRangePickerOld/configDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configDate.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePickerOld/configDate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,QAAA,MAAM,iBAAiB,MAAO,SAAS,CAAC,aAAa,EAAE,SAAS,CAAC,gBAAgB,OAAO;;;;GAmEvF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/AWING/DateRangePickerOld/configDate.js

@@ -0,0 +1,67 @@
+import moment from "moment";
+const configInitialDate = (t, isFutureDate)=>{
+    const today = moment();
+    const initDatePast = [
+        {
+            text: t('DatePicker.ToDay'),
+            start: today,
+            end: today
+        },
+        {
+            text: t('DatePicker.Yesterday'),
+            start: moment().subtract(1, 'days'),
+            end: moment().subtract(1, 'days')
+        },
+        {
+            text: t('DatePicker.LastSevenDay'),
+            start: moment().subtract(6, 'days'),
+            end: today
+        },
+        {
+            text: t('DatePicker.LastThirtyDay'),
+            start: moment().subtract(29, 'days'),
+            end: today
+        },
+        {
+            text: t('DatePicker.ThisMonth'),
+            start: moment().startOf('month'),
+            end: moment().endOf('month')
+        },
+        {
+            text: t('DatePicker.LastMonth'),
+            start: moment().subtract(1, 'month').startOf('month'),
+            end: moment().subtract(1, 'month').endOf('month')
+        }
+    ];
+    const initDateFuture = [
+        {
+            text: t('DatePicker.ToDay'),
+            start: today,
+            end: today
+        },
+        {
+            text: t('DatePicker.Tomorrow'),
+            start: moment(),
+            end: moment().add(1, 'days')
+        },
+        {
+            text: t('DatePicker.NextSevenDay'),
+            start: today,
+            end: moment().add(6, 'days')
+        },
+        {
+            text: t('DatePicker.NextThirtyDay'),
+            start: today,
+            end: moment().add(29, 'days')
+        },
+        {
+            text: t('DatePicker.NextMonth'),
+            start: moment().add(1, 'month').startOf('month'),
+            end: moment().add(1, 'month').endOf('month')
+        }
+    ];
+    const initDate = isFutureDate ? initDateFuture : initDatePast;
+    return initDate;
+};
+const configDate = configInitialDate;
+export { configDate as default };

package/dist/AWING/DateRangePickerOld/container.d.ts

@@ -0,0 +1,4 @@
+import { DateRangePickerOldProps } from './Types';
+declare function Container(props: DateRangePickerOldProps): import("react/jsx-runtime").JSX.Element;
+export default Container;
+//# sourceMappingURL=container.d.ts.map

package/dist/AWING/DateRangePickerOld/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePickerOld/container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAElD,iBAAS,SAAS,CAAC,KAAK,EAAE,uBAAuB,2CAEhD;AACD,eAAe,SAAS,CAAC"}

package/dist/AWING/DateRangePickerOld/container.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import component from "./component.js";
+function Container(props) {
+    return /*#__PURE__*/ jsx(component, {
+        ...props
+    });
+}
+const container = Container;
+export { container as default };

package/dist/AWING/DateRangePickerOld/demo.css

@@ -0,0 +1,4 @@
+.MuiDateRangeCalendar-root > div:first-child {
+  display: none;
+}
+

package/dist/AWING/DateRangePickerOld/helper.d.ts

@@ -0,0 +1,5 @@
+import { type Moment } from 'moment';
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"CustomDateRangePicker_panel" | "CustomDateRangePicker_button" | "CustomDateRangePicker_button__selected" | "CustomPickerSelected">;
+export declare const getFormatByLanguage: (i18n: any) => string;
+export declare const useFormatDateByLanguage: (date: Moment | null, i18n: any) => string;
+//# sourceMappingURL=helper.d.ts.map

package/dist/AWING/DateRangePickerOld/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/AWING/DateRangePickerOld/helper.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAG7C,eAAO,MAAM,SAAS,yLAyDpB,CAAC;AAEH,eAAO,MAAM,mBAAmB,SAAU,GAAG,WAiB5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,SAAU,MAAM,GAAG,IAAI,QAAQ,GAAG,WAIrE,CAAC"}