# ohlovely-ui

> Frontend lib created by Lê Văn Toàn

[![NPM](https://img.shields.io/npm/v/ohlovely-ui.svg)](https://www.npmjs.com/package/ohlovely-ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save ohlovely-ui
```

## Usage

```tsx
import React, { Component } from 'react'

import { MonthPicker, DatePicker } from 'ohlovely-ui'
import 'ohlovely-ui/dist/index.css'

class Example extends Component {
  render() {
    return (
      <div>
        <DatePicker
          renderView={(inputprops, clearButtonProps) => <div><input {...inputprops} /><button {...clearButtonProps}>clear</button></div>}
          value={new Date(2022, 4, 19)}
          minDate={new Date(2022, 3, 14)}
          maxDate={new Date(2022, 11, 15)}
          clearable
          disabled={false}
        />
        <MonthPicker
          renderView={(inputprops, clearButtonProps) => <div><input {...inputprops} /><button {...clearButtonProps}>clear</button></div>}
          value={new Date(2022, 4, 19)}
          minDate={new Date(2021, 3, 14)}
          maxDate={new Date(2022, 11, 15)}
          clearable
          disabled={false}
      />
      </div>
    )
  }
}
```

## License

MIT © [vantoan2509](https://github.com/vantoan2509)