Hi Arnold,

Regarding the DateRangePicker in Metronic 8 Angular, while the HTML version of the DateRangePicker should be compatible with Angular, it might require some adjustments for seamless integration. You can try creating a custom component or directive to incorporate the DateRangePicker into your Angular project.

However, to simplify the process and avoid potential issues with jQuery dependencies, some users have found success using the "ngx-daterangepicker-bootstrap" package for better Angular integration. Although the styling might not be 100% identical to the HTML version of Metronic, it provides acceptable results for their needs.

While Metronic does offer a DateRangePicker, it's essential to consider the best approach for your specific project requirements you're working with. If you have any further questions or need additional assistance, feel free to reach out.

Best regards

If Metronic Angular does not meet your project requirements, you have the option to request a refund through the Themeforest Refund Form. Rest assured that you are eligible for a 100% money-back guarantee.

> You can try creating a custom component or directive to incorporate the DateRangePicker into your Angular project

@Faizal. yes this is what we are trying to do.
but we cant initialize it since `plugins.bundle.js` does not exist in your angular boiletplate
We would like to avoid installing more third party libraries since our design is base on the daterangepicker in the html demo.

Hi,

A more efficient approach would be to include only the specific components you need from the plugins.bundle.js file, rather than reusing the entire file. In your case, you mentioned that you require the daterangepicker and jQuery plugins.

To achieve this, you can directly obtain the daterangepicker plugin from its official website: https://www.daterangepicker.com/#usage

By doing so, you can avoid unnecessary dependencies and reduce the file size, which is particularly beneficial for Angular projects.

If you have any further questions or need additional assistance, feel free to let us know.

Hi Arnold,

The image you are referring to is already part of the Angular style, and it is included in the following files:

angular/demo1/src/styles.scss >
angular/demo1/src/assets/sass/plugins.scss >
angular/demo1/src/assets/sass/core/vendors/plugins/_plugins.scss

Therefore, you don't need to worry about the DateRangePicker style as it is already included in these files.

Regarding the plugins.bundle.js, please note that it is not part of the Angular JS files. It is actually from the HTML version. My suggestion was to avoid reusing the entire plugins.bundle.js file since it contains various vendor plugins that may not be necessary for your Angular project. Instead, you can include only the specific parts that you need, such as the DateRangePicker and jQuery, to optimize your project and reduce unnecessary dependencies.

I hope this clarifies the inclusion of styles and the usage of plugins.bundle.js. If you have any more questions or need further assistance, feel free to ask. Thank you!

You're welcome! I'm glad I could provide the answer you were looking for. If you have any more questions or need further assistance in the future, feel free to reach out. Have a great day, and take care!