https://github.com/adibfirman/react-datepicker

⚛️ A React Datepicker Component
https://github.com/adibfirman/react-datepicker

react reactjs

Last synced: 3 months ago
JSON representation

⚛️ A React Datepicker Component

• Host: GitHub
• URL: https://github.com/adibfirman/react-datepicker
• Owner: adibfirman
• License: mit
• Created: 2020-08-03T01:51:39.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T23:23:33.000Z (almost 2 years ago)
• Last Synced: 2024-07-04T06:42:15.668Z (4 months ago)
• Topics: react, reactjs
• Language: TypeScript
• Homepage: https://codesandbox.io/s/still-bash-siocy?file=/src/App.js
• Size: 5.77 MB
• Stars: 29
• Watchers: 2
• Forks: 1
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• oss - React Datepicker Component - An awesome Datepicker for your React APP, built in with Framer Motion - React, Datepicker (Open Source Project / UI Component)

README

        
# React Datepicker Component

An awesome Datepicker for your React APP, built in with [Framer-motion](https://www.framer.com/api/motion/)



  



## Install `peerdepedencies`

```bash

$ npm i --save styled-components

# or

$ yarn add styled-components

```

## Installation

```bash

$ npm i --save @adibfirman/react-datepicker

# or

$ yarn add @adibfirman/react-datepicker

```

## Available Props

- `value`

  - A date object, default value is `today`

- `onChange(date) => void`

  - Function where the callback is selected date

- `customColor` an object which the value is one of these

  - `selected_date`: `{ bgColor: string; textColor: string };`

    - Default value is: `{ textColor: '#000', bgColor: '#fff' }`

  - `date`: `{ bgColor: string; textColor: string };`

    - Default value is: `{ textColor: '#000', bgColor: '#fff' }`

  - `month`: `{ bgColor: string; textColor: string };`

    - Default value is: `{ textColor: '#fff', bgColor: '#2196f3' }`

  - `year`: `{ bgColor: string; textColor: string };`

    - Default value is: `{ textColor: '#fff', bgColor: '#39373A' }`

## Usage

```jsx

import React from 'react';

import { Datepicker } from '@adibfirman/react-datepicker'

function MyApp() {

  return (

    


      
Hello World

      

    

  );

}

```


## Contribute & Help

- Fork and send Pull Requests are welcome

- Submit an issues

- A new feature requests

## License

This library is [MIT licensed](https://github.com/adibfirman/react-datepicker/blob/master/LICENSE)