# aiesec-datepicker

> This is a forked version of the original ng2-datepicker package

Latest version **1.2.5** (published 2018-09-28) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.5 |
| Published | 2018-09-28 |
| First published | 2018-03-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 121.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | manzur |

## Links

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

## Dependencies (3)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0
- [date-fns](https://npm.io/package/date-fns.md) ^1.29.0
- [ngx-slimscroll](https://npm.io/package/ngx-slimscroll.md) ^5.0.0

## Recent versions

- 1.2.5 (latest) — 2018-09-28
- 1.2.4 — 2018-06-18
- 1.2.3 — 2018-06-18
- 1.1.3 — 2018-04-11
- 1.1.2 — 2018-04-02
- 1.1.1 — 2018-04-02
- 1.0.6 — 2018-04-02
- 1.1.0 — 2018-03-22
- 1.0.4 — 2018-03-21
- 1.0.3 — 2018-03-05
- 1.0.2 — 2018-03-05
- 1.0.1 — 2018-03-05
- 1.0.0 — 2018-03-05

## README

# ng2-datepicker

This is a forked version of the original ng2-datepicker package

Angular 2+ Simple and minimal datepicker component

[![AbstruseCI](https://ci.bleenco.io/badge/6)](https://ci.bleenco.io/repo/6)

<p align="center">
  <img src="https://user-images.githubusercontent.com/1796022/30781709-624eddc2-a124-11e7-88b7-537af535c23b.png" width="300">
</p>

<p align="center">
  <img src="https://user-images.githubusercontent.com/1796022/30781711-666e5e5a-a124-11e7-9077-59e8eb7d6b03.png" width="300">
</p>

## Installation

1. Install package from `npm`.

```sh
npm install aiesec-datepicker --save
```

2. Include NgDatepickerModule into your application.

```ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgDatepickerModule } from 'aiesec-datepicker';

@NgModule({
  imports: [
    BrowserModule,
    NgDatepickerModule
  ],
  declarations: [ AppComponent ],
  exports: [ AppComponent ]
})
export class AppModule {}
```

## Example
```html
  <ng-datepicker [(ngModel)]="date" />
```

## Additional attributes
|Name|Type|Default|Description|
| --- | --- | --- | --- |
|`headless`|boolean|`false`|Disable datepicker's input|
|`isOpened`|boolean|`false`|Show or hide datepicker|
|`position`|string|`bottom-right`|Dropdown position (`bottom-left`, `bottom-right`, `top-left`, `top-right`)|

## Options
```ts
import { DatepickerOptions } from 'aiesec-datepicker';
import * as frLocale from 'date-fns/locale/fr';

options: DatepickerOptions = {
  minYear: 1970,
  maxYear: 2030,
  displayFormat: 'MMM D[,] YYYY',
  barTitleFormat: 'MMMM YYYY',
  dayNamesFormat: 'dd',
  firstCalendarDay: 0, // 0 - Sunday, 1 - Monday
  locale: frLocale,
  minDate: new Date(Date.now()), // Minimal selectable date
  maxDate: new Date(Date.now()),  // Maximal selectable date
  barTitleIfEmpty: 'Click to select year',
  placeholder: 'Enter Date'
};
```

For available `format` options check out [here](https://date-fns.org/docs/format).

## Run Included Demo

1. Clone this repository

```sh
git clone https://github.com/Manzurkds/ng2-datepicker.git
cd ng2-datepicker
```

2. Install packages

```sh
npm install
```

3. Run Demo

```sh
npm start
```

## Licence

MIT

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