# angular-utc-datepicker

> A simple Angular datepicker component that exclusively uses UTC

Latest version **2.2.4** (published 2019-01-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular-utc-datepicker
pnpm add angular-utc-datepicker
yarn add angular-utc-datepicker
bun add angular-utc-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 | 2.2.4 |
| Published | 2019-01-28 |
| First published | 2017-09-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 116.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | ericsvendsen |
| Maintainers | ericsvendsen |
| Keywords | angular, angular7, angular 7, datepicker, utc |

## Links

- npm: https://www.npmjs.com/package/angular-utc-datepicker
- Repository: https://github.com/ericsvendsen/angular-utc-datepicker
- Issues: https://github.com/ericsvendsen/angular-utc-datepicker/issues
- npm.io page: https://npm.io/package/angular-utc-datepicker

## Recent versions

- 2.2.4 (latest) — 2019-01-28
- 2.2.3 — 2019-01-28
- 2.2.2 — 2019-01-28
- 2.2.1 — 2018-11-06
- 2.2.0 — 2018-11-05
- 2.1.0 — 2018-06-02
- 2.0.0 — 2018-01-29
- 1.0.1 — 2017-09-01
- 1.0.0 — 2017-09-01

## README

# Angular UTC Datepicker
A simple Angular datepicker component that exclusively uses UTC.

## Install
`npm install --save angular-utc-datepicker`

## Dependencies
* Angular >= 2
* [MomentJS](http://momentjs.com)
* [Font Awesome](http://fontawesome.io)

## How to use
* Import into app module: `import { UtcDatepickerModule } from 'angular-utc-datepicker';`
* `format` option, for formatting date (and time, if necessary); defaults to `'YYYY-MM-DD'`. Uses [Moment](http://momentjs.com/docs/#/displaying/format/) formatting.
* `button` option, for showing/hiding a button which opens the calendar popup
* `buttonPosition` option, possible values are `before` and `after` (defaults to `after`)
* `dateChange` event for handling when the input text is updated or when a date is selected from the calendar popup

## Examples
```
<utc-datepicker [date]="myDate" (dateChange)="onDateChange($event)"></utc-datepicker>
```
```
<utc-datepicker [date]="myDate" [button]="true" (dateChange)="onDateChange($event)"></utc-datepicker>
```
```
<utc-datepicker [date]="myDate" [button]="true" buttonPosition="before" format="MM/DD/YYYY HH:mm:ss" (dateChange)="onDateChange($event)"></utc-datepicker>
```

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