# pip-webui2-dates

> ![](https://img.shields.io/badge/license-MIT-blue.svg)

Latest version **1.1.5** (published 2019-12-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install pip-webui2-dates
pnpm add pip-webui2-dates
yarn add pip-webui2-dates
bun add pip-webui2-dates
```

## 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.1.5 |
| Published | 2019-12-20 |
| First published | 2018-01-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 384.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | pipdevs |

## Links

- npm: https://www.npmjs.com/package/pip-webui2-dates
- Repository: https://github.com/pip-webui2/pip-webui2-dates
- Homepage: https://github.com/pip-webui2/pip-webui2-dates#readme
- Issues: https://github.com/pip-webui2/pip-webui2-dates/issues
- npm.io page: https://npm.io/package/pip-webui2-dates

## Dependencies (3)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0
- [pip-webui2-themes](https://npm.io/package/pip-webui2-themes.md) ^1.1.24
- [@ngx-translate/core](https://npm.io/package/@ngx-translate/core.md) ^11.0.1

## Recent versions

- 1.1.5 (latest) — 2019-12-20
- 1.1.4 — 2019-12-10
- 1.1.3 — 2019-11-14
- 1.1.2 — 2019-01-22
- 1.1.1 — 2018-12-04
- 1.1.0 — 2018-11-23
- 1.0.1-beta.1 — 2018-10-17
- 1.0.0 — 2018-10-09
- 0.0.0 — 2018-01-09

## README

# <img src="https://github.com/pip-webui/pip-webui/raw/master/doc/Logo.png" alt="Pip.WebUI Logo" style="max-width:30%"> <br/> Date components

![](https://img.shields.io/badge/license-MIT-blue.svg)

##Components

### Date-time range 

**Control visualizes specific time interval**

**Using**

```html
<pip-time-range [startDate]="startDate" [endDate]="endDate"></pip-time-range>
```

**Example on the image**

<a href="https://github.com/pip-webui2/pip-webui2-dates/raw/master/doc/images/date-time-range.png" style="display: block; text-align: center;">
    <img style="max-width: 300px" src="https://github.com/pip-webui2/pip-webui2-dates/raw/master/doc/images/date-time-range.png"/>
</a>

### Date-time range edit

**Control allows to specify time interval rounded to days or half-hour chunks**

**Using**



```html
<pip-time-range-edit [startDate]="startDate" [endDate]="endDate" 
    (startDateChange)="startDate = $event" (endDateChange)="endDate = $event">
</pip-time-range-edit>
```

**Example on the image**

<a href="https://github.com/pip-webui2/pip-webui2-dates/raw/master/doc/images/date-time-range-edit.png" style="display: block; text-align: center;">
    <img style="max-width: 300px" src="https://github.com/pip-webui2/pip-webui2-dates/raw/master/doc/images/date-time-range-edit.png"/>
</a>

## Pipes

### Elapsed

**Shows localized time interval from date to now**

**Using**

```html
    {{ dateInPast | elapsed }}
```

### Localized date

**Shows localized date**

**Using**

```html
    {{ startDate | localizedDate: 'dd MMM yyyy HH:mm' }}
```

## Installation

To install this module using npm:

```bash
npm install pip-webui2-dates --save
```

## <a name="license"></a>License

This module is released under [MIT license](License) and totally free for commercial and non-commercial use.

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