diginet-core-ui 1.4.50 → 1.4.51

package/components/form-control/calendar/function.js

@@ -652,7 +652,7 @@ const renderNavigator = (className, refs, dbLeftFn, leftFn, rightFn, dbRightFn,
     color: 'primary',
     type: 'h3',
     ref: refs.content,
-    format: ['lowercase']
+    format: ['sentence']
   }))), jsx("div", {
     className: className.navigator.around
   }, jsx(ButtonIcon, {

package/components/form-control/calendar/index.js

@@ -226,7 +226,7 @@ const Calendar = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
    * START EFFECT
    */
   useEffect(() => {
-    if (defaultValue && defaultValue !== '' && isValidDate(defaultValue)) {
+    if (defaultValue && defaultValue !== '' && isValidDate(defaultValue) && !value) {
       if (isBeforeLimit(min, defaultValue)) {
         onUpdate(min);
       } else if (isAfterLimit(max, defaultValue)) {

package/components/form-control/date-range-picker/index.js

@@ -7,7 +7,7 @@ import locale from "../../../locale";
 import PropTypes from 'prop-types';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { render } from 'react-dom';
-import { bgColor, borderRadius4px, cursorPointer, displayBlock, displayFlex, displayNone, flexCol, flexRow, invisible, justifyEnd, left, parseHeight, parseMaxWidth, parseMinWidth, pointerEventsNone, positionFixed, shadowLarge, textCenter, top, userSelectNone, whiteSpaceNoWrap, z } from "../../../styles/general";
+import { bgColor, borderRadius4px, cursorPointer, displayBlock, displayFlex, displayNone, flexCol, flexRow, invisible, justifyBetween, justifyEnd, left, parseHeight, parseMaxWidth, parseMinWidth, pointerEventsNone, positionFixed, shadowLarge, textCenter, top, userSelectNone, whiteSpaceNoWrap, z } from "../../../styles/general";
 import { useTheme } from "../../../theme";
 import { capitalizeSentenceCase, classNames, isEqual, date as moment, randomString, updatePosition } from "../../../utils";
 import { generateCalendarCSS, onUpdateNavigator, renderHeader, renderNavigator } from "../calendar/function";
@@ -128,6 +128,7 @@ const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, refe
   const [, setValueFr] = useState(Date.now());
   const [, setValueTo] = useState(Date.now());
   const [, setSelected] = useState(Date.now());
+  const [focusBtn, setFocusBtn] = useState('today');
   const [valueState, setValueState] = useState();
   const navigatorFromRefs = {
     doubleLeft: useRef(null),
@@ -148,7 +149,13 @@ const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, refe
   const cancelText = getGlobal(['cancel']);
   const confirmText = getGlobal(['confirm']);
   const unitText = getGlobal([unitCount]);
+  const todayText = getGlobal(['today']);
+  const yesterdayText = getGlobal(['yesterday']);
+  const thisWeekText = getGlobal(['thisWeek']);
+  const thisMonthText = getGlobal(['thisMonth']);
   const _ControlContainerCSS = ControlContainerCSS(theme);
+  const _FooterContainerCSS = FooterContainerCSS(theme);
+  const _DateOptionsCSS = DateOptionsCSS(theme);
   const updateValues = useCallback(v => {
     values.current = v;
     setValues();
@@ -761,6 +768,46 @@ const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, refe
     !!onChange && onChange(e);
     onSwap(true);
   };
+  const onClickPresetDate = type => {
+    if (!type) return;
+    setFocusBtn(type);
+    let value = [];
+    const currentDay = new Date();
+    switch (type) {
+      case 'today':
+        value = [new Date(Date.now() - 25200000).valueOf()];
+        break;
+      case 'yesterday':
+        {
+          const yesterday = new Date(Date.now() - 86400000 - 25200000);
+          value = [new Date(Date.now() - 86400000 - 25200000).valueOf()];
+          valueFr.current = yesterday;
+          break;
+        }
+      case 'thisWeek':
+        {
+          const first = currentDay.getDate() - currentDay.getDay() + 1; // First day is the day of the month - the day of the week
+          const last = first + 6; // last day is the first day + 6
+          const firstday = new Date(currentDay.setDate(first)).setHours(0, 0, 0).valueOf();
+          const lastday = new Date(currentDay.setDate(last)).setHours(0, 0, 0).valueOf();
+          value = [firstday, lastday];
+          break;
+        }
+      case 'thisMonth':
+        {
+          let firstday = new Date(currentDay.getFullYear(), currentDay.getMonth(), 1).valueOf();
+          let lastday = new Date(currentDay.getFullYear(), currentDay.getMonth() + 1, 0).valueOf();
+          value = [firstday, lastday];
+          break;
+        }
+      default:
+        break;
+    }
+    updateValues(value);
+    updateSelected(countDay(values.current));
+    renderPicker();
+    controls ? setButtonState() : onChangeValue(values.current);
+  };
   useEffect(() => {
     update(defaultValue);
     return () => {
@@ -768,9 +815,11 @@ const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, refe
     };
   }, []);
   useEffect(() => {
-    if (value) {
+    if (value && value[0] && value[1]) {
       update(value);
       closePicker();
+    } else {
+      ipRef.current.value = '';
     }
   }, [value]);
   useEffect(() => {
@@ -856,6 +905,50 @@ const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, refe
   const endIcon = actionIconAt === 'end' && iconComp;
   const startIcon = actionIconAt === 'start' && iconComp;
   const footerMemo = jsx("div", {
+    css: _FooterContainerCSS
+  }, jsx("div", {
+    css: _DateOptionsCSS
+  }, jsx(Button, {
+    size: "medium",
+    labelProps: {
+      type: 'h4',
+      style: {
+        textTransform: 'initial'
+      }
+    },
+    onClick: () => onClickPresetDate('today'),
+    color: focusBtn === 'today' && 'primary'
+  }, todayText), jsx(Button, {
+    size: "medium",
+    labelProps: {
+      type: 'h4',
+      style: {
+        textTransform: 'initial'
+      }
+    },
+    onClick: () => onClickPresetDate('yesterday'),
+    color: focusBtn === 'yesterday' && 'primary'
+  }, yesterdayText), jsx(Button, {
+    size: "medium",
+    labelProps: {
+      type: 'h4',
+      style: {
+        textTransform: 'initial'
+      }
+    },
+    onClick: () => onClickPresetDate('thisWeek'),
+    color: focusBtn === 'thisWeek' && 'primary'
+  }, thisWeekText), jsx(Button, {
+    size: "medium",
+    labelProps: {
+      type: 'h4',
+      style: {
+        textTransform: 'initial'
+      }
+    },
+    onClick: () => onClickPresetDate('thisMonth'),
+    color: focusBtn === 'thisMonth' && 'primary'
+  }, thisMonthText)), jsx("div", {
     css: _ControlContainerCSS,
     className: unique.footer,
     ref: footerRef
@@ -874,7 +967,7 @@ const DateRangePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, refe
     color: 'info',
     className: unique.confirm,
     onClick: onConfirm
-  }, confirmText));
+  }, confirmText)));
   const leftCalendarComp = jsx("div", {
     css: generateCalendarCSS(unique, false, false, theme)
   }, renderNavigator(unique, navigatorFromRefs, e => setPrevTime(e, 'year', valueFr.current, 'from'), e => setPrevTime(e, 'month', valueFr.current, 'from'), e => setNextTime(e, 'month', valueFr.current, 'from'), e => setNextTime(e, 'year', valueFr.current, 'from')), jsx("div", {
@@ -1029,6 +1122,16 @@ const ControlContainerCSS = ({
     ${justifyEnd};
     margin: ${spacing([0, 4, 4])};
 `;
+const FooterContainerCSS = () => css`
+    ${displayFlex};
+    ${justifyBetween};
+`;
+const DateOptionsCSS = ({
+  spacing
+}) => css`
+    ${displayFlex};
+    padding-left: ${spacing(4)}px;
+`;
 const pickerCSS = {
   backGr: ({
     zIndex

package/components/form-control/dropdown/index.js

@@ -77,6 +77,7 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
     inputStyle,
     itemMode,
     isInGrid,
+    isPaging,
     label,
     labelProps,
     limit,
@@ -135,6 +136,7 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
     skip: skip || 0,
     limit: limit || 50
   });
+  const txtSearchRef = useRef(false);
   const [unique] = useState(randomString(6, {
     allowNumber: false,
     allowSymbol: false
@@ -170,7 +172,7 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
   const _IconCSS = IconCSS(viewType, theme);
   const _DropdownFormCSS = viewType === 'outlined' ? DropdownFormOutlinedCSS(disabled, readOnly, placeholder, theme) : DropdownFormCSS(viewType, multiple, disabled, readOnly, placeholder, _DropdownInputCSS.name, theme);
   const _DropdownListCSS = DropdownListCSS(theme);
-  const _DropdownBoxCSS = DropdownBoxCSS(loadingState, theme, itemMode);
+  const _DropdownBoxCSS = DropdownBoxCSS(loadingState, theme, itemMode, isPaging);
   const _DropdownItemCSS = DropdownItemCSS(multiple, selectBox, theme);
   const _DropdownRootCSS = DropdownRootCSS(_DropdownFormCSS.name, _DropdownInputCSS.name, theme);
   const _CheckBoxCSS = CheckBoxCSS(theme);
@@ -455,7 +457,8 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
       parentID: treeViewParentID,
       value: typeof currentValue[unique] === 'string' ? [currentValue[unique]] : currentValue[unique],
       onChange: (e, value) => onChangeValue(e, '', multiple ? value : e.value),
-      renderItem: renderItem
+      renderItem: renderItem,
+      isInDropdown: true
     }) : EmptyDataText);
   };
 
@@ -674,6 +677,7 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
     var _e$target$value;
     if (!dropdownRef.current) return; // Kiểm tra nếu dropdown đóng trước searchDelayTime thì không chạy
     setTxtSearch((_e$target$value = e.target.value) !== null && _e$target$value !== void 0 ? _e$target$value : '');
+    txtSearchRef.current = !!e.target.value;
     if (onInput) {
       onInput(e);
     }
@@ -938,6 +942,13 @@ const Dropdown = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
     return () => {
       allValue[unique] = null;
       closeDropdown(null, 'cleanup');
+      if (onInput && txtSearchRef.current) {
+        onInput({
+          target: {
+            value: ''
+          }
+        });
+      }
     };
   }, []);
   useEffect(() => {
@@ -1554,8 +1565,8 @@ const DropdownListCSS = ({
 `;
 const DropdownBoxCSS = (loading, {
   colors
-}, itemMode) => css`
-    ${loading || itemMode === 'treeview' ? overflowHidden : overflowYScroll};
+}, itemMode, isPaging) => css`
+    ${loading || itemMode === 'treeview' || isPaging ? overflowHidden : overflowYScroll};
     ${parseMaxHeight(280)};
     &::-webkit-scrollbar {
         ${borderRadius(4)};

package/components/form-control/number-input/index2.js

@@ -49,7 +49,7 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     labelProps,
     max: maxProp,
     maxDigit,
-    min,
+    min: minProp,
     nonStyle,
     onBlur,
     onChange,
@@ -69,9 +69,12 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
     viewType
   } = props;
   let max = maxProp;
+  let min = minProp;
   let thousandSymbol = thousandSeparator;
   let decimalSymbol = decimalSymbolProp;
   let valueProps = valueProp;
+  if (!min && min !== 0) min = -Infinity;
+  if (!max && max !== 0) max = Infinity;
   const pos = useRef(null);
   const ref = useRef(null);
   const globalRef = useRef({});
@@ -135,7 +138,7 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
       pos.current = selectionStart + (number.toString().length - 1 === vl.toString().length ? 1 : 0);
     }
     return number;
-  }, [decimalSymbol, max, value]);
+  }, [decimalSymbol, max, value, decimalDigit]);
 
   /**
    * Convert money to format number
@@ -310,7 +313,7 @@ const NumberInput = /*#__PURE__*/forwardRef((inProps, reference) => {
       // setValue(parseNumberToMoney(valueProps?.toString().replace(regexValidNumber, ''), true));
       setValue(parseNumberToMoney((_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.toString().replace(regexValidNumber, ''), true));
     }
-  }, [valueProps]);
+  }, [valueProps, decimalDigit]);
   useEffect(() => {
     setError(errorProp);
   }, [errorProp]);

package/components/paging/page-info.js

@@ -398,6 +398,7 @@ const PagingInfo = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
       height: 24,
       color: 'line/category'
     }) : getGlobal('lineNumber'), jsx(Dropdown, {
+      isPaging: true,
       allowSearch: false,
       viewType: 'underlined',
       dataSource: listPerPageData,

package/components/popover/index.js

@@ -202,7 +202,7 @@ const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) =
     }
   };
   const updatePositionPopover = (el = null, cb) => {
-    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect10, _anchorRect11, _anchorRect12, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
+    var _window, _window2, _anchor6, _anchorRect, _anchorRect2, _anchor7, _anchorRect3, _anchorRect4, _anchorRect5, _anchorRect6, _anchorRect7, _anchorRect8, _anchorRect9, _anchorRect0, _anchorRect1, _anchorRect10, _newDirectionObject, _newDirectionObject$t, _transformOrigin, _newDirectionObject2, _newDirectionObject2$, _transformOrigin2;
     if (el instanceof Element) setElement(el);
     if (!ref.current) {
       window.removeEventListener('resize', updatePositionPopover);
@@ -336,36 +336,36 @@ const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) =
 
     // Valid mean popover not at top-left, top-right, bottom-left, bottom-right
     const validVerticalArrow = left >= ((_anchorRect5 = anchorRect) === null || _anchorRect5 === void 0 ? void 0 : _anchorRect5.left) + ((_anchorRect6 = anchorRect) === null || _anchorRect6 === void 0 ? void 0 : _anchorRect6.width) / 2 - popoverWidth && left <= ((_anchorRect7 = anchorRect) === null || _anchorRect7 === void 0 ? void 0 : _anchorRect7.right) - ((_anchorRect8 = anchorRect) === null || _anchorRect8 === void 0 ? void 0 : _anchorRect8.width) / 2 + popoverWidth;
-    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2 - popoverHeight && top <= ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.bottom) - ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.height) / 2;
+    const validHorizontalArrow = top >= ((_anchorRect9 = anchorRect) === null || _anchorRect9 === void 0 ? void 0 : _anchorRect9.top) + ((_anchorRect0 = anchorRect) === null || _anchorRect0 === void 0 ? void 0 : _anchorRect0.height) / 2 - popoverHeight && top <= ((_anchorRect1 = anchorRect) === null || _anchorRect1 === void 0 ? void 0 : _anchorRect1.bottom) - ((_anchorRect10 = anchorRect) === null || _anchorRect10 === void 0 ? void 0 : _anchorRect10.height) / 2;
 
     // Get arrow's position
     if (arrow && translate) {
       switch (aPosition) {
         case 'top':
           if (validVerticalArrow) {
-            var _anchorRect13, _anchorRect14;
-            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
+            var _anchorRect11, _anchorRect12;
+            arrowPosition.left = ((_anchorRect11 = anchorRect) === null || _anchorRect11 === void 0 ? void 0 : _anchorRect11.width) / 2 + ((_anchorRect12 = anchorRect) === null || _anchorRect12 === void 0 ? void 0 : _anchorRect12.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) - arrowSize + 'px';
           }
           break;
         case 'bottom':
           if (validVerticalArrow) {
-            var _anchorRect15, _anchorRect16;
-            arrowPosition.left = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.width) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.left) - arrowSize + 'px';
+            var _anchorRect13, _anchorRect14;
+            arrowPosition.left = ((_anchorRect13 = anchorRect) === null || _anchorRect13 === void 0 ? void 0 : _anchorRect13.width) / 2 + ((_anchorRect14 = anchorRect) === null || _anchorRect14 === void 0 ? void 0 : _anchorRect14.left) - arrowSize + 'px';
             arrowPosition.top = Math.round(top) + popoverHeight + 'px';
           }
           break;
         case 'left':
           if (validHorizontalArrow) {
-            var _anchorRect17, _anchorRect18;
-            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
+            var _anchorRect15, _anchorRect16;
+            arrowPosition.top = ((_anchorRect15 = anchorRect) === null || _anchorRect15 === void 0 ? void 0 : _anchorRect15.height) / 2 + ((_anchorRect16 = anchorRect) === null || _anchorRect16 === void 0 ? void 0 : _anchorRect16.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) - 1.5 * arrowSize + 'px';
           }
           break;
         case 'right':
           if (validHorizontalArrow) {
-            var _anchorRect19, _anchorRect20;
-            arrowPosition.top = ((_anchorRect19 = anchorRect) === null || _anchorRect19 === void 0 ? void 0 : _anchorRect19.height) / 2 + ((_anchorRect20 = anchorRect) === null || _anchorRect20 === void 0 ? void 0 : _anchorRect20.top) - arrowSize / 2 + 'px';
+            var _anchorRect17, _anchorRect18;
+            arrowPosition.top = ((_anchorRect17 = anchorRect) === null || _anchorRect17 === void 0 ? void 0 : _anchorRect17.height) / 2 + ((_anchorRect18 = anchorRect) === null || _anchorRect18 === void 0 ? void 0 : _anchorRect18.top) - arrowSize / 2 + 'px';
             arrowPosition.left = Math.round(left) + popoverWidth - arrowSize / 2 + 'px';
           }
           break;
@@ -495,15 +495,15 @@ const Popover = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) =
     return currentRef;
   });
   const renderAnchor = () => {
-    var _anchor10, _anchor11, _anchor11$props;
-    if (!((_anchor10 = anchor) !== null && _anchor10 !== void 0 && _anchor10.type)) return null;
+    var _anchor0, _anchor1, _anchor1$props;
+    if (!((_anchor0 = anchor) !== null && _anchor0 !== void 0 && _anchor0.type)) return null;
     const AnchorTag = /*#__PURE__*/React.cloneElement(anchor, {
       ref: ref => {
         anchor = ref;
       },
       style: {
         cursor: 'pointer',
-        ...(((_anchor11 = anchor) === null || _anchor11 === void 0 ? void 0 : (_anchor11$props = _anchor11.props) === null || _anchor11$props === void 0 ? void 0 : _anchor11$props.style) || {})
+        ...(((_anchor1 = anchor) === null || _anchor1 === void 0 ? void 0 : (_anchor1$props = _anchor1.props) === null || _anchor1$props === void 0 ? void 0 : _anchor1$props.style) || {})
       }
     });
     return AnchorTag;

package/components/tree-view/index.js

@@ -37,6 +37,7 @@ const TreeView = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
     expand,
     expandIcon,
     id,
+    isInDropdown,
     multiple,
     multipleValueMode,
     onChange,
@@ -69,7 +70,7 @@ const TreeView = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
     allowNumber: false,
     allowSymbol: false
   }));
-  const _TreeViewRootCSS = TreeViewRootCSS(theme);
+  const _TreeViewRootCSS = TreeViewRootCSS(theme, isInDropdown);
   const determinateCheckbox = (input, determinate) => {
     if (multipleValueMode === 'multiple' || disabledRelevantValue) {
       input.classList[determinate ? 'add' : 'remove']('determinate');
@@ -793,7 +794,7 @@ const TreeView = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference)
 const TreeViewRootCSS = ({
   colors,
   spacing
-}) => css`
+}, isInDropdown) => css`
     ${displayBlock};
     ${positionRelative};
     .DGN-UI-Accordion {
@@ -833,7 +834,7 @@ const TreeViewRootCSS = ({
     .TreeView-Content {
         ${displayBlock};
         ${positionRelative};
-        ${parseMaxHeight(240)};
+        ${isInDropdown && parseMaxHeight(240)};
         ${overflowYScroll};
         &::-webkit-scrollbar {
             ${borderRadius(4)};

package/global/index.js

@@ -45,6 +45,11 @@ const globalObject = {
     label: 'Thời gian',
     weekdaysLong: ['Hai', 'Ba', 'Tư', 'Năm', 'Sáu', 'Bảy', 'CN'],
     weekdaysShort: ['H', 'B', 'T', 'N', 'S', 'B', 'C'],
+    // Daterange Picker
+    today: 'Hôm nay',
+    yesterday: 'Hôm qua',
+    thisWeek: 'Tuần này',
+    thisMonth: 'Tháng này',
     // Time Picker
     months: {
       full: ['tháng 01', 'tháng 02', 'tháng 03', 'tháng 04', 'tháng 05', 'tháng 06', 'tháng 07', 'tháng 08', 'tháng 09', 'tháng 10', 'tháng 11', 'tháng 12'],
@@ -120,6 +125,11 @@ const globalObject = {
     label: 'Time',
     weekdaysLong: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
     weekdaysShort: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
+    // Daterange Picker
+    today: 'Today',
+    yesterday: 'Yesterday',
+    thisWeek: 'This week',
+    thisMonth: 'This month',
     // Time Picker
     months: {
       full: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.50",
+  "version": "1.4.51",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -42,6 +42,13 @@ npm test
 
 ## Changelog
 
+## 1.4.51
+- \[Changed\]: Treeview - Treeview keeps the search bar visible while scrolling
+- \[Changed\]: DateRangePicker -  Quick-selection in DateRangePicker
+- \[Fixed\]: Dropdown – Dropdown data lost in the Filter bar on the Web
+- \[Fixed\]: DateRangePicker – When clearing the value in DateRangePicker CORE, the UI still displays the old value.
+- \[Fixed\]: NumberInput  – NumberInput Core when changing 'decimalDigit'
+
 ## 1.4.50
 - \[Added\]: Icon – Add IconMenu MHRP39N0025, MHRP39N0027, MHRP39N0028 
 - \[Added\]: Attachment – Add HEIF support to getFileType in Attachment