error NG6002: 'DlDateTimeDateModule' does not appear to be an NgModule class.

[danieljoserm]

What is the expected behavior?

After installing the library and adding it to the project on angular 16 it should run.

What is the current behavior?

When I try "ng serve" to start testing my website locally I would get the following error:

Error: src/app/app.module.ts:65:5 - error NG6002: 'DlDateTimeDateModule' does not appear to be an NgModule class.
node_modules/angular-bootstrap-datetimepicker/core/dl-date-time-core.module.d.ts:17:22
17 export declare class DlDateTimeDateModule {
~~~~~~~~~~~~~~~~~~~~
This likely means that the library (angular-bootstrap-datetimepicker) which declares DlDateTimeDateModule is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

What are the steps to reproduce?

Use the template to create a new angular app on angular 16. then follow the steps to install angular-boostrap-datepicker https://www.npmjs.com/package/angular-bootstrap-datetimepicker
Then run "ng serve"

Which versions of angular-bootstrap-datetimepicker, OS, TypeScript, browsers are affected?

4.0.2

[Brahma-Github]

+1

[cedmart1decath]

+1

[iamandreadompe]

+1

[iamandreadompe]

+1

[PhilipAB]

This repository generally supports Angular v13+. The necessary work for an ivy compatible build was done here in this PR: #515. However, these changes weren't released yet via npm. To reflect the current status of this repository, you can do the following:

1. Checkout this code via git clone <repo-url>
2. Build this project by running npm run build:lib
3. Rename the generated dist-folder to something meaningful ... e.g. datetimepicker
4. Reference the generated dist folder in your package.json like this:
   "angular-bootstrap-datetimepicker": "file:./datetimepicker"
5. The contents of the folder should look like this

Because of the missing ivy compatible release, I forked this repository and published a mirror of the current master branch here. Feel free to use it, while waiting for an official release. To keep the same alias you can reference it the following way in your package.json:

• Angular v13+: "angular-bootstrap-datetimepicker": "npm:@philipab/angular-bootstrap-datetimepicker@^13.0.1"
• Angular v17+: "angular-bootstrap-datetimepicker": "npm:@philipab/angular-bootstrap-datetimepicker@^17.0.0-beta"

You may also need to update your package-lock.json with the correct version and run npm install.