We've implemented an Angular component library with elements like custom inputs, textareas, datepicker, and we would like to use them in separate applications.
We implemented a common Angular component library to share our UI components (form elements) between different Angular applications. The form components are working properly inside the library, ControlValueAccessor can work with ngModel and push the proper values to the form. But when we want to use them (the library) in a different Angular application via npm install (because we have created an npm package from this library) the host Angular application give this error message:
"Error: No value accessor for form control with name: 'component name'"
We double checked it: We copy pasted this components to the host application wher we try to use them as child components, and the form components were working well.
It looks like the only problem is using our Angular component library, and the host Angular application can't detect the library's ControlValueAccessor behaviour.
Do you have any ideas or solution to it?