This project contains a collection of lightweight Angular components and directives.

I use these components for one of my own projects. I published them here because I think they may be useful for other projects as well.

The components in this library require a modern, evergreen browser (Chrome, Firefox, Edge, Safari, ...). Older browsers like Internet Explorer 11 are NOT supported.

The demo application shows most of the components.

• Calendar
• Date picker
• Autocomplete
• Autocomplete with multiple selection
• Selection list
• Number input
• Label
• Checkbox
• Spinner (loading animation)

• Number input
• Label
• History-back navigation

• Duration (converts a number to hour:minutes format)

Install the package: npm install oocx-ng --save or yarn install --save.

Import OocxNgModule in your own module:

import { OocxNgModule } from './../../projects/oocx-ng/src/lib/oocx-ng.module';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    OocxNgModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Run ng serve for a dev server that hosts the demo application. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run ng build oocx-ng to build the library project. The build artifacts will be stored in the dist/oocx-ng directory.

Run ng build to build the demo project. The build artifacts will be stored in the dist/oocx-ng-demo directory.

Run ng test oocx-ng to execute the unit tests via Karma.