@ceed/cds 1.5.4-next.1 → 1.5.4-next.3

package/dist/components/MonthPicker/MonthPicker.d.ts

@@ -21,7 +21,6 @@ interface BaseMonthPickerProps {
     disablePast?: boolean;
     format?: string;
     displayFormat?: string;
-    readonly?: boolean;
 }
 export type MonthPickerProps = BaseMonthPickerProps & Omit<React.ComponentProps<typeof Input>, "onChange" | "value" | "defaultValue">;
 declare const MonthPicker: React.ForwardRefExoticComponent<Omit<MonthPickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/index.cjs

@@ -4570,16 +4570,17 @@ var formatValueString3 = (date, format) => {
   const year = date.getFullYear().toString();
   const month = (date.getMonth() + 1).toString().padStart(2, "0");
   const monthName = getMonthName2(date);
-  const day = date.getDate().toString().padStart(2, "0");
+  const day = "01";
   return format.replace(/MMMM/g, monthName).replace(/MM/g, month).replace(/DD/g, day).replace(/YYYY/g, year);
 };
 function parseDate3(dateString, format) {
-  const formatParts = format.split(/[-./\s]/);
   const dateParts = dateString.split(/[-./\s]/);
+  const formatParts = format.split(/[-./\s]/);
   if (formatParts.length !== dateParts.length) {
     throw new Error("Invalid date string or format");
   }
-  let day = 1, month, year;
+  let month, year;
+  const day = 1;
   for (let i = 0; i < formatParts.length; i++) {
     const value = parseInt(dateParts[i], 10);
     switch (formatParts[i]) {
@@ -4589,9 +4590,6 @@ function parseDate3(dateString, format) {
       case "YYYY":
         year = value;
         break;
-      case "DD":
-        day = 1;
-        break;
     }
   }
   const result = new Date(year, month, day);
@@ -4614,9 +4612,14 @@ var MonthPicker = (0, import_react33.forwardRef)(
       // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
       sx,
       className,
+      /**
+       * NOTE: 현재 CalendarDate는 YYYY-MM-DD로 개발하고 있어 date를 포함하여 value를 관리한다.
+       * @see https://ecubelabs.atlassian.net/wiki/spaces/SW/pages/1938784349/Date#CalendarDate
+       * @see https://github.com/Ecube-Labs/hds/pull/145
+       * 
+       */
       format = "YYYY/MM/DD",
-      displayFormat = "YYYY/MM/DD",
-      readOnly,
+      displayFormat = "YYYY/MM",
       size,
       ...innerProps
     } = props;
@@ -4712,8 +4715,9 @@ var MonthPicker = (0, import_react33.forwardRef)(
         endDecorator: /* @__PURE__ */ import_react33.default.createElement(
           IconButton_default,
           {
+            ref: buttonRef,
             variant: "plain",
-            onClick: readOnly ? void 0 : handleCalendarToggle,
+            onClick: handleCalendarToggle,
             "aria-label": "Toggle Calendar",
             "aria-controls": "month-picker-popper",
             "aria-haspopup": "dialog",
@@ -4723,8 +4727,7 @@ var MonthPicker = (0, import_react33.forwardRef)(
           /* @__PURE__ */ import_react33.default.createElement(import_CalendarToday3.default, null)
         ),
         label,
-        helperText,
-        readOnly
+        helperText
       }
     ), open && /* @__PURE__ */ import_react33.default.createElement(import_base4.ClickAwayListener, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ import_react33.default.createElement(
       StyledPopper3,
@@ -4752,11 +4755,10 @@ var MonthPicker = (0, import_react33.forwardRef)(
           views: ["month"],
           value: !Number.isNaN(new Date(value).getTime()) ? [new Date(value), void 0] : void 0,
           onChange: ([date]) => {
-            const monthDate = new Date(date.getFullYear(), date.getMonth(), 1);
             handleChange({
               target: {
                 name: props.name,
-                value: formatValueString3(monthDate, format)
+                value: formatValueString3(date, format)
               }
             });
             setAnchorEl(null);

package/dist/index.js

@@ -4566,16 +4566,17 @@ var formatValueString3 = (date, format) => {
   const year = date.getFullYear().toString();
   const month = (date.getMonth() + 1).toString().padStart(2, "0");
   const monthName = getMonthName2(date);
-  const day = date.getDate().toString().padStart(2, "0");
+  const day = "01";
   return format.replace(/MMMM/g, monthName).replace(/MM/g, month).replace(/DD/g, day).replace(/YYYY/g, year);
 };
 function parseDate3(dateString, format) {
-  const formatParts = format.split(/[-./\s]/);
   const dateParts = dateString.split(/[-./\s]/);
+  const formatParts = format.split(/[-./\s]/);
   if (formatParts.length !== dateParts.length) {
     throw new Error("Invalid date string or format");
   }
-  let day = 1, month, year;
+  let month, year;
+  const day = 1;
   for (let i = 0; i < formatParts.length; i++) {
     const value = parseInt(dateParts[i], 10);
     switch (formatParts[i]) {
@@ -4585,9 +4586,6 @@ function parseDate3(dateString, format) {
       case "YYYY":
         year = value;
         break;
-      case "DD":
-        day = 1;
-        break;
     }
   }
   const result = new Date(year, month, day);
@@ -4610,9 +4608,14 @@ var MonthPicker = forwardRef9(
       // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
       sx,
       className,
+      /**
+       * NOTE: 현재 CalendarDate는 YYYY-MM-DD로 개발하고 있어 date를 포함하여 value를 관리한다.
+       * @see https://ecubelabs.atlassian.net/wiki/spaces/SW/pages/1938784349/Date#CalendarDate
+       * @see https://github.com/Ecube-Labs/hds/pull/145
+       * 
+       */
       format = "YYYY/MM/DD",
-      displayFormat = "YYYY/MM/DD",
-      readOnly,
+      displayFormat = "YYYY/MM",
       size,
       ...innerProps
     } = props;
@@ -4708,8 +4711,9 @@ var MonthPicker = forwardRef9(
         endDecorator: /* @__PURE__ */ React31.createElement(
           IconButton_default,
           {
+            ref: buttonRef,
             variant: "plain",
-            onClick: readOnly ? void 0 : handleCalendarToggle,
+            onClick: handleCalendarToggle,
             "aria-label": "Toggle Calendar",
             "aria-controls": "month-picker-popper",
             "aria-haspopup": "dialog",
@@ -4719,8 +4723,7 @@ var MonthPicker = forwardRef9(
           /* @__PURE__ */ React31.createElement(CalendarTodayIcon3, null)
         ),
         label,
-        helperText,
-        readOnly
+        helperText
       }
     ), open && /* @__PURE__ */ React31.createElement(ClickAwayListener3, { onClickAway: () => setAnchorEl(null) }, /* @__PURE__ */ React31.createElement(
       StyledPopper3,
@@ -4748,11 +4751,10 @@ var MonthPicker = forwardRef9(
           views: ["month"],
           value: !Number.isNaN(new Date(value).getTime()) ? [new Date(value), void 0] : void 0,
           onChange: ([date]) => {
-            const monthDate = new Date(date.getFullYear(), date.getMonth(), 1);
             handleChange({
               target: {
                 name: props.name,
-                value: formatValueString3(monthDate, format)
+                value: formatValueString3(date, format)
               }
             });
             setAnchorEl(null);