Skip to content
This repository was archived by the owner on Jun 19, 2026. It is now read-only.
This repository was archived by the owner on Jun 19, 2026. It is now read-only.

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

Description

@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

Activity

  1. Brahma-Github commented on Feb 28, 2024

    @Brahma-Github

    +1

  2. cedmart1decath commented on Feb 29, 2024

    @cedmart1decath

    +1

  3. iamandreadompe commented on Apr 11, 2024

    @iamandreadompe

    +1

  4. iamandreadompe commented on Apr 12, 2024

    @iamandreadompe

    +1

  5. PhilipAB commented on Dec 7, 2024

    @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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions