@uxf/form 11.72.3 → 11.74.1

package/README.md

@@ -1,9 +1,11 @@
 # @uxf/form
 
+> **Note:** This package contains translations. For proper functionality, you must use the `TranslationsProvider` from `@uxf/core-react/translations`. See the [core-react documentation](https://fe.uxf.dev/docs/core-react) for more information.
+
 ## [Documentation](https://ui.uxf.dev)
 
 ## How to install
 
 ```bash
 yarn add @uxf/form
-```
+```

package/avatar-file-input/avatar-file-input.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarFileInput = AvatarFileInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const avatar_file_input_1 = require("@uxf/ui/avatar-file-input");
 const react_1 = __importDefault(require("react"));
@@ -13,12 +14,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function AvatarFileInput(props) {
     var _a, _b, _c;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-avatar-file-input:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/avatar-file-input/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-avatar-file-input": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/avatar-file-input/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-avatar-file-input": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/checkbox-button/checkbox-button.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxButton = CheckboxButton;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const checkbox_button_1 = require("@uxf/ui/checkbox-button");
 const react_1 = __importDefault(require("react"));
@@ -13,12 +14,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function CheckboxButton(props) {
     var _a, _b;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-checkbox-button:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/checkbox-button/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-checkbox-button": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/checkbox-button/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-checkbox-button": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/checkbox-input/checkbox-input.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxInput = CheckboxInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const checkbox_input_1 = require("@uxf/ui/checkbox-input");
 const react_1 = __importDefault(require("react"));
@@ -13,12 +14,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function CheckboxInput(props) {
     var _a, _b, _c, _d;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-checkbox-input:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/checkbox-input/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-checkbox-input": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/checkbox-input/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-checkbox-input": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/checkbox-list/checkbox-list.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxList = CheckboxList;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const form_context_1 = require("@uxf/form/form-id-context/form-context");
 const checkbox_list_1 = require("@uxf/ui/checkbox-list");
@@ -12,12 +13,15 @@ const react_hook_form_1 = require("react-hook-form");
 function CheckboxList(props) {
     var _a, _b, _c, _d;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-checkbox-list:validation.required")
+                : undefined,
             ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
         },
         shouldUnregister: props.shouldUnregister,

package/checkbox-list/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-checkbox-list": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/checkbox-list/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-checkbox-list": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/color-radio-group/color-radio-group.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorRadioGroup = ColorRadioGroup;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const color_radio_group_1 = require("@uxf/ui/color-radio-group");
 const react_1 = __importDefault(require("react"));
@@ -13,12 +14,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function ColorRadioGroup(props) {
     var _a, _b, _c, _d;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-color-radio-group:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/color-radio-group/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-color-radio-group": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/color-radio-group/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-color-radio-group": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/combobox/combobox.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Combobox = Combobox;
+const translations_1 = require("@uxf/core-react/translations");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
@@ -16,12 +17,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function Combobox(props) {
     var _a, _b, _c, _d, _e;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-combobox:validation.required")
+                : undefined,
             ...props.rules,
         },
         shouldUnregister: props.shouldUnregister,

package/combobox/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-combobox": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/combobox/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-combobox": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/date-picker-input/date-picker-input.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerInput = DatePickerInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const date_picker_input_1 = require("@uxf/ui/date-picker-input");
 const dayjs_1 = __importStar(require("dayjs"));
@@ -39,13 +40,16 @@ const form_context_1 = require("../form-id-context/form-context");
 function DatePickerInput(props) {
     var _a, _b, _c, _d, _e, _f;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const displayDateFormat = (_b = props.displayDateFormat) !== null && _b !== void 0 ? _b : date_picker_input_1.DISPLAY_DATE_FORMAT;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-date-picker-input:validation.required")
+                : undefined,
             ...props.rules,
             validate: {
                 validDate: (value) => {
@@ -53,7 +57,10 @@ function DatePickerInput(props) {
                         return;
                     }
                     if (!(0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isValid()) {
-                        return `Datum musí být ve formátu ${displayDateFormat}.`;
+                        return t("uxf-form-date-picker-input:validation.invalid-date-format", {
+                            format: displayDateFormat,
+                            value: value,
+                        });
                     }
                 },
                 validDateRange: (value) => {
@@ -61,10 +68,16 @@ function DatePickerInput(props) {
                         return;
                     }
                     if (props.minDate && (0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isBefore(props.minDate)) {
-                        return `Minimální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.minDate).format(displayDateFormat)}`;
+                        return t("uxf-form-date-picker-input:validation.min-date", {
+                            minDate: (0, dayjs_1.default)(props.minDate).format(displayDateFormat),
+                            value: value,
+                        });
                     }
                     if (props.maxDate && (0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isAfter(props.maxDate)) {
-                        return `Maximální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.maxDate).format(displayDateFormat)}`;
+                        return t("uxf-form-date-picker-input:validation.max-date", {
+                            maxDate: (0, dayjs_1.default)(props.maxDate).format(displayDateFormat),
+                            value: value,
+                        });
                     }
                 },
                 ...(typeof ((_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate) === "function"

package/date-picker-input/translations.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    "uxf-form-date-picker-input": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "invalid-date-format": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "min-date": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "max-date": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/date-picker-input/translations.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-date-picker-input": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+            "invalid-date-format": {
+                cs: "Datum musí být ve formátu {{format}}.",
+                en: "Date must be in format {{format}}.",
+                sk: "Dátum musí byť vo formáte {{format}}.",
+                de: "Datum muss im Format {{format}} sein.",
+            },
+            "min-date": {
+                cs: "Minimální datum, který je možné zadat, je: {{minDate}}",
+                en: "The minimum date that can be entered is: {{minDate}}",
+                sk: "Minimálny dátum, ktorý je možné zadať, je: {{minDate}}",
+                de: "Das minimale Datum, das eingegeben werden kann, ist: {{minDate}}",
+            },
+            "max-date": {
+                cs: "Maximální datum, který je možné zadat, je: {{maxDate}}",
+                en: "The maximum date that can be entered is: {{maxDate}}",
+                sk: "Maximálny dátum, ktorý je možné zadať, je: {{maxDate}}",
+                de: "Das maximale Datum, das eingegeben werden kann, ist: {{maxDate}}",
+            },
+        },
+    },
+};

package/date-range-picker-input/date-range-picker-input.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateRangePickerInput = DateRangePickerInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const date_range_picker_input_1 = require("@uxf/ui/date-range-picker-input");
 const date_range_picker_input_2 = require("@uxf/ui/date-range-picker-input/date-range-picker-input");
@@ -41,11 +42,14 @@ const OUTPUT_DATE_FORMAT = "YYYY-MM-DD";
 function DateRangePickerInput(props) {
     var _a, _b, _c, _d;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-date-range-picker-input:validation.required")
+                : undefined,
             ...props.rules,
             validate: {
                 validDate: (value) => {
@@ -56,10 +60,15 @@ function DateRangePickerInput(props) {
                     const fromIsValid = (0, dayjs_1.default)(from, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).isValid();
                     const toIsValid = (0, dayjs_1.default)(to, date_range_picker_input_2.ALLOWED_DATE_FORMAT, true).isValid();
                     if (!fromIsValid || !toIsValid) {
-                        return "Rozsah musí být ve formátu D. M. YYYY. - D. M. YYYY.";
+                        return t("uxf-form-date-range-picker-input:validation.invalid-date-range-format", {
+                            format: "D. M. YYYY. - D. M. YYYY.",
+                            value: value,
+                        });
                     }
                     if ((0, dayjs_1.default)(from).isAfter((0, dayjs_1.default)(to), "day")) {
-                        return "Koncové datum nemůže předcházet počátečnímu datu.";
+                        return t("uxf-form-date-range-picker-input:validation.invalid-date-range-order", {
+                            value: value,
+                        });
                     }
                 },
                 ...(typeof ((_a = props.rules) === null || _a === void 0 ? void 0 : _a.validate) === "function"

package/date-range-picker-input/translations.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    "uxf-form-date-range-picker-input": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "invalid-date-range-format": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "invalid-date-range-order": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/date-range-picker-input/translations.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-date-range-picker-input": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+            "invalid-date-range-format": {
+                cs: "Rozsah musí být ve formátu {{format}}",
+                en: "Range must be in format {{format}}",
+                sk: "Rozsah musí byť vo formáte {{format}}",
+                de: "Bereich muss im Format {{format}} sein",
+            },
+            "invalid-date-range-order": {
+                cs: "Koncové datum nemůže předcházet počátečnímu datu.",
+                en: "End date cannot precede start date.",
+                sk: "Koncový dátum nemôže predchádzať počiatočnému dátumu.",
+                de: "Enddatum kann nicht vor dem Startdatum liegen.",
+            },
+        },
+    },
+};

package/datetime-picker-input/datetime-picker-input.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatetimePickerInput = DatetimePickerInput;
+const translations_1 = require("@uxf/core-react/translations");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const date_picker_input_1 = require("@uxf/ui/date-picker-input");
 const datetime_picker_1 = require("@uxf/ui/datetime-picker");
@@ -41,12 +42,15 @@ const form_context_1 = require("../form-id-context/form-context");
 function DatetimePickerInput(props) {
     var _a, _b, _c, _d, _e;
     const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
     const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
     const { field, fieldState } = (0, react_hook_form_1.useController)({
         control: props.control,
         name: props.name,
         rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-datetime-picker-input:validation.required")
+                : undefined,
             ...props.rules,
             validate: {
                 validDate: (value) => {
@@ -54,7 +58,10 @@ function DatetimePickerInput(props) {
                         return;
                     }
                     if (!(0, datetime_picker_1.getStrictParsedDatetime)(value).isValid()) {
-                        return `Datum a čas musí být ve formátu ${datetime_picker_input_1.DISPLAY_DATETIME_FORMAT}.`;
+                        return t("uxf-form-datetime-picker-input:validation.invalid-datetime-format", {
+                            format: datetime_picker_input_1.DISPLAY_DATETIME_FORMAT,
+                            value: value,
+                        });
                     }
                 },
                 validDateRange: (value) => {
@@ -62,10 +69,16 @@ function DatetimePickerInput(props) {
                         return;
                     }
                     if (props.minDate && (0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isBefore(props.minDate, "date")) {
-                        return `Minimální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.minDate).format(date_picker_input_1.DISPLAY_DATE_FORMAT)}`;
+                        return t("uxf-form-datetime-picker-input:validation.min-date", {
+                            minDate: (0, dayjs_1.default)(props.minDate).format(date_picker_input_1.DISPLAY_DATE_FORMAT),
+                            value: value,
+                        });
                     }
                     if (props.maxDate && (0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isAfter(props.maxDate, "date")) {
-                        return `Maximální datum, který je možné zadat, je: ${(0, dayjs_1.default)(props.maxDate).format(date_picker_input_1.DISPLAY_DATE_FORMAT)}`;
+                        return t("uxf-form-datetime-picker-input:validation.max-date", {
+                            maxDate: (0, dayjs_1.default)(props.maxDate).format(date_picker_input_1.DISPLAY_DATE_FORMAT),
+                            value: value,
+                        });
                     }
                 },
                 ...(typeof ((_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate) === "function"

package/datetime-picker-input/translations.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    "uxf-form-datetime-picker-input": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "invalid-datetime-format": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "min-date": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "max-date": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;