https://github.com/samsam-ahmadi/react-trip-date

It's a fully customizable Date/Range picker for ReactJS.
https://github.com/samsam-ahmadi/react-trip-date

date-picker datepicker range-picker react react-date-picker react-date-range react-datepicker react-hooks react-range-datepicker storybook styled-components typescript

Last synced: about 1 month ago
JSON representation

It's a fully customizable Date/Range picker for ReactJS.

• Host: GitHub
• URL: https://github.com/samsam-ahmadi/react-trip-date
• Owner: samsam-ahmadi
• License: gpl-3.0
• Created: 2019-10-16T05:54:26.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-19T03:33:53.000Z (over 1 year ago)
• Last Synced: 2024-12-10T05:33:47.160Z (about 1 month ago)
• Topics: date-picker, datepicker, range-picker, react, react-date-picker, react-date-range, react-datepicker, react-hooks, react-range-datepicker, storybook, styled-components, typescript
• Language: TypeScript
• Homepage: https://killthejs.com/react-trip-date/?path=/story/datepicker-api--page
• Size: 14.8 MB
• Stars: 58
• Watchers: 3
• Forks: 12
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React-Trip-Date · [![npm](https://img.shields.io/npm/v/react-trip-date.svg)](https://www.npmjs.com/package/react-trip-date) ![downloads](https://img.shields.io/npm/dt/react-trip-date.svg) ![Gzip](https://deno.bundlejs.com/?q=react-trip-date&badge=)

![Demo for React Trip Date](demo.gif)

A fully customizable Date/Range picker for your React applications.

- Theme (Compatible with your Material-UI theme ), Multiple Month, Auto Responsive

- Support Jalali & Gregorian

- Using `Day.js` (2KB immutable date and NO more need `moment.js`)

## Demo

[Online demo](https://killthejs.com/react-trip-date/) is also available! you can run demo on your local with:

- `git clone https://github.com/samsam-ahmadi/react-trip-date.git`

- `cd react-trip-date`

- `yarn && yarn storybook`

- Visit http://localhost:9009/

## Getting started

### Compatibility

Your project needs to use React 16 or later. If you use older version of React.

### Installation

`npm install react-trip-date`

`yarn add react-trip-date`

## User guide

### APIs

For [Date Picker](https://killthejs.com/react-trip-date/?path=/story/datepicker-api--page) and [Range Picker](https://killthejs.com/react-trip-date/?path=/story/rangepicker-api--page).

#### special thanks to:

- [@amiiiirhassan](https://github.com/amiiiirhassan)

- [@mpourismaiel](https://github.com/mpourismaiel)

- [@salehbud](https://dribbble.com/salehbud)

## Contributors

Feel free to contribute.

## License

The GNU GPLv3 License.