https://github.com/ryu-man/react-date-picker

Modern date picker for React.js framework
https://github.com/ryu-man/react-date-picker

datepicker reactjs

Last synced: 3 months ago
JSON representation

Modern date picker for React.js framework

• Host: GitHub
• URL: https://github.com/ryu-man/react-date-picker
• Owner: ryu-man
• Created: 2020-10-27T18:18:19.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2021-01-06T11:17:17.000Z (over 5 years ago)
• Last Synced: 2025-06-11T21:08:54.470Z (about 1 year ago)
• Topics: datepicker, reactjs
• Language: TypeScript
• Homepage:
• Size: 23.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React date picker

This is an implementation of a custom date picker using React.js framework

## Usage

```js

import { Picker, Calendar } from "react-date-picker";

let selected;

// simple form

 

;

```

```js

import {Picker, Calendar} from 'react-date-picker'

let selected

let initial = new Date(selected || "2020-10-10")

  {selected = date}} />

```

## Props

### Picker

| Prop     | Type   | Default       | Usage                                            |

| ---------| ------ | ------------- | ------------------------------------------------ |

| format   | String | "dd MMM yyyy" | used in picker input to format the selected date |

### Calendar

| Prop           | Type                 | Default   | Usage                                       |

| -------------- | -------------------- | --------- | ------------------------------------------- |

| initial        | Date                 | today     | used for the starting point                 |

| selected       | Date                 | undefined | specify a selected date                     |

| predicate      | (date:Date)=>boolean | ()=>false | used to check if the date is not selectable |

| onDateSelected | (date:Date)=>void    | ()=>{}    | callback called when the date is selected   |