styled-hook-form
Version:
React form library for styled-components based on grommet and react-hook-form
22 lines (21 loc) • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TimeEditor = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_hook_form_1 = require("react-hook-form");
const time_picker_1 = require("../../../extension/time-picker");
const context_1 = require("../../../../context");
const TimeEditor = (props) => {
let vrules = props.validationRules || {};
const { translate: T } = context_1.useFormBuilderContext();
let { name, label, defaultValue: initialValue, shouldUnregister, required, methods, } = props;
let control = methods === null || methods === void 0 ? void 0 : methods.control;
if (required) {
vrules.required = {
value: required,
message: T("required-msg", { name: label }),
};
}
return (jsx_runtime_1.jsx(react_hook_form_1.Controller, { name: name, defaultValue: initialValue, shouldUnregister: shouldUnregister, rules: vrules, control: control, render: ({ field }) => (jsx_runtime_1.jsx(time_picker_1.TimePicker, { onChange: (e) => field.onChange(e), value: field.value }, void 0)) }, void 0));
};
exports.TimeEditor = TimeEditor;