@uxf/cms 2.0.0-beta.33 → 2.0.0-beta.34

package/forms/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { FC } from "react";
 import { DatePickerProps } from "./types";
-export declare const DatePicker: React.FC<DatePickerProps>;
+export declare const DatePicker: FC<DatePickerProps>;

package/forms/components/DatePicker/DatePicker.js

@@ -81,14 +81,17 @@ var requiredValidator = function (errorMessage) {
     };
 };
 var DatePicker = function (props) {
-    var name = props.name, disabled = props.disabled, required = props.required, _a = props.requiredErrorMessage, requiredErrorMessage = _a === void 0 ? "Vyplňte políčko" : _a, _b = props.validate, validate = _b === void 0 ? [] : _b, restProps = __rest(props, ["name", "disabled", "required", "requiredErrorMessage", "validate"]);
+    var _a = props.allowedFormats, allowedFormats = _a === void 0 ? ["l", "L"] : _a, name = props.name, disabled = props.disabled, required = props.required, _b = props.requiredErrorMessage, requiredErrorMessage = _b === void 0 ? "Vyplňte políčko" : _b, _c = props.validate, validate = _c === void 0 ? [] : _c, restProps = __rest(props, ["allowedFormats", "name", "disabled", "required", "requiredErrorMessage", "validate"]);
     var validator = composeValidators_1.composeValidators.apply(void 0, __spreadArray([required && !disabled ? requiredValidator(requiredErrorMessage) : undefined], __read(validate), false));
-    var _c = (0, react_final_form_1.useField)(name, {
+    var _d = (0, react_final_form_1.useField)(name, {
         allowNull: true,
         validate: validator,
-    }), input = _c.input, meta = _c.meta;
-    var onChange = (0, react_1.useCallback)(function (date) { return input.onChange(date === null || date === void 0 ? void 0 : date.format("YYYY-MM-DD")); }, [input]);
+    }), input = _d.input, meta = _d.meta;
+    var onChange = (0, react_1.useCallback)(function (date) {
+        var d = !!date ? (date.isValid() ? date : (0, moment_1.default)(date.creationData().input, allowedFormats)) : null;
+        input.onChange(d === null || d === void 0 ? void 0 : d.format("YYYY-MM-DD"));
+    }, [allowedFormats, input]);
     return (react_1.default.createElement(DatePicker_1.DatePicker, __assign({ clearable: true, showTodayButton: true, value: (0, moment_1.default)(input.value) || null, onChange: onChange, disabled: disabled, required: required, error: meta.touched && meta.error, onBlur: input.onBlur, onFocus: input.onFocus }, restProps)));
 };
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEscURBQTBHO0FBRTFHLGtEQUE0QjtBQUM1Qiw2Q0FBc0Q7QUFDdEQscURBQTRDO0FBQzVDLHNFQUFxRTtBQUdyRSxJQUFNLGlCQUFpQixHQUNuQixVQUFDLFlBQXVCO0lBQ3hCLE9BQUEsVUFBQyxLQUFhO1FBQ1YsT0FBQSxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsWUFBWTtJQUFoQyxDQUFnQztBQURwQyxDQUNvQyxDQUFDO0FBRWxDLElBQU0sVUFBVSxHQUE4QixVQUFDLEtBQUs7SUFDL0MsSUFBQSxJQUFJLEdBQWdHLEtBQUssS0FBckcsRUFBRSxRQUFRLEdBQXNGLEtBQUssU0FBM0YsRUFBRSxRQUFRLEdBQTRFLEtBQUssU0FBakYsRUFBRSxLQUEwRSxLQUFLLHFCQUF2QyxFQUF4QyxvQkFBb0IsbUJBQUcsaUJBQWlCLEtBQUEsRUFBRSxLQUFnQyxLQUFLLFNBQXhCLEVBQWIsUUFBUSxtQkFBRyxFQUFFLEtBQUEsRUFBSyxTQUFTLFVBQUssS0FBSyxFQUEzRyxvRUFBbUcsQ0FBRixDQUFXO0lBRWxILElBQU0sU0FBUyxHQUFHLHFDQUFpQiw4QkFDL0IsUUFBUSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLFVBQ3hFLFFBQVEsVUFDZCxDQUFDO0lBRUksSUFBQSxLQUFrQixJQUFBLDJCQUFRLEVBQWdCLElBQUksRUFBRTtRQUNsRCxTQUFTLEVBQUUsSUFBSTtRQUNmLFFBQVEsRUFBRSxTQUFTO0tBQ3RCLENBQUMsRUFITSxLQUFLLFdBQUEsRUFBRSxJQUFJLFVBR2pCLENBQUM7SUFFSCxJQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQ3hCLFVBQUMsSUFBUyxJQUFLLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDLEVBQTFDLENBQTBDLEVBQ3pELENBQUMsS0FBSyxDQUFDLENBQ1YsQ0FBQztJQUVGLE9BQU8sQ0FDSCw4QkFBQyx1QkFBWSxhQUNULFNBQVMsUUFDVCxlQUFlLFFBQ2YsS0FBSyxFQUFFLElBQUEsZ0JBQU0sRUFBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxFQUNsQyxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUNqQyxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFDcEIsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLElBQ2xCLFNBQVMsRUFDZixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFoQ1csUUFBQSxVQUFVLGNBZ0NyQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF0ZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEscURBQTBHO0FBRTFHLGtEQUF3QztBQUN4Qyw2Q0FBMEQ7QUFDMUQscURBQTRDO0FBQzVDLHNFQUFxRTtBQUdyRSxJQUFNLGlCQUFpQixHQUNuQixVQUFDLFlBQXVCO0lBQ3hCLE9BQUEsVUFBQyxLQUFhO1FBQ1YsT0FBQSxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsWUFBWTtJQUFoQyxDQUFnQztBQURwQyxDQUNvQyxDQUFDO0FBRWxDLElBQU0sVUFBVSxHQUF3QixVQUFDLEtBQUs7SUFFN0MsSUFBQSxLQU9BLEtBQUssZUFQc0IsRUFBM0IsY0FBYyxtQkFBRyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsS0FBQSxFQUMzQixJQUFJLEdBTUosS0FBSyxLQU5ELEVBQ0osUUFBUSxHQUtSLEtBQUssU0FMRyxFQUNSLFFBQVEsR0FJUixLQUFLLFNBSkcsRUFDUixLQUdBLEtBQUsscUJBSG1DLEVBQXhDLG9CQUFvQixtQkFBRyxpQkFBaUIsS0FBQSxFQUN4QyxLQUVBLEtBQUssU0FGUSxFQUFiLFFBQVEsbUJBQUcsRUFBRSxLQUFBLEVBQ1YsU0FBUyxVQUNaLEtBQUssRUFSSCxzRkFRTCxDQURlLENBQ047SUFFVixJQUFNLFNBQVMsR0FBRyxxQ0FBaUIsOEJBQy9CLFFBQVEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxVQUN4RSxRQUFRLFVBQ2QsQ0FBQztJQUVJLElBQUEsS0FBa0IsSUFBQSwyQkFBUSxFQUFnQixJQUFJLEVBQUU7UUFDbEQsU0FBUyxFQUFFLElBQUk7UUFDZixRQUFRLEVBQUUsU0FBUztLQUN0QixDQUFDLEVBSE0sS0FBSyxXQUFBLEVBQUUsSUFBSSxVQUdqQixDQUFDO0lBRUgsSUFBTSxRQUFRLEdBQUcsSUFBQSxtQkFBVyxFQUN4QixVQUFDLElBQW9CO1FBQ2pCLElBQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEsZ0JBQU0sRUFBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsS0FBSyxFQUFFLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN0RyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsYUFBRCxDQUFDLHVCQUFELENBQUMsQ0FBRSxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQUM1QyxDQUFDLEVBQ0QsQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLENBQzFCLENBQUM7SUFFRixPQUFPLENBQ0gsOEJBQUMsdUJBQVksYUFDVCxTQUFTLFFBQ1QsZUFBZSxRQUNmLEtBQUssRUFBRSxJQUFBLGdCQUFNLEVBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksRUFDbEMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssRUFDakMsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQ3BCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxJQUNsQixTQUFTLEVBQ2YsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBM0NXLFFBQUEsVUFBVSxjQTJDckIifQ==

package/forms/components/DatePicker/types.d.ts

@@ -1,6 +1,8 @@
+import { MomentFormatSpecification } from "moment";
 import { DatePickerProps as UIDatePickerProps } from "../../../ui/DatePicker";
 import { FieldValidator } from "final-form";
 export interface DatePickerProps extends Omit<UIDatePickerProps, "onChange" | "value" | "renderInput"> {
+    allowedFormats?: MomentFormatSpecification;
     name: string;
     requiredErrorMessage?: string;
     validate?: FieldValidator<string>[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "2.0.0-beta.33",
+  "version": "2.0.0-beta.34",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",

package/ui/DatePicker/types.d.ts

@@ -1,6 +1,7 @@
 import { DatePickerProps as MuiDatePickerProps } from "@mui/lab/DatePicker";
+import { Moment } from "moment";
 import { ReactNode } from "react";
-export interface DatePickerProps extends Omit<MuiDatePickerProps, "renderInput"> {
+export interface DatePickerProps extends Omit<MuiDatePickerProps<Moment>, "renderInput"> {
     required?: boolean;
     error?: ReactNode;
     onFocus?: () => void;