# ngx-date-picker-component

> Angular Directive to add virtual scroll.

Latest version **0.0.2** (published 2018-05-01) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install ngx-date-picker-component
pnpm add ngx-date-picker-component
yarn add ngx-date-picker-component
bun add ngx-date-picker-component
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2018-05-01 |
| First published | 2018-05-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 14 |
| Unpacked size | 109 KB |
| Known vulnerabilities | 0 (+18 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Raghu Ram M |
| Maintainers | mraghuram3 |
| Keywords | angular, date, picker, date-picker |

## Links

- npm: https://www.npmjs.com/package/ngx-date-picker-component
- Repository: https://github.com/mraghuram3/ngx-date-picker-component
- Homepage: https://github.com/mraghuram3/ngx-date-picker-component#readme
- Issues: https://github.com/mraghuram3/ngx-date-picker-component/issues
- npm.io page: https://npm.io/package/ngx-date-picker-component

## Dependencies (14)

- [rxjs](https://npm.io/package/rxjs.md) ^5.5.6
- [tslib](https://npm.io/package/tslib.md) ^1.7.1
- [moment](https://npm.io/package/moment.md) ^2.22.1
- [core-js](https://npm.io/package/core-js.md) ^2.4.1
- [zone.js](https://npm.io/package/zone.js.md) ^0.8.19
- [@angular/core](https://npm.io/package/@angular/core.md) ^5.2.0
- [@angular/http](https://npm.io/package/@angular/http.md) ^5.2.0
- [@angular/forms](https://npm.io/package/@angular/forms.md) ^5.2.0
- [@angular/common](https://npm.io/package/@angular/common.md) ^5.2.0
- [@angular/router](https://npm.io/package/@angular/router.md) ^5.2.0
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^5.2.0
- [@angular/animations](https://npm.io/package/@angular/animations.md) ^5.2.0
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^5.2.0
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^5.2.0

## Alternatives

- [@js-joda/timezone](https://npm.io/package/@js-joda/timezone.md) — 383.4K weekly downloads
- [chartjs-adapter-moment](https://npm.io/package/chartjs-adapter-moment.md) — 210.8K weekly downloads
- [strftime](https://npm.io/package/strftime.md) — 171.2K weekly downloads
- [vue-flatpickr-component](https://npm.io/package/vue-flatpickr-component.md) — 115.8K weekly downloads
- [timepicker](https://npm.io/package/timepicker.md) — 51.0K weekly downloads

## Recent versions

- 0.0.2 (latest) — 2018-05-01
- 0.0.1 — 2018-05-01

## README

# ngx-date-picker-component

Angular Directive to add virtual scroll.

Live Demo : https://mraghuram3.github.io/#/ngx-date-picker-component

## Installation

To install this library, run:

```bash
$ npm install ngx-date-picker-component --save
```


## Usage

Import `NgxDatePickerModule ` in the root module

```ts
import { NgxDatePickerModule  } from 'ngx-date-picker-component';

@NgModule({
  imports: [
    // ...
    NgxDatePickerModule,
    ...
  ]
})
```

In your template

```html
<ngx-date-picker [mode]="'dropdown'" [format]="'DD-MM-YYYY'" (selected)="selectedDate($event)"></ngx-date-picker>
```

- **[mode]**: string.

  'dropdown' and 'inline' can be passed to enable respective mode.

- **[format]**: string.

  To change the date format of the displayed selected date. 

- **(selected)="selectedDate($event)"**:

  On selecting a date event with the selected date object will be emitted. 


## License

MIT © [Raghu Ram M](mailto:mraghuram3@gmail.com)

---
_Source: https://npm.io/package/ngx-date-picker-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._