ingred-ui 9.2.0 → 9.3.0

package/dist/constants/locale.d.ts

@@ -1,4 +1,4 @@
-import { ConfirmModalProps, FileUploaderProps, ItemEmptyProps, MultipleFilterProps, ToggleButtonProps } from "..";
+import { ConfirmModalProps, FileUploaderProps, ItemEmptyProps, MultipleFilterProps, ToggleButtonProps, DatePickerProps, DateRangePickerProps } from "..";
 import { SelectProps } from "../components";
 import { CreatableSelectProps } from "../components/CreatableSelect";
 import { EditFilterCardProps } from "../components/MultipleFilter/internal/EditFilterCard/EditFilterCard";
@@ -32,6 +32,12 @@ export interface Localization {
         EditFilterCard?: {
             defaultProps: Pick<EditFilterCardProps, "editButtonTitle" | "inputErrorText" | "formPlaceholder" | "sectionTitle" | "conditionTitle">;
         };
+        DatePicker?: {
+            defaultProps: Pick<DatePickerProps, "displayFormat" | "monthFormat">;
+        };
+        DateRangePicker?: {
+            defaultProps: Pick<DateRangePickerProps, "displayFormat" | "monthFormat">;
+        };
     };
 }
 export declare const jaJP: Localization;

package/dist/index.es.js

@@ -7080,6 +7080,12 @@ var jaJP = {
             },
         },
         EditFilterCard: { defaultProps: {} },
+        DatePicker: {
+            defaultProps: { displayFormat: "YYYY/MM/DD", monthFormat: "YYYY年 M月" },
+        },
+        DateRangePicker: {
+            defaultProps: { displayFormat: "YYYY/MM/DD", monthFormat: "YYYY年 M月" },
+        },
     },
 };
 var zhCN = {
@@ -43268,9 +43274,10 @@ var reactDates = lib;
 function isOutsideRange$1() {
     return false;
 }
-var DatePicker = React.forwardRef(function (_a, ref) {
-    var date = _a.date, _b = _a.error, error = _b === void 0 ? false : _b, rest = __rest(_a, ["date", "error"]);
-    var _c = React.useState(false), focused = _c[0], setFocused = _c[1];
+var DatePicker = React.forwardRef(function (inProps, ref) {
+    var props = useLocaleProps({ props: inProps, name: "DatePicker" });
+    var date = props.date, _a = props.error, error = _a === void 0 ? false : _a, rest = __rest(props, ["date", "error"]);
+    var _b = React.useState(false), focused = _b[0], setFocused = _b[1];
     var onFocusChange = function (_a) {
         var focused = _a.focused;
         setFocused(focused);
@@ -43370,9 +43377,10 @@ var templateObject_1$A, templateObject_2$j, templateObject_3$f, templateObject_4
 function isOutsideRange() {
     return false;
 }
-var DateRangePicker = React.forwardRef(function (_a, ref) {
-    var startDate = _a.startDate, endDate = _a.endDate, _b = _a.error, error = _b === void 0 ? false : _b, rest = __rest(_a, ["startDate", "endDate", "error"]);
-    var _c = React.useState(null), focusedInput = _c[0], setFocusedInput = _c[1];
+var DateRangePicker = React.forwardRef(function (inProps, ref) {
+    var props = useLocaleProps({ props: inProps, name: "DateRangePicker" });
+    var startDate = props.startDate, endDate = props.endDate, _a = props.error, error = _a === void 0 ? false : _a, rest = __rest(props, ["startDate", "endDate", "error"]);
+    var _b = React.useState(null), focusedInput = _b[0], setFocusedInput = _b[1];
     return (React.createElement(Container$m, { ref: ref, error: error },
         React.createElement(reactDates.DateRangePicker, __assign({ startDatePlaceholderText: "FROM", endDatePlaceholderText: "TO", isOutsideRange: isOutsideRange, customArrowIcon: React.createElement(CustomArrowIcon, null), numberOfMonths: 2, enableOutsideDays: true, daySize: 41, weekDayFormat: "ddd", hideKeyboardShortcutsPanel: true, startDateId: "startDate", endDateId: "endDate", navPrev: React.createElement(NavPrev, null,
                 React.createElement(Spacer, { p: 0.5 },