# dateutility-aslam

> ## Install

Latest version **0.6.0** (published 2020-02-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install dateutility-aslam
pnpm add dateutility-aslam
yarn add dateutility-aslam
bun add dateutility-aslam
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.6.0 |
| Published | 2020-02-18 |
| First published | 2020-02-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | aslamshaikh |
| Keywords | dateutility-aslam |

## Links

- npm: https://www.npmjs.com/package/dateutility-aslam
- npm.io page: https://npm.io/package/dateutility-aslam

## Alternatives

- [lodash.assign](https://npm.io/package/lodash.assign.md) — 2.3M weekly downloads
- [lodash.chunk](https://npm.io/package/lodash.chunk.md) — 1.8M weekly downloads
- [react-native-ios-utilities](https://npm.io/package/react-native-ios-utilities.md) — 138.5K weekly downloads
- [@technically/lodash](https://npm.io/package/@technically/lodash.md) — 50.9K weekly downloads
- [@fluid-topics/ft-icon](https://npm.io/package/@fluid-topics/ft-icon.md) — 20.6K weekly downloads

## Recent versions

- 0.6.0 (latest) — 2020-02-18
- 0.5.0 — 2020-02-17
- 0.4.0 — 2020-02-17
- 0.3.0 — 2020-02-17
- 0.2.0 — 2020-02-17
- 0.1.0 — 2020-02-17
- 0.0.9 — 2020-02-17
- 0.0.7 — 2020-02-16
- 0.0.6 — 2020-02-16
- 0.0.5 — 2020-02-16
- 0.0.4 — 2020-02-16
- 0.0.3 — 2020-02-16
- 0.0.2 — 2020-02-16
- 0.0.1 — 2020-02-16

## README

# React Date utility

## Install

```bash
npm install dateutility-aslam
```

OR

```bash
yarn add dateutility-aslam
```

### Examples for Messages grouping date


```jsx
import React, { Component } from 'react';
import Dategroup from 'dateutility-aslam/Dategroup';
import {Dategroup, mDate} from 'dateutility-aslam';

Options
date={}, bg={'#000'}, text={#fff}, pd={'5px 10px'}, w={'100px'}, top={'10px'}

export default class App extends Component {
  render() {
    return (
      <div>
      	allMsgs.map((item)=>{
      		<Dategroup date={item.time}/>
      	})
      </div>
    );
  }
}
```
![Example Code](https://i.ibb.co/2ksDTMJ/example.png)
![Example Code](https://i.ibb.co/RCrWMRv/example1.png)


#### Date and time formate

```jsx
import React, { Component } from 'react';
import {mDate} from 'dateutility-aslam';




For Date
{mDate(item.time).getDate()}

For Date
{mDate(item.time).getTime()}

For Time AM PM Formate
{mDate(item.time).getAMPM()}



const App = ()=> {
	let itemtime = new Date();
  render() {
    return (
      <div >
        {mDate(itemtime).getAMPM()}
      </div>
    );
  }
}
export default App
```

![Example Code](https://i.ibb.co/85Xd2jR/example2.png)


```
For Last Seen
let todayDate = new Date();
{mDate(todayDate).lastSeenFormat()}

```
![Example Code](https://i.ibb.co/0BwCf9v/screenshot-localhost-3000-2020-02-18-21-40-47.png)

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