# ic-datepicker

> [Docs & Example](https://icklechris.github.io/ic-datepicker)

Latest version **0.1.6** (published 2020-08-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install ic-datepicker
pnpm add ic-datepicker
yarn add ic-datepicker
bun add ic-datepicker
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2020-08-30 |
| First published | 2017-02-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 113.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 27 |
| Author | Chris Brown |
| Maintainers | icklechris |
| Keywords | angular, angular2, angular4, angular5, datepicker, datepicker popup |

## Links

- npm: https://www.npmjs.com/package/ic-datepicker
- Repository: https://github.com/icklechris/ic-datepicker
- Homepage: https://github.com/icklechris/ic-datepicker#readme
- Issues: https://github.com/icklechris/ic-datepicker/issues
- npm.io page: https://npm.io/package/ic-datepicker

## Alternatives

- [react-native-root-siblings](https://npm.io/package/react-native-root-siblings.md) — 102.9K weekly downloads
- [@praxisui/dialog](https://npm.io/package/@praxisui/dialog.md) — 2.0K weekly downloads
- [easy-toggle-state](https://npm.io/package/easy-toggle-state.md) — 350 weekly downloads
- [ngx-lightbox-evp](https://npm.io/package/ngx-lightbox-evp.md) — 19 weekly downloads
- [react-native-modal-translucent-axton](https://npm.io/package/react-native-modal-translucent-axton.md) — 4 weekly downloads

## Recent versions

- 0.1.6 (latest) — 2020-08-30
- 0.1.5 — 2020-08-30
- 0.1.4 — 2020-08-30
- 0.1.3 — 2017-11-19
- 0.1.2 — 2017-11-19
- 0.1.1 — 2017-11-19
- 0.1.0 — 2017-11-17
- 0.0.14 — 2017-10-27
- 0.0.13 — 2017-10-27
- 0.0.12 — 2017-07-18
- 0.0.11 — 2017-04-11
- 0.0.10 — 2017-03-31
- 0.0.9 — 2017-03-30
- 0.0.8 — 2017-03-26
- 0.0.7 — 2017-03-25
- … 5 more at https://npm.io/package/ic-datepicker/versions

## README

# Ic Datepicker

[Docs & Example](https://icklechris.github.io/ic-datepicker)

**Warning:** This component is still in pre-release. Although the component should be stable, until v1 is released there is potential for API changes whilst things are finalised. To prevent issues, ensure your `package.json` file specifies a specific version (e.g. `"ic-datepicker": "0.0.5"`).

## Installation

Install the component via NPM;

```
npm install -S ic-datepicker
  (or)
yarn add ic-datepicker
```

Import the `IcDatepickerModule` into your module;

```typescript
// app.module.ts

import { IcDatepickerModule } from 'ic-datepicker';

@NgModule({
  imports: [
    IcDatepickerModule,
  ],
})
```

## Usage

Use the `<ic-datepicker/>` element, optionally providing an `IcDatepickerOptionsInterface` instance containing overriding options ([see defaults](https://icklechris.github.io/ic-datepicker/options)).

```typescript
import { IcDatepickerOptionsInterface } from 'ic-datepicker';

@Component({
  selector: 'my-example-component',
  template: `
    <form [formGroup]="exampleForm">
      <!-- Reactive Form -->
      <ic-datepicker formControlName="datepicker" options="datepickerOptions"></ic-datepicker>
      
      <!-- ngModel -->
      <ic-datepicker [(ngModel)]="modelDatepicker" options="datepickerOptions"></ic-datepicker>
    </form>
  `,
  styles: ``
})
export class MyExampleComponent implements OnInit {
  datepickerOptions: IcDatepickerOptionsInterface;
  exampleForm: FormGroup;
  modelDatepicker: any;

  ngOnInit() {
    this.datepickerOptions = {
      position: 'top'
    };

    this.exampleForm = new FormGroup({
      datepicker: new FormControl()
    });
  }
}

```

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