# gd-date-time-selector

> React / Bootstrap 4 Date Time Selector

Latest version **0.0.25** (published 2019-02-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install gd-date-time-selector
pnpm add gd-date-time-selector
yarn add gd-date-time-selector
bun add gd-date-time-selector
```

## 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.0.25 |
| Published | 2019-02-06 |
| First published | 2018-04-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 217.7 KB |
| Known vulnerabilities | 0 (+4 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | unifymonitor |
| Maintainers | gabriel-deliu |

## Links

- npm: https://www.npmjs.com/package/gd-date-time-selector
- Repository: https://github.com/gabriel-deliu/gd-date-time-selector
- Homepage: https://github.com/gabriel-deliu/gd-date-time-selector#readme
- Issues: https://github.com/gabriel-deliu/gd-date-time-selector/issues
- npm.io page: https://npm.io/package/gd-date-time-selector

## Dependencies (7)

- [react](https://npm.io/package/react.md) 16.2.0
- [moment](https://npm.io/package/moment.md) 2.19.1
- [react-dom](https://npm.io/package/react-dom.md) 16.2.0
- [prop-types](https://npm.io/package/prop-types.md) 15.5.8
- [reactstrap](https://npm.io/package/reactstrap.md) 6.4.0
- [date-time-parser](https://npm.io/package/date-time-parser.md) 1.0.3
- [react-transition-group](https://npm.io/package/react-transition-group.md) 1.1.2

## Recent versions

- 0.0.25 (latest) — 2019-02-06
- 0.0.24 — 2019-02-06
- 0.0.23 — 2019-02-06
- 0.0.22 — 2019-02-06
- 0.0.21 — 2019-02-06
- 0.0.20 — 2019-02-06
- 0.0.19 — 2019-02-06
- 0.0.18 — 2019-02-06
- 0.0.17 — 2019-02-06
- 0.0.16 — 2019-02-06
- 0.0.15 — 2019-02-04
- 0.0.14 — 2019-02-04
- 0.0.13 — 2019-02-04
- 0.0.12 — 2019-02-04
- 0.0.11 — 2019-02-04
- … 11 more at https://npm.io/package/gd-date-time-selector/versions

## README

# gd-date-time-selector

A(nother) date time selector.

This one...

- Is a React Component.
- Makes use of out-of-the-box Bootstrap 4 css classes for styling.
- Uses icons from [fontawesome](http://fontawesome.io/icons/ "Font Awesome Homepage")

All internal date manipulation is achieved using [Moment.js](https://momentjs.com/docs/#/parsing/ "Moment.js Homepage")

The component renders an [input-group](https://getbootstrap.com/docs/4.0/components/input-group/)

## Getting Started
### Install

#### npm
`npm add gd-date-time-selector`

#### yarn
`yarn add gd-date-time-selector`

## Usage


### Import

`import { DateTimeSelector } from 'gd-date-time-selector'`

### JSX

`<DateTimeSelector> `

`<DateTimeSelector onChange={this.handleChange} placeholder="Date" value={'25/04/2018 15:49:06'} timeFormat={'DD/MM/YYYY HH:mm:ss'}></DateTimeSelector>`

## Props

| Prop | Type | Required | Description | Default |
| :--- | :--- | :---: | :--- | :--- |
| `onChange` | Function | | Will be called when a date time is selected. Arguments: [{value: /*formated date*/ '25/04/2018 15:49:06', moment: /*moment*/ mo]. Can be null. | null |
| `placeholder` | String | | Placeholder string. | '' |
| `value` | String | | Time formated string. | '' |
| `timeFormat` | String | | Moment supported time format | null |

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