@adibfirman/react-datepicker
TypeScript icon, indicating that this package has built-in type declarations

1.0.3 • Public • Published

React Datepicker Component

An awesome Datepicker for your React APP, built in with Framer-motion

Install peerdepedencies

$ npm i --save styled-components
# or
$ yarn add styled-components

Installation

$ 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

import React from 'react';
import { Datepicker } from '@adibfirman/datepicker';

function MyApp() {
  return (
    <div className="App">
      <h1>Hello World</h1>
      <Datepicker />
    </div>
  );
}

Contribute & Help

  • Fork and send Pull Requests are welcome
  • Submit an issues
  • A new feature requests

License

This library is MIT licensed

Readme

Keywords

none

Package Sidebar

Install

npm i @adibfirman/react-datepicker

Weekly Downloads

1

Version

1.0.3

License

MIT

Unpacked Size

252 kB

Total Files

91

Last publish

Collaborators

  • adibfirman