## Overview

Web Core is the base of web applications at BCI. It provides a collection of packages and components for developers for the use in web applications and to ease the development of BCI solutions.

## Version information

The following version are used in this demo. To see all supported version see our docupedia page.

Package | {{ element.packageName }} | Version | {{ element.version }}

### Web Components

Some compoments are not Angular components but web components. In order to use those you need to add the following snippets to your projects.

package.json:

      dependencies: {
        // ...
        "@bci-web-core/web-components": "^42.42.42"
      }

app.module.ts:

        @NgModule({
          // ...
         schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
        })
        export class AppModule {
          // ...
        }

main.ts:

        import { applyPolyfills,
          defineCustomElements }
        from '@bci-web-core/web-components/loader';
        applyPolyfills().then(() => {
          defineCustomElements(window);
        });

#### Usage example in Angular

Note that camelcase attribute names have to be used for binding.

        <bci-datetime-picker
        range-date-time="true"
        dark-background="true"
        [label]="'bci.portal.datetime-range.label'
        | translate"
        [formatDate]="dateFormatIso"
        (newDateSelected)="onDateSelected($event)">
        </bci-datetime-picker>