Datepicker Module

Date pickers let users select a date or range of dates. They should be suitable for the context in which they appear.

Click here for demo

Installation

All public npm packages of Logo Software is at https://www.npmjs.com/~logofe. To install Datepicker Module:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/datepicker -s

Just import it to your project of @NgModule import section.

import { DatepickerModule } from '@logo-software/datepicker';

@NgModule({
  imports: [DatepickerModule],
})
export class AppModule {
}

Datepicker Component

The DatePicker components itself. Provides a proxy to customize logo datepicker library options. Add the below code to your code stack and give initializer parameters.

_{app.component.html}

<logo-datepicker
  [reference]="'mySecondDatepickerForRange'"
  [formatter]="'Placeholder of my logo datepicker'"
  [regexp]="regexp"
  [disabled]="false"
  [time]="true"
  [ngModel]="10.01.2021"
  [min]="10.01.2000"
  [max]="10.01.2099"
  [target]="'mySecondDatepickerForRange'"
  [iconPosition]="'left'"
  [size]="'medium'"
  [classes]="'my-own-datepicker-class'"
  (valueChange)="yourChangeTrigger($event)"
>
</logo-datepicker>

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview