@ncds/ui-admin 1.1.0 → 1.1.2

package/dist/cjs/src/components/date-picker/RangeDatePickerWithButtons.js

@@ -21,8 +21,10 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 var RangeDatePickerWithButtons = function (_a) {
-  var _b = _a.buttonGroupSize,
-    buttonGroupSize = _b === void 0 ? 'sm' : _b,
+  var _b = _a.fixedEndDate,
+    fixedEndDate = _b === void 0 ? (0, _datePicker.getDateFormat)() : _b,
+    _c = _a.buttonGroupSize,
+    buttonGroupSize = _c === void 0 ? 'sm' : _c,
     currentButtonId = _a.currentButtonId,
     setCurrentButtonId = _a.setCurrentButtonId,
     startDateOptions = _a.startDateOptions,
@@ -45,9 +47,7 @@ var RangeDatePickerWithButtons = function (_a) {
       unit: currentPeriodItem.unit
     }));
     startDateOptions.onChangeDate(startDate);
-    if (endDateOptions.currentDate !== (0, _datePicker.getDateFormat)()) {
-      endDateOptions.onChangeDate((0, _datePicker.getDateFormat)());
-    }
+    endDateOptions.onChangeDate(fixedEndDate);
   };
   var handleOnChangeDate = function (date, type) {
     type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);

package/dist/esm/src/components/date-picker/RangeDatePickerWithButtons.js

@@ -15,8 +15,10 @@ import { ButtonGroup } from '../button';
 import { getDateFormat, getSubtractDate } from '../../utils/date-picker';
 import { PERIOD_ITEM } from '../../constant/date-picker';
 export var RangeDatePickerWithButtons = function (_a) {
-  var _b = _a.buttonGroupSize,
-    buttonGroupSize = _b === void 0 ? 'sm' : _b,
+  var _b = _a.fixedEndDate,
+    fixedEndDate = _b === void 0 ? getDateFormat() : _b,
+    _c = _a.buttonGroupSize,
+    buttonGroupSize = _c === void 0 ? 'sm' : _c,
     currentButtonId = _a.currentButtonId,
     setCurrentButtonId = _a.setCurrentButtonId,
     startDateOptions = _a.startDateOptions,
@@ -39,9 +41,7 @@ export var RangeDatePickerWithButtons = function (_a) {
       unit: currentPeriodItem.unit
     }));
     startDateOptions.onChangeDate(startDate);
-    if (endDateOptions.currentDate !== getDateFormat()) {
-      endDateOptions.onChangeDate(getDateFormat());
-    }
+    endDateOptions.onChangeDate(fixedEndDate);
   };
   var handleOnChangeDate = function (date, type) {
     type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);

package/dist/types/src/components/date-picker/RangeDatePickerWithButtons.d.ts

@@ -4,11 +4,12 @@ import { ButtonGroupSize } from '../button';
 import { PERIOD_ITEM } from '../../constant/date-picker';
 export type PeriodKeyType = keyof typeof PERIOD_ITEM;
 type RangeDatePickerWithButtonsProps = {
+    fixedEndDate?: string;
     buttonGroupSize?: ButtonGroupSize;
     currentButtonId: PeriodKeyType;
     setCurrentButtonId: Dispatch<SetStateAction<PeriodKeyType>>;
     periodKeys: PeriodKeyType[];
 } & RangeDatePickerProps;
-export declare const RangeDatePickerWithButtons: ({ buttonGroupSize, currentButtonId, setCurrentButtonId, startDateOptions, endDateOptions, validationOption, periodKeys, onDateValidation, }: RangeDatePickerWithButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RangeDatePickerWithButtons: ({ fixedEndDate, buttonGroupSize, currentButtonId, setCurrentButtonId, startDateOptions, endDateOptions, validationOption, periodKeys, onDateValidation, }: RangeDatePickerWithButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=RangeDatePickerWithButtons.d.ts.map

package/dist/ui-admin/assets/styles/style.css

@@ -2889,8 +2889,10 @@ button {
   gap: 4px;
 }
 .ncua-date-picker .flatpickr-current-month .flatpickr-monthDropdown-months,
-.ncua-date-picker .flatpickr-current-month .cur-year {
+.ncua-date-picker .flatpickr-current-month .cur-year,
+.ncua-date-picker .flatpickr-current-month .cur-year[disabled] {
   font-size: var(--font-size-lg);
+  color: inherit;
 }
 .ncua-date-picker .flatpickr-monthDropdown-months {
   margin: 0;
@@ -2898,7 +2900,8 @@ button {
   transform: translateY(-1px);
 }
 .ncua-date-picker .flatpickr-current-month .flatpickr-monthDropdown-months,
-.ncua-date-picker .flatpickr-current-month .cur-year {
+.ncua-date-picker .flatpickr-current-month .cur-year,
+.ncua-date-picker .flatpickr-current-month .cur-year[disabled] {
   font-weight: 700;
   line-height: 22px;
 }
@@ -2979,7 +2982,8 @@ button {
   line-height: 32px;
 }
 .ncua-date-picker--xs .flatpickr-current-month .flatpickr-monthDropdown-months,
-.ncua-date-picker--xs .flatpickr-current-month .cur-year {
+.ncua-date-picker--xs .flatpickr-current-month .cur-year,
+.ncua-date-picker--xs .flatpickr-current-month .cur-year[disabled] {
   font-size: var(--font-size-xs);
 }
 .ncua-date-picker--sm .flatpickr-calendar {
@@ -3003,7 +3007,8 @@ button {
   line-height: 36px;
 }
 .ncua-date-picker--sm .flatpickr-current-month .flatpickr-monthDropdown-months,
-.ncua-date-picker--sm .flatpickr-current-month .cur-year {
+.ncua-date-picker--sm .flatpickr-current-month .cur-year,
+.ncua-date-picker--sm .flatpickr-current-month .cur-year[disabled] {
   font-size: var(--font-size-lg);
 }
 .ncua-date-picker--disabled .flatpickr-wrapper,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
   "scripts": {
     "barrel": "node barrel.js",