0.0.10 • Published 2 years ago

week-slider v0.0.10

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

WeekSlider

Javascript library to display and select date from week slider.

Installation

npm i week-slider

Usage

1) In 'tsconfig.json' add "allowSyntheticDefaultImports":true in compilerOptions.

"compilerOptions": {
    "allowSyntheticDefaultImports":true
}

2)In app.module.ts, import WeekSliderModule.

import { WeekSliderModule } from 'week-slider';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

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

3)Use template in component.html

<lib-week-slider></lib-week-slider>

Data and Event binding

1) Set selectedDate:

<lib-week-slider [selectedDate]="date"></lib-week-slider>

2)Get selected date through event:

<lib-week-slider (selectDateEvent)="getEvent($event)"></lib-week-slider>
0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago