sales-frontend-design-system 0.0.140 → 0.0.142

package/dist/index.cjs.js

@@ -4756,11 +4756,11 @@ function DatePickerDropdown({
   if (!dropdownProps) {
     return null;
   }
-  const { DropDown, classname } = dropdownProps;
-  if (!DropDown) {
+  const { style, DropDownComponent, classname } = dropdownProps;
+  if (!DropDownComponent) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(DropDown, { className: classname, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(DropDownComponent, { className: classname, style, children });
 }
 
 const DatePickerInput = (props) => {
@@ -4908,7 +4908,8 @@ function DatePickerRoot({ children, ...props }) {
     }
   };
   const { isOpen, setIsOpen, triggerRef, DropDown } = useDropDown({
-    className: mergedProps?.dropdownProps?.classname
+    className: mergedProps?.dropdownProps?.classname,
+    width: "304px"
   });
   const initialContext = {
     ...mergedProps,
@@ -4917,7 +4918,7 @@ function DatePickerRoot({ children, ...props }) {
       triggerRef,
       isOpen,
       setIsOpen,
-      DropDown
+      DropDownComponent: DropDown
     }
   };
   React.useEffect(() => {
@@ -4964,6 +4965,9 @@ function DatePickerRangeRenew(props) {
     },
     validatorName: "datePickerStart",
     validator: () => {
+      if (props?.startDateProps?.validator) {
+        return props?.startDateProps?.validator();
+      }
       if (!endDate || !startDate) {
         return true;
       }
@@ -4972,16 +4976,7 @@ function DatePickerRangeRenew(props) {
       }
       return true;
     },
-    calendarProps: {
-      ...props?.startDateProps?.calendarProps
-      // max: endDate
-    },
-    navigationProps: {
-      headerTitle: "\uD0C0\uC774\uD2C0..",
-      calendarTitle: "test",
-      navigationType: "year-and-month"
-    },
-    mobile: true
+    ...props?.startDateProps
   };
   const endDateProps = {
     inputFormat: "YY.MM.DD",
@@ -4990,6 +4985,9 @@ function DatePickerRangeRenew(props) {
     },
     validatorName: "datePickerEnd",
     validator: () => {
+      if (props?.endDateProps?.validator) {
+        return props?.endDateProps?.validator();
+      }
       if (!endDate || !startDate) {
         return true;
       }
@@ -4998,10 +4996,7 @@ function DatePickerRangeRenew(props) {
       }
       return true;
     },
-    calendarProps: {
-      ...props?.endDateProps?.calendarProps
-      // min: startDate
-    }
+    ...props?.endDateProps
   };
   useFormValidator({ name: startDateProps.validatorName, validator: startDateProps.validator });
   useFormValidator({ name: endDateProps.validatorName, validator: endDateProps.validator });